npm - @abgov/design-tokens - Versions diffs - 1.0.5-dev.7 → 1.0.5-dev.8 - Mend

@abgov/design-tokens 1.0.5-dev.7 → 1.0.5-dev.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/data/global-ddi.json CHANGED Viewed

@@ -23,11 +23,6 @@
         "type": "color",
         "description": "Default color for interactive elements."
       },
-      "disabled": {
-        "value": "#80B7E1",
-        "type": "color",
-        "description": "Color for disabled interactive elements."
-      },
       "hover": {
         "value": "#004F84",
         "type": "color",
@@ -42,23 +37,33 @@
         "value": "#FEBA35",
         "type": "color",
         "description": "Focus state color for interactive elements."
+      },
+      "disabled": {
+        "value": "#80B7E1",
+        "type": "color",
+        "description": "Color for disabled interactive elements."
       }
     },
     "text": {
       "default": {
-        "value": "#333333",
+        "value": "{color.greyscale.black}",
         "type": "color",
         "description": "Default color for most text (such as body, headings, subheadings)."
       },
       "secondary": {
-        "value": "#666666",
+        "value": "{color.greyscale.700}",
         "type": "color",
-        "description": "Default color for secondary text (such as disabled button text, and secondary text labels eg. “optional” or “partially complete”)."
+        "description": "Default colour for secondary text labels such as “optional” or “required”."
       },
       "light": {
-        "value": "#FFFFFF",
+        "value": "{color.greyscale.white}",
         "type": "color",
         "description": "Use as the text color on dark backgrounds."
+      },
+      "disabled": {
+        "value": "{color.greyscale.700}",
+        "type": "color",
+        "description": "Default color for text on a grey background within the disabled text input, text area, combobox, and dropdown."
       }
     },
     "info": {
@@ -67,11 +72,6 @@
         "type": "color",
         "description": "Use this color to indicate information to the user."
       },
-      "background": {
-        "value": "#EFF8FF",
-        "type": "color",
-        "description": "Use this color as a background when indicating information to the user such as within a container or small callout."
-      },
       "light": {
         "value": "#B2D4ED",
         "type": "color"
@@ -79,14 +79,14 @@
       "dark": {
         "value": "#00347A",
         "type": "color"
+      },
+      "background": {
+        "value": "#EFF8FF",
+        "type": "color",
+        "description": "Use this color as a background when indicating information to the user such as within a container or small callout."
       }
     },
     "warning": {
-      "background": {
-        "value": "#FFF6E5",
-        "type": "color",
-        "description": "Use this color as a background when indicating caution to the user such as within a container or small callout."
-      },
       "default": {
         "value": "#FEBA35",
         "type": "color",
@@ -99,14 +99,14 @@
       "dark": {
         "value": "#C68A00",
         "type": "color"
+      },
+      "background": {
+        "value": "#FFF6E5",
+        "type": "color",
+        "description": "Use this color as a background when indicating caution to the user such as within a container or small callout."
       }
     },
     "emergency": {
-      "background": {
-        "value": "#FFF1F2",
-        "type": "color",
-        "description": "Use this color as a background when indicating emergency to the user such as within a container or small callout."
-      },
       "default": {
         "value": "#EC040B",
         "type": "color",
@@ -119,14 +119,14 @@
       "dark": {
         "value": "#B00000",
         "type": "color"
+      },
+      "background": {
+        "value": "#FFF1F2",
+        "type": "color",
+        "description": "Use this color as a background when indicating emergency to the user such as within a container or small callout."
       }
     },
     "success": {
-      "background": {
-        "value": "#EEF9F3",
-        "type": "color",
-        "description": "Use this color as a background when indicating success to the user such as within a container or small callout."
-      },
       "default": {
         "value": "#00853F",
         "type": "color",
@@ -139,6 +139,11 @@
       "dark": {
         "value": "#005715",
         "type": "color"
+      },
+      "background": {
+        "value": "#EEF9F3",
+        "type": "color",
+        "description": "Use this color as a background when indicating success to the user such as within a container or small callout."
       }
     },
     "greyscale": {
@@ -242,7 +247,7 @@
       "description": "48px"
     }
   },
-  "spacing": {
+  "space": {
     "none": {
       "value": "0rem",
       "type": "spacing",
@@ -300,42 +305,29 @@
     }
   },
   "borderRadius": {
-    "0": {
+    "none": {
       "value": "0rem",
       "type": "borderRadius",
-      "description": "0px"
+      "description": "0px, square corner"
     },
-    "4": {
+    "m": {
       "value": "0.25rem",
       "type": "borderRadius",
       "description": "4px"
-    },
-    "pill": {
-      "value": "999px",
-      "type": "borderRadius",
-      "description": "999px | 999rem"
-    },
-    "circle": {
-      "value": "50%",
-      "type": "borderRadius",
-      "description": "50%"
     }
   },
   "opacity": {
-    "3": {
-      "value": "30%",
-      "type": "opacity",
-      "description": "30% opacity"
-    },
-    "5": {
-      "value": "50%",
-      "type": "opacity",
-      "description": "50% opacity"
-    },
-    "8": {
-      "value": "80%",
-      "type": "opacity",
-      "description": "80% opacity"
+    "background": {
+      "modal": {
+        "value": "50%",
+        "type": "opacity",
+        "description": "50% opacity for black scrim behind modal to disable the rest of the screen."
+      },
+      "loading": {
+        "value": "90%",
+        "type": "opacity",
+        "description": "90% opacity for white scrum behind loading indicator."
+      }
     }
   },
   "lineHeight": {
@@ -373,45 +365,50 @@
       "value": "3.5rem",
       "type": "lineHeights",
       "description": "56px"
+    },
+    "05": {
+      "value": "1.125rem",
+      "type": "lineHeights",
+      "description": "18px"
     }
   },
-  "fontFamilies": {
-    "default": {
-      "value": "Acumin-pro-semi-condensed",
+  "fontFamily": {
+    "sans": {
+      "value": "acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif",
       "type": "fontFamilies",
-      "description": "Deafult font family for GOA"
+      "description": "Deafult font family and fallback fonts when unavailable"
     },
-    "numbers": {
-      "value": "roboto-mono",
+    "number": {
+      "value": "roboto-mono, monospace",
       "type": "fontFamilies",
-      "description": "monospace typeface for numbers"
+      "description": "monospace typeface for numbers and fallback fonts when unavailable"
     }
   },
   "typography": {
     "heading": {
-      "xl": {
+      "xs": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.bold}",
-          "lineHeight": "{lineHeight.7}",
-          "fontSize": "{fontSize.10}"
+          "lineHeight": "{lineHeight.2}",
+          "fontSize": "{fontSize.3}"
         },
         "type": "typography",
-        "description": "Heading XL"
+        "description": "Heading XS"
       },
-      "l": {
+      "s": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
-          "fontWeight": "{fontWeight.regular}",
-          "lineHeight": "{lineHeight.6}",
-          "fontSize": "{fontSize.9}"
+          "fontFamily": "{fontFamily.sans}",
+          "fontWeight": "{fontWeight.bold}",
+          "lineHeight": "{lineHeight.3}",
+          "fontSize": "{fontSize.4}"
         },
         "type": "typography",
-        "description": "Heading L"
+        "description": "Heading S"
       },
       "m": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
           "lineHeight": "{lineHeight.4}",
           "fontSize": "{fontSize.7}"
@@ -419,77 +416,89 @@
         "type": "typography",
         "description": "Heading M"
       },
-      "s": {
+      "l": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
-          "fontWeight": "{fontWeight.bold}",
-          "lineHeight": "{lineHeight.3}",
-          "fontSize": "{fontSize.4}"
+          "fontFamily": "{fontFamily.sans}",
+          "fontWeight": "{fontWeight.regular}",
+          "lineHeight": "{lineHeight.6}",
+          "fontSize": "{fontSize.9}"
         },
         "type": "typography",
-        "description": "Heading S"
+        "description": "Heading L"
       },
-      "xs": {
+      "xl": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.bold}",
-          "lineHeight": "{lineHeight.2}",
-          "fontSize": "{fontSize.3}"
+          "lineHeight": "{lineHeight.7}",
+          "fontSize": "{fontSize.10}"
         },
         "type": "typography",
-        "description": "Heading XS"
+        "description": "Heading XL"
       }
     },
     "body": {
-      "l": {
+      "xs": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
-          "lineHeight": "{lineHeight.4}",
-          "fontSize": "{fontSize.7}"
+          "lineHeight": "{lineHeight.1}",
+          "fontSize": "{fontSize.2}"
         },
         "type": "typography",
-        "description": "Large text"
+        "description": "Micro text"
       },
-      "m": {
+      "s": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
-          "lineHeight": "{lineHeight.3}",
-          "fontSize": "{fontSize.4}"
+          "lineHeight": "{lineHeight.2}",
+          "fontSize": "{fontSize.3}"
         },
         "type": "typography",
-        "description": "Body text"
+        "description": "Small text"
       },
-      "s": {
+      "m": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
-          "lineHeight": "{lineHeight.2}",
-          "fontSize": "{fontSize.3}"
+          "lineHeight": "{lineHeight.3}",
+          "fontSize": "{fontSize.4}"
         },
         "type": "typography",
-        "description": "Small text"
+        "description": "Body text"
       },
-      "xs": {
+      "l": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
-          "lineHeight": "{lineHeight.1}",
-          "fontSize": "{fontSize.2}"
+          "lineHeight": "{lineHeight.4}",
+          "fontSize": "{fontSize.7}"
         },
         "type": "typography",
-        "description": "Micro text"
+        "description": "Large text"
       }
     },
     "button": {
       "default": {
         "value": {
-          "fontFamily": "{fontFamilies.default}",
+          "fontFamily": "{fontFamily.sans}",
           "fontWeight": "{fontWeight.regular}",
           "lineHeight": "{lineHeight.1}",
           "fontSize": "{fontSize.4}",
-          "letterSpacing": "{letterSpacing.1}"
+          "letterSpacing": "{letterSpacing.button}"
+        },
+        "type": "typography"
+      }
+    },
+    "number": {
+      "m": {
+        "value": {
+          "fontFamily": "{fontFamily.number}",
+          "fontWeight": "{fontWeight.medium}",
+          "lineHeight": "{lineHeight.3}",
+          "fontSize": "{fontSize.4}",
+          "letterSpacing": ""
         },
         "type": "typography"
       }
@@ -513,10 +522,10 @@
     }
   },
   "letterSpacing": {
-    "1": {
+    "button": {
       "value": "0.0125rem",
       "type": "letterSpacing",
-      "description": "small letter spacing adjustment to slightly kern letters out for readability on buttons"
+      "description": "small letter spacing adjustment to slightly kern letters out for readability on buttons."
     }
   },
   "iconSize": {
@@ -536,7 +545,7 @@
       "description": "24px"
     }
   },
-  "dropShadow": {
+  "Shadow": {
     "modal": {
       "value": {
         "x": "6",

package/dist/tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Jan 2023 17:37:13 GMT
+ * Generated on Tue, 17 Jan 2023 21:33:46 GMT
  */
 :root {
@@ -8,29 +8,30 @@
   --goa-color-brand-dark: #005072;
   --goa-color-brand-light: #c8eefa;
   --goa-color-interactive-default: #0070c4;
-  --goa-color-interactive-disabled: #80b7e1;
   --goa-color-interactive-hover: #004f84;
   --goa-color-interactive-error: #ec040b;
   --goa-color-interactive-focus: #feba35;
+  --goa-color-interactive-disabled: #80b7e1;
   --goa-color-text-default: #333333;
   --goa-color-text-secondary: #666666;
   --goa-color-text-light: #ffffff;
+  --goa-color-text-disabled: #666666;
   --goa-color-info-default: #005daa;
-  --goa-color-info-background: #eff8ff;
   --goa-color-info-light: #b2d4ed;
   --goa-color-info-dark: #00347a;
-  --goa-color-warning-background: #fff6e5;
+  --goa-color-info-background: #eff8ff;
   --goa-color-warning-default: #feba35;
   --goa-color-warning-light: #fcefd0;
   --goa-color-warning-dark: #c68a00;
-  --goa-color-emergency-background: #fff1f2;
+  --goa-color-warning-background: #fff6e5;
   --goa-color-emergency-default: #ec040b;
   --goa-color-emergency-light: #ffcecf;
   --goa-color-emergency-dark: #b00000;
-  --goa-color-success-background: #eef9f3;
+  --goa-color-emergency-background: #fff1f2;
   --goa-color-success-default: #00853f;
   --goa-color-success-light: #c6e0d0;
   --goa-color-success-dark: #005715;
+  --goa-color-success-background: #eef9f3;
   --goa-color-greyscale-100: #f1f1f1;
   --goa-color-greyscale-200: #dcdcdc;
   --goa-color-greyscale-400: #adadad;
@@ -52,24 +53,21 @@
   --goa-font-size-8: 2rem;
   --goa-font-size-9: 2.25rem;
   --goa-font-size-10: 3rem;
-  --goa-spacing-none: 0rem;
-  --goa-spacing-3xs: 0.125rem;
-  --goa-spacing-2xs: 0.25rem;
-  --goa-spacing-xs: 0.5rem;
-  --goa-spacing-s: 0.75rem;
-  --goa-spacing-m: 1rem;
-  --goa-spacing-l: 1.5rem;
-  --goa-spacing-xl: 2rem;
-  --goa-spacing-2xl: 3rem;
-  --goa-spacing-3xl: 4rem;
-  --goa-spacing-4xl: 8rem;
-  --goa-border-radius-0: 0rem;
-  --goa-border-radius-4: 0.25rem;
-  --goa-border-radius-pill: 999px;
-  --goa-border-radius-circle: 50%;
-  --goa-opacity-3: 30%;
-  --goa-opacity-5: 50%;
-  --goa-opacity-8: 80%;
+  --goa-space-none: 0rem;
+  --goa-space-3xs: 0.125rem;
+  --goa-space-2xs: 0.25rem;
+  --goa-space-xs: 0.5rem;
+  --goa-space-s: 0.75rem;
+  --goa-space-m: 1rem;
+  --goa-space-l: 1.5rem;
+  --goa-space-xl: 2rem;
+  --goa-space-2xl: 3rem;
+  --goa-space-3xl: 4rem;
+  --goa-space-4xl: 8rem;
+  --goa-border-radius-none: 0rem;
+  --goa-border-radius-m: 0.25rem;
+  --goa-opacity-background-modal: 50%;
+  --goa-opacity-background-loading: 90%;
   --goa-line-height-1: 1.25rem;
   --goa-line-height-2: 1.5rem;
   --goa-line-height-3: 1.75rem;
@@ -77,24 +75,26 @@
   --goa-line-height-5: 2.5rem;
   --goa-line-height-6: 2.75rem;
   --goa-line-height-7: 3.5rem;
-  --goa-font-families-default: Acumin-pro-semi-condensed;
-  --goa-font-families-numbers: roboto-mono;
-  --goa-typography-heading-xl: 700 3rem/3.5rem Acumin-pro-semi-condensed;
-  --goa-typography-heading-l: 400 2.25rem/2.75rem Acumin-pro-semi-condensed;
-  --goa-typography-heading-m: 400 1.5rem/2rem Acumin-pro-semi-condensed;
-  --goa-typography-heading-s: 700 1.125rem/1.75rem Acumin-pro-semi-condensed;
-  --goa-typography-heading-xs: 700 1rem/1.5rem Acumin-pro-semi-condensed;
-  --goa-typography-body-l: 400 1.5rem/2rem Acumin-pro-semi-condensed;
-  --goa-typography-body-m: 400 1.125rem/1.75rem Acumin-pro-semi-condensed;
-  --goa-typography-body-s: 400 1rem/1.5rem Acumin-pro-semi-condensed;
-  --goa-typography-body-xs: 400 0.875rem/1.25rem Acumin-pro-semi-condensed;
-  --goa-typography-button-default: 400 1.125rem/1.25rem Acumin-pro-semi-condensed;
+  --goa-line-height-05: 1.125rem;
+  --goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-font-family-number: roboto-mono, monospace;
+  --goa-typography-heading-xs: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-heading-s: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-heading-m: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-heading-l: 400 2.25rem/2.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-heading-xl: 700 3rem/3.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-body-xs: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-body-s: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-body-m: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-body-l: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-button-default: 400 1.125rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+  --goa-typography-number-m: 500 1.125rem/1.75rem roboto-mono, monospace;
   --goa-border-width-s: 1px;
   --goa-border-width-m: 2px;
   --goa-border-width-l: 3px;
-  --goa-letter-spacing-1: 0.0125rem;
+  --goa-letter-spacing-button: 0.0125rem;
   --goa-icon-size-s: 1rem;
   --goa-icon-size-m: 1.25rem;
   --goa-icon-size-l: 1.5rem;
-  --goa-drop-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
+  --goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
 }

package/dist/tokens.scss CHANGED Viewed

@@ -1,34 +1,35 @@
 // Do not edit directly
-// Generated on Fri, 06 Jan 2023 17:37:13 GMT
+// Generated on Tue, 17 Jan 2023 21:33:46 GMT
 $goa-color-brand-default: #0081a2;
 $goa-color-brand-dark: #005072;
 $goa-color-brand-light: #c8eefa;
 $goa-color-interactive-default: #0070c4;
-$goa-color-interactive-disabled: #80b7e1;
 $goa-color-interactive-hover: #004f84;
 $goa-color-interactive-error: #ec040b;
 $goa-color-interactive-focus: #feba35;
+$goa-color-interactive-disabled: #80b7e1;
 $goa-color-text-default: #333333;
 $goa-color-text-secondary: #666666;
 $goa-color-text-light: #ffffff;
+$goa-color-text-disabled: #666666;
 $goa-color-info-default: #005daa;
-$goa-color-info-background: #eff8ff;
 $goa-color-info-light: #b2d4ed;
 $goa-color-info-dark: #00347a;
-$goa-color-warning-background: #fff6e5;
+$goa-color-info-background: #eff8ff;
 $goa-color-warning-default: #feba35;
 $goa-color-warning-light: #fcefd0;
 $goa-color-warning-dark: #c68a00;
-$goa-color-emergency-background: #fff1f2;
+$goa-color-warning-background: #fff6e5;
 $goa-color-emergency-default: #ec040b;
 $goa-color-emergency-light: #ffcecf;
 $goa-color-emergency-dark: #b00000;
-$goa-color-success-background: #eef9f3;
+$goa-color-emergency-background: #fff1f2;
 $goa-color-success-default: #00853f;
 $goa-color-success-light: #c6e0d0;
 $goa-color-success-dark: #005715;
+$goa-color-success-background: #eef9f3;
 $goa-color-greyscale-100: #f1f1f1;
 $goa-color-greyscale-200: #dcdcdc;
 $goa-color-greyscale-400: #adadad;
@@ -50,24 +51,21 @@ $goa-font-size-7: 1.5rem;
 $goa-font-size-8: 2rem;
 $goa-font-size-9: 2.25rem;
 $goa-font-size-10: 3rem;
-$goa-spacing-none: 0rem;
-$goa-spacing-3xs: 0.125rem;
-$goa-spacing-2xs: 0.25rem;
-$goa-spacing-xs: 0.5rem;
-$goa-spacing-s: 0.75rem;
-$goa-spacing-m: 1rem;
-$goa-spacing-l: 1.5rem;
-$goa-spacing-xl: 2rem;
-$goa-spacing-2xl: 3rem;
-$goa-spacing-3xl: 4rem;
-$goa-spacing-4xl: 8rem;
-$goa-border-radius-0: 0rem;
-$goa-border-radius-4: 0.25rem;
-$goa-border-radius-pill: 999px;
-$goa-border-radius-circle: 50%;
-$goa-opacity-3: 30%;
-$goa-opacity-5: 50%;
-$goa-opacity-8: 80%;
+$goa-space-none: 0rem;
+$goa-space-3xs: 0.125rem;
+$goa-space-2xs: 0.25rem;
+$goa-space-xs: 0.5rem;
+$goa-space-s: 0.75rem;
+$goa-space-m: 1rem;
+$goa-space-l: 1.5rem;
+$goa-space-xl: 2rem;
+$goa-space-2xl: 3rem;
+$goa-space-3xl: 4rem;
+$goa-space-4xl: 8rem;
+$goa-border-radius-none: 0rem;
+$goa-border-radius-m: 0.25rem;
+$goa-opacity-background-modal: 50%;
+$goa-opacity-background-loading: 90%;
 $goa-line-height-1: 1.25rem;
 $goa-line-height-2: 1.5rem;
 $goa-line-height-3: 1.75rem;
@@ -75,23 +73,25 @@ $goa-line-height-4: 2rem;
 $goa-line-height-5: 2.5rem;
 $goa-line-height-6: 2.75rem;
 $goa-line-height-7: 3.5rem;
-$goa-font-families-default: Acumin-pro-semi-condensed;
-$goa-font-families-numbers: roboto-mono;
-$goa-typography-heading-xl: 700 3rem/3.5rem Acumin-pro-semi-condensed;
-$goa-typography-heading-l: 400 2.25rem/2.75rem Acumin-pro-semi-condensed;
-$goa-typography-heading-m: 400 1.5rem/2rem Acumin-pro-semi-condensed;
-$goa-typography-heading-s: 700 1.125rem/1.75rem Acumin-pro-semi-condensed;
-$goa-typography-heading-xs: 700 1rem/1.5rem Acumin-pro-semi-condensed;
-$goa-typography-body-l: 400 1.5rem/2rem Acumin-pro-semi-condensed;
-$goa-typography-body-m: 400 1.125rem/1.75rem Acumin-pro-semi-condensed;
-$goa-typography-body-s: 400 1rem/1.5rem Acumin-pro-semi-condensed;
-$goa-typography-body-xs: 400 0.875rem/1.25rem Acumin-pro-semi-condensed;
-$goa-typography-button-default: 400 1.125rem/1.25rem Acumin-pro-semi-condensed;
+$goa-line-height-05: 1.125rem;
+$goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-font-family-number: roboto-mono, monospace;
+$goa-typography-heading-xs: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-heading-s: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-heading-m: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-heading-l: 400 2.25rem/2.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-heading-xl: 700 3rem/3.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-body-xs: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-body-s: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-body-m: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-body-l: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-button-default: 400 1.125rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-typography-number-m: 500 1.125rem/1.75rem roboto-mono, monospace;
 $goa-border-width-s: 1px;
 $goa-border-width-m: 2px;
 $goa-border-width-l: 3px;
-$goa-letter-spacing-1: 0.0125rem;
+$goa-letter-spacing-button: 0.0125rem;
 $goa-icon-size-s: 1rem;
 $goa-icon-size-m: 1.25rem;
 $goa-icon-size-l: 1.5rem;
-$goa-drop-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
+$goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/design-tokens",
-  "version": "1.0.5-dev.7",
+  "version": "1.0.5-dev.8",
   "main": "./index.js",
   "repository": {
     "type": "git",