fix(PPDSC-2077): revert changes

newscorp-ghfb · Nov 2, 2022 · 47e802c · 47e802c
1 parent f6fa0c6
commit 47e802c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/grid-layout/__tests__/__snapshots__/grid-layout.test.tsx.snap b/src/grid-layout/__tests__/__snapshots__/grid-layout.test.tsx.snap
@@ -496,7 +496,7 @@ exports[`GridLayout renders a grid with autoColumns 1`] = `
   -webkit-column-gap: 20px;
   column-gap: 20px;
   grid-template-areas: "a a";
-  grid-auto-columns: 100px;
+  grid-auto-columns: 80px;
 }
 
 <div
@@ -572,7 +572,7 @@ exports[`GridLayout renders a grid with autoRows 1`] = `
   -webkit-column-gap: 20px;
   column-gap: 20px;
   grid-template-areas: "a a";
-  grid-auto-rows: 100px;
+  grid-auto-rows: 80px;
 }
 
 <div

diff --git a/src/grid-layout/__tests__/grid-layout.test.tsx b/src/grid-layout/__tests__/grid-layout.test.tsx
@@ -216,7 +216,7 @@ describe('GridLayout', () => {
   test('renders a grid with autoRows', () => {
     const props: GridLayoutProps = {
       areas: 'a a',
-      autoRows: '100px',
+      autoRows: 'sizing100',
       columnGap: '20px',
       rowGap: '20px',
       children: defaultChildren,
@@ -229,7 +229,7 @@ describe('GridLayout', () => {
   test('renders a grid with autoColumns', () => {
     const props: GridLayoutProps = {
       areas: 'a a',
-      autoColumns: '100px',
+      autoColumns: 'sizing100',
       columnGap: '20px',
       rowGap: '20px',
       children: defaultChildren,

diff --git a/src/grid-layout/styled.ts b/src/grid-layout/styled.ts
@@ -76,15 +76,15 @@ export const StyledGridLayout = styled.div<GridLayoutProps>`
 
   ${handleResponsiveProp(
     {autoRows: GRID_DEFAULT_PROPS.autoRows},
-    ({autoRows}) => ({
-      gridAutoRows: autoRows,
+    ({autoRows}, {theme}) => ({
+      gridAutoRows: mapTemplate(theme, autoRows),
     }),
   )}
 
   ${handleResponsiveProp(
     {autoColumns: GRID_DEFAULT_PROPS.autoColumns},
-    ({autoColumns}) => ({
-      gridAutoColumns: autoColumns,
+    ({autoColumns}, {theme}) => ({
+      gridAutoColumns: mapTemplate(theme, autoColumns),
     }),
   )}