Update margin tokens

cds-snc · Jun 26, 2024 · 8b9bba0 · 8b9bba0
1 parent 0441be9
commit 8b9bba0
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 12 deletions.
diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json
@@ -4027,8 +4027,14 @@
         }
       },
       "margin": {
-        "value": "0 0 0.75rem",
-        "type": "spacing"
+        "desktop": {
+          "value": "0 0 0.5625rem",
+          "type": "spacing"
+        },
+        "mobile": {
+          "value": "0 0 0.375rem",
+          "type": "spacing"
+        }
       }
     },
     "textarea": {

diff --git a/build/web/css/.css b/build/web/css/.css
@@ -748,7 +748,8 @@
   --gcds-signature-wordmark-height: 3rem;
   --gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-  --gcds-stepper-margin: 0 0 0.75rem;
+  --gcds-stepper-margin-desktop: 0 0 0.5625rem;
+  --gcds-stepper-margin-mobile: 0 0 0.375rem;
   --gcds-textarea-border-radius: 0.1875rem;
   --gcds-textarea-border-width: 0.125rem;
   --gcds-textarea-danger-border: #d3080c;

diff --git a/build/web/css/components.css b/build/web/css/components.css
@@ -606,7 +606,8 @@
   --gcds-signature-wordmark-height: 3rem;
   --gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-  --gcds-stepper-margin: 0 0 0.75rem;
+  --gcds-stepper-margin-desktop: 0 0 0.5625rem;
+  --gcds-stepper-margin-mobile: 0 0 0.375rem;
   --gcds-textarea-border-radius: 0.1875rem;
   --gcds-textarea-border-width: 0.125rem;
   --gcds-textarea-danger-border: #d3080c;

diff --git a/build/web/css/components/stepper.css b/build/web/css/components/stepper.css
@@ -5,5 +5,6 @@
 :root {
   --gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-  --gcds-stepper-margin: 0 0 0.75rem;
+  --gcds-stepper-margin-desktop: 0 0 0.5625rem;
+  --gcds-stepper-margin-mobile: 0 0 0.375rem;
 }
diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css
@@ -748,7 +748,8 @@
   --gcds-signature-wordmark-height: 3rem;
   --gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-  --gcds-stepper-margin: 0 0 0.75rem;
+  --gcds-stepper-margin-desktop: 0 0 0.5625rem;
+  --gcds-stepper-margin-mobile: 0 0 0.375rem;
   --gcds-textarea-border-radius: 0.1875rem;
   --gcds-textarea-border-width: 0.125rem;
   --gcds-textarea-danger-border: #d3080c;

diff --git a/build/web/scss/.scss b/build/web/scss/.scss
@@ -746,7 +746,8 @@ $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-height: 3rem;
 $gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-$gcds-stepper-margin: 0 0 0.75rem;
+$gcds-stepper-margin-desktop: 0 0 0.5625rem;
+$gcds-stepper-margin-mobile: 0 0 0.375rem;
 $gcds-textarea-border-radius: 0.1875rem;
 $gcds-textarea-border-width: 0.125rem;
 $gcds-textarea-danger-border: #d3080c;

diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss
@@ -604,7 +604,8 @@ $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-height: 3rem;
 $gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-$gcds-stepper-margin: 0 0 0.75rem;
+$gcds-stepper-margin-desktop: 0 0 0.5625rem;
+$gcds-stepper-margin-mobile: 0 0 0.375rem;
 $gcds-textarea-border-radius: 0.1875rem;
 $gcds-textarea-border-width: 0.125rem;
 $gcds-textarea-danger-border: #d3080c;

diff --git a/build/web/scss/components/stepper.scss b/build/web/scss/components/stepper.scss
@@ -3,4 +3,5 @@
 
 $gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-$gcds-stepper-margin: 0 0 0.75rem;
+$gcds-stepper-margin-desktop: 0 0 0.5625rem;
+$gcds-stepper-margin-mobile: 0 0 0.375rem;
diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss
@@ -746,7 +746,8 @@ $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-height: 3rem;
 $gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
-$gcds-stepper-margin: 0 0 0.75rem;
+$gcds-stepper-margin-desktop: 0 0 0.5625rem;
+$gcds-stepper-margin-mobile: 0 0 0.375rem;
 $gcds-textarea-border-radius: 0.1875rem;
 $gcds-textarea-border-width: 0.125rem;
 $gcds-textarea-danger-border: #d3080c;

diff --git a/tokens/components/stepper/tokens.json b/tokens/components/stepper/tokens.json
@@ -21,8 +21,14 @@
       }
     },
     "margin": {
-      "value": "0 0 {spacing.200.value}",
-      "type": "spacing"
+      "desktop": {
+        "value": "0 0 {spacing.150.value}",
+        "type": "spacing"
+      },
+      "mobile": {
+        "value": "0 0 {spacing.100.value}",
+        "type": "spacing"
+      }
     }
   }
 }