Add changeset + api report
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
@@ -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 />.
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
>;
|
||||
|
||||
Reference in New Issue
Block a user