feat(SW-439): add support for one column grid

components/TempDesignSystem/Grids/Stackable/stackable.module.css

@@ -16,4 +16,8 @@
   .twoColumns {
     grid-template-columns: repeat(2, 1fr);
   }
+
+  .oneColumn {
+    grid-template-columns: 1fr;
+  }
 }

components/TempDesignSystem/Grids/Stackable/stackable.ts

@@ -2,8 +2,10 @@ import { stackableGridVariants } from "./variants"
 
 import type { VariantProps } from "class-variance-authority"
 
+import { Columns } from "@/types/components/blocks/cardsGrid"
+
 export interface StackableGridProps
   extends React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof stackableGridVariants> {
-  columns?: 2 | 3
+  columns?: Columns
 }

components/TempDesignSystem/Grids/Stackable/variants.ts

@@ -5,6 +5,7 @@ import styles from "./stackable.module.css"
 export const stackableGridVariants = cva(styles.container, {
   variants: {
     columns: {
+      1: styles.oneColumn,
       2: styles.twoColumns,
       3: styles.threeColumns,
     },