fix: Added fullWidth property on button components to set them as full width

Approved-by: Matilda Landström

packages/design-system/lib/components/Button/Button.tsx

@@ -9,7 +9,7 @@ export function Button({
   color,
   size,
   wrapping,
-
+  fullWidth,
   typography,
   className,
   children,
@@ -21,6 +21,7 @@ export function Button({
     size,
     wrapping,
     typography,
+    fullWidth,
     className,
   })
 

packages/design-system/lib/components/Button/button.module.css

@@ -9,6 +9,10 @@
   justify-content: center;
   gap: var(--Space-x05);
 
+  &.full-width {
+    width: 100%;
+  }
+
   &[data-disabled] {
     cursor: unset;
   }

packages/design-system/lib/components/Button/variants.ts

@@ -30,12 +30,17 @@ export const config = {
       true: undefined,
       false: styles['no-wrapping'],
     },
+    fullWidth: {
+      true: styles['full-width'],
+      false: undefined,
+    },
   },
   defaultVariants: {
     variant: 'Primary',
     color: 'Primary',
     size: 'Large',
     wrapping: true,
+    fullWidth: false,
   },
 } as const