Skip to content

Commit

Permalink
update fixtures
Browse files Browse the repository at this point in the history
  • Loading branch information
mnajdova committed Jun 24, 2024
1 parent 016d51c commit cc49170
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 1 deletion.
10 changes: 9 additions & 1 deletion packages/pigment-css-react/tests/Grid/fixtures/Grid.output.css
Original file line number Diff line number Diff line change
Expand Up @@ -356,7 +356,6 @@
}
.g1i5ygey-1 {
display: flex;
flex-wrap: wrap;
gap: var(--Grid-self-row-spacing) var(--Grid-self-column-spacing);
}
.g1i5ygey-2 {
Expand All @@ -367,3 +366,12 @@
.g1i5ygey-3 {
margin-left: var(--Grid-self-margin-left);
}
.g1i5ygey-4 {
flex-wrap: nowrap;
}
.g1i5ygey-5 {
flex-wrap: wrap-reverse;
}
.g1i5ygey-6 {
flex-wrap: wrap;
}
29 changes: 29 additions & 0 deletions packages/pigment-css-react/tests/Grid/fixtures/Grid.output.js
Original file line number Diff line number Diff line change
Expand Up @@ -207,6 +207,27 @@ const GridComponent = /*#__PURE__*/ _styled('div')({
props: ({ offset }) => offset !== undefined,
className: 'g1i5ygey-3',
},
{
props: {
wrap: 'nowrap',
container: true,
},
className: 'g1i5ygey-4',
},
{
props: {
wrap: 'wrap-reverse',
container: true,
},
className: 'g1i5ygey-5',
},
{
props: {
wrap: 'wrap',
container: true,
},
className: 'g1i5ygey-6',
},
],
});
const Grid = React.forwardRef(function Grid(
Expand All @@ -230,6 +251,7 @@ const Grid = React.forwardRef(function Grid(
unstable_parent_column_spacing,
// eslint-disable-next-line react/prop-types
unstable_parent_row_spacing,
wrap = 'wrap',
...rest
},
ref,
Expand Down Expand Up @@ -267,6 +289,7 @@ const Grid = React.forwardRef(function Grid(
container,
size,
offset,
wrap,
};
const gridClasses = gridAtomics(gridAtomicsObj);
return (
Expand Down Expand Up @@ -381,6 +404,12 @@ process.env.NODE_ENV !== 'production' &&
* @ignore
*/
style: PropTypes.object,
/**
* Defines the `flex-wrap` style property.
* It's applied for all screen sizes.
* @default 'wrap'
*/
wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
});
Grid.displayName = 'Grid';
export default Grid;

0 comments on commit cc49170

Please sign in to comment.