feat: Use flexbox and regular space in Column as we do in Row (#1388)

Co-authored-by: Aram <[email protected]>
Amsterdam · Jul 17, 2024 · 86d693c · 86d693c
1 parent 582685c
commit 86d693c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/css/src/components/column/column.scss b/packages/css/src/components/column/column.scss
@@ -6,7 +6,8 @@
 @import "../../common/size";
 
 .ams-column {
-  display: grid;
+  display: flex;
+  flex-direction: column;
 }
 
 @each $size, $label in $ams-sizes {

diff --git a/proprietary/tokens/src/components/ams/column.tokens.json b/proprietary/tokens/src/components/ams/column.tokens.json
@@ -2,11 +2,11 @@
   "ams": {
     "column": {
       "gap": {
-        "xs": { "value": "{ams.space.grid.xs}" },
-        "sm": { "value": "{ams.space.grid.sm}" },
-        "md": { "value": "{ams.space.grid.md}" },
-        "lg": { "value": "{ams.space.grid.lg}" },
-        "xl": { "value": "{ams.space.grid.xl}" }
+        "xs": { "value": "{ams.space.xs}" },
+        "sm": { "value": "{ams.space.sm}" },
+        "md": { "value": "{ams.space.md}" },
+        "lg": { "value": "{ams.space.lg}" },
+        "xl": { "value": "{ams.space.xl}" }
       }
     }
   }