fixup! fixup! fixup! fixup! Feat(web-twig): Add spacing property to…

… `Grid` #DS-1388
lmc-eu · Aug 1, 2024 · 09d6d9c · 09d6d9c
1 parent c78d7a9
commit 09d6d9c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/web-twig/src/Resources/components/Grid/__tests__/__fixtures__/grid.twig b/packages/web-twig/src/Resources/components/Grid/__tests__/__fixtures__/grid.twig
@@ -55,9 +55,9 @@
 <Grid
     cols="{{ { mobile: 2, tablet: 3, desktop: 4 } }}"
     elementType="ul"
-    spacing="{{ { mobile: 'space-600', tablet: 'space-1000', desktop: 'space-1200' } }}"
-    spacingX="{{ { mobile: 'space-600', tablet: 'space-1000', desktop: 'space-1200' } }}"
-    spacingY="{{ { mobile: 'space-600', tablet: 'space-1000', desktop: 'space-1200' } }}"
+    spacing="{{ { mobile: 'space-100', tablet: 'space-200', desktop: 'space-300' } }}"
+    spacingX="{{ { mobile: 'space-400', tablet: 'space-500', desktop: 'space-600' } }}"
+    spacingY="{{ { mobile: 'space-700', tablet: 'space-800', desktop: 'space-900' } }}"
     UNSAFE_className="custom-class"
 >
     <li>col 1</li>

diff --git a/packages/web-twig/src/Resources/components/Grid/__tests__/__snapshots__/grid.twig.snap.html b/packages/web-twig/src/Resources/components/Grid/__tests__/__snapshots__/grid.twig.snap.html
@@ -43,7 +43,7 @@
     </div>
     <!-- Render with all props -->
 
-    <ul class="Grid custom-class Grid--cols-2 Grid--tablet--cols-3 Grid--desktop--cols-4" style="--grid-spacing-x: var(--spirit-space-600); --grid-spacing-y: var(--spirit-space-600);--grid-spacing-x-tablet: var(--spirit-space-1000); --grid-spacing-y-tablet: var(--spirit-space-1000);--grid-spacing-x-desktop: var(--spirit-space-1200); --grid-spacing-y-desktop: var(--spirit-space-1200);--grid-spacing-x: var(--spirit-space-600);--grid-spacing-x-tablet: var(--spirit-space-1000);--grid-spacing-x-desktop: var(--spirit-space-1200);--grid-spacing-y: var(--spirit-space-600);--grid-spacing-y-tablet: var(--spirit-space-1000);--grid-spacing-y-desktop: var(--spirit-space-1200);">
+    <ul class="Grid custom-class Grid--cols-2 Grid--tablet--cols-3 Grid--desktop--cols-4" style="--grid-spacing-x: var(--spirit-space-100); --grid-spacing-y: var(--spirit-space-100);--grid-spacing-x-tablet: var(--spirit-space-200); --grid-spacing-y-tablet: var(--spirit-space-200);--grid-spacing-x-desktop: var(--spirit-space-300); --grid-spacing-y-desktop: var(--spirit-space-300);--grid-spacing-x: var(--spirit-space-400);--grid-spacing-x-tablet: var(--spirit-space-500);--grid-spacing-x-desktop: var(--spirit-space-600);--grid-spacing-y: var(--spirit-space-700);--grid-spacing-y-tablet: var(--spirit-space-800);--grid-spacing-y-desktop: var(--spirit-space-900);">
       <li>col 1
       </li>