chore(grid): undo changes that were not needed

PhillipsAuctionHouse · Jan 17, 2025 · 715f2a9 · 715f2a9
1 parent 6935da8
commit 715f2a9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/GridItem/GridItem.test.tsx b/src/components/GridItem/GridItem.test.tsx
@@ -28,7 +28,7 @@ describe('GridItem', () => {
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-xs-2`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-sm-2`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-md-6`);
-      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-10`);
+      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-12`);
     });
 
     it('applies custom col spans correctly', () => {
@@ -49,7 +49,7 @@ describe('GridItem', () => {
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-xs-2-align-center`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-sm-2-align-center`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-md-6-align-center`);
-      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-10-align-center`);
+      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-12-align-center`);
     });
     it('default position classes', () => {
       render(<GridItem align={GridItemAlign.left} />);
@@ -58,7 +58,7 @@ describe('GridItem', () => {
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-xs-2-align-left`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-sm-2-align-left`);
       expect(GridItemElement).toHaveClass(`${px}-grid-item--span-md-6-align-left`);
-      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-10-align-left`);
+      expect(GridItemElement).toHaveClass(`${px}-grid-item--span-lg-12-align-left`);
     });
   });
 });
diff --git a/src/components/GridItem/GridItem.tsx b/src/components/GridItem/GridItem.tsx
@@ -36,7 +36,7 @@ const GridItem = ({
   xs = 2,
   sm = 2,
   md = 6,
-  lg = 10,
+  lg = 12,
   align = GridItemAlign.center,
   element: Element = 'div',
   className,

diff --git a/src/design/grid-tokens/_grid-tokens.scss b/src/design/grid-tokens/_grid-tokens.scss
@@ -20,12 +20,12 @@
     }
 
     @media (min-width: 1401px) {
-      content: '@media (min-width: 1401px) -- 10 columns';
+      content: '@media (min-width: 1401px) -- 12 columns';
       transform: translate($spacing-lg, 2.1875rem);
     }
 
     @media (min-width: 1801px) {
-      content: '@media (min-width: 1801px) -- 10 columns';
+      content: '@media (min-width: 1801px) -- 12 columns';
       transform: translate($spacing-xl, 2.75rem);
     }
   }