Add changeset + api report

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-05-20 22:22:50 +01:00
parent c2a1f1bf3f
commit 24b45efbfb
5 changed files with 19 additions and 15 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/canon': minor
---
Fixes spacing props on layout components and aligned on naming for the Grid component. You should now call the Grid root component using <Grid.Root /> instead of just <Grid />.
+4 -4
View File
@@ -195,20 +195,20 @@
.canon-Container {
max-width: 120rem;
padding: 0 var(--canon-space-4);
margin: 0 auto;
padding-inline: var(--canon-space-4);
margin-inline: auto;
transition: padding .2s ease-in-out;
}
@media (width >= 640px) {
.canon-Container {
padding: 0 var(--canon-space-8);
padding-inline: var(--canon-space-8);
}
}
@media (width >= 1024px) {
.canon-Container {
padding: 0 var(--canon-space-12);
padding-inline: var(--canon-space-12);
}
}
+4 -4
View File
@@ -1,18 +1,18 @@
.canon-Container {
max-width: 120rem;
padding: 0 var(--canon-space-4);
margin: 0 auto;
padding-inline: var(--canon-space-4);
margin-inline: auto;
transition: padding .2s ease-in-out;
}
@media (width >= 640px) {
.canon-Container {
padding: 0 var(--canon-space-8);
padding-inline: var(--canon-space-8);
}
}
@media (width >= 1024px) {
.canon-Container {
padding: 0 var(--canon-space-12);
padding-inline: var(--canon-space-12);
}
}
+4 -4
View File
@@ -9419,20 +9419,20 @@
.canon-Container {
max-width: 120rem;
padding: 0 var(--canon-space-4);
margin: 0 auto;
padding-inline: var(--canon-space-4);
margin-inline: auto;
transition: padding .2s ease-in-out;
}
@media (width >= 640px) {
.canon-Container {
padding: 0 var(--canon-space-8);
padding-inline: var(--canon-space-8);
}
}
@media (width >= 1024px) {
.canon-Container {
padding: 0 var(--canon-space-12);
padding-inline: var(--canon-space-12);
}
}
+2 -3
View File
@@ -453,9 +453,8 @@ export type GetPropDefTypes<P> = {
};
// @public (undocumented)
export const Grid: ForwardRefExoticComponent<
GridProps & RefAttributes<HTMLDivElement>
> & {
export const Grid: {
Root: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>>;
Item: ForwardRefExoticComponent<
GridItemProps & RefAttributes<HTMLDivElement>
>;