@abgov/design-tokens 2.4.3 → 2.6.0

package/data/component-design-tokens/accordion-design-tokens.json

@@ -3,6 +3,10 @@
     "value": "{color.greyscale.white}",
     "type": "color"
   },
+  "accordion-color-filled-bg-heading": {
+    "value": "{color.greyscale.100}",
+    "type": "color"
+  },
   "accordion-color-bg-content": {
     "value": "{color.greyscale.white}",
     "type": "color"
@@ -76,6 +80,10 @@
     "value": "{color.greyscale.50}",
     "type": "color"
   },
+  "accordion-color-filled-bg-heading-hover": {
+    "value": "{color.greyscale.150}",
+    "type": "color"
+  },
   "accordion-color-heading-hover": {
     "value": "{color.text.default}",
     "type": "color"

package/data/component-design-tokens/button-design-tokens.json

@@ -421,6 +421,104 @@
     "type": "letterSpacing",
     "description": "subtle letter spacing in the button for better readability"
   },
+  "button-text-border-radius": {
+    "value": "{borderRadius.s}",
+    "type": "borderRadius"
+  },
+  "button-text-padding": {
+    "value": "0 {space.2xs}",
+    "type": "spacing"
+  },
+  "button-text-compact-padding": {
+    "value": "0 {space.2xs}",
+    "type": "spacing"
+  },
+  "button-text-color-text": {
+    "value": "{color.interactive.default}",
+    "type": "color"
+  },
+  "button-text-hover-color-text": {
+    "value": "{color.interactive.hover}",
+    "type": "color"
+  },
+  "button-text-focus-color-text": {
+    "value": "{color.interactive.default}",
+    "type": "color"
+  },
+  "button-text-disabled-color-text": {
+    "value": "{color.interactive.disabled}",
+    "type": "color"
+  },
+  "button-text-text-decoration": {
+    "value": "underline",
+    "type": "textDecoration"
+  },
+  "button-text-disabled-text-decoration": {
+    "value": "underline",
+    "type": "textDecoration"
+  },
+  "button-text-font": {
+    "value": "{fontWeight.medium} {fontSize.5}/{lineHeight.1} {fontFamily.sans}",
+    "type": "other"
+  },
+  "button-text-letter-spacing": {
+    "value": "0.0125rem",
+    "type": "letterSpacing",
+    "description": "subtle letter spacing in the text button for better readability"
+  },
+  "button-text-compact-font": {
+    "value": "{fontWeight.medium} {fontSize.4}/{lineHeight.05} {fontFamily.sans}",
+    "type": "other"
+  },
+  "button-text-compact-letter-spacing": {
+    "value": "0.0125rem",
+    "type": "letterSpacing",
+    "description": "subtle letter spacing in the compact text button for better readability"
+  },
+  "button-text-compact-disabled-color-text": {
+    "value": "{color.interactive.disabled}",
+    "type": "color"
+  },
+  "button-text-compact-disabled-text-decoration": {
+    "value": "underline",
+    "type": "textDecoration"
+  },
+  "button-text-destructive-color-text": {
+    "value": "{color.emergency.default}",
+    "type": "color"
+  },
+  "button-text-destructive-hover-color-text": {
+    "value": "{color.emergency.dark}",
+    "type": "color"
+  },
+  "button-text-destructive-focus-color-text": {
+    "value": "{color.emergency.default}",
+    "type": "color"
+  },
+  "button-text-inverse-color-text": {
+    "value": "{color.text.light}",
+    "type": "color"
+  },
+  "button-text-inverse-hover-color-text": {
+    "value": "{color.greyscale.200}",
+    "type": "color"
+  },
+  "button-text-inverse-focus-color-text": {
+    "value": "{color.text.light}",
+    "type": "color"
+  },
+  "button-text-dark-color-text": {
+    "value": "{color.greyscale.black}",
+    "type": "color"
+  },
+  "button-text-dark-hover-color-text": {
+    "value": "{color.interactive.hover}",
+    "type": "color"
+  },
+  "button-text-dark-focus-color-text": {
+    "value": "{color.greyscale.black}",
+    "type": "color"
+  },
   "button-tertiary-text-decoration": {
     "value": "none",
     "type": "textDecoration",

package/data/component-design-tokens/work-side-menu-design-tokens.json

@@ -27,6 +27,10 @@
     "value": "{shadow.500}",
     "type": "other"
   },
+  "work-side-menu-account-bg": {
+    "value": "{color.greyscale.white}",
+    "type": "color"
+  },
   "work-side-menu-text-color": {
     "value": "{color.greyscale.600}",
     "type": "color"

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Apr 2026 15:37:54 GMT
+ * Generated on Tue, 05 May 2026 15:27:11 GMT
  */
 
 :root {
@@ -312,6 +312,11 @@
   --goa-callout-l-with-heading-body-padding: 0 1.25rem 1.25rem;
   --goa-callout-body-padding: 1.25rem;
   --goa-button-tertiary-text-decoration: none;
+  --goa-button-text-compact-disabled-text-decoration: underline;
+  --goa-button-text-compact-letter-spacing: 0.0125rem;
+  --goa-button-text-letter-spacing: 0.0125rem;
+  --goa-button-text-disabled-text-decoration: underline;
+  --goa-button-text-text-decoration: underline;
   --goa-button-letter-spacing: 0.0125rem;
   --goa-button-tertiary-focus-color-bg: transparent;
   --goa-button-tertiary-hover-color-bg: transparent;
@@ -418,6 +423,7 @@
   --goa-work-side-menu-transition-duration-medium: var(--goa-motion-duration-medium-2);
   --goa-work-side-menu-mobile-bg: var(--goa-color-greyscale-50);
   --goa-work-side-menu-text-color: var(--goa-color-greyscale-600);
+  --goa-work-side-menu-account-bg: var(--goa-color-greyscale-white);
   --goa-work-side-menu-account-shadow: var(--goa-shadow-500);
   --goa-work-side-menu-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
   --goa-work-side-menu-border-radius: var(--goa-border-radius-m);
@@ -946,6 +952,21 @@
   --goa-callout-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
   --goa-button-group-compact-gap: var(--goa-space-s);
   --goa-button-group-gap: var(--goa-space-m);
+  --goa-button-text-dark-focus-color-text: var(--goa-color-greyscale-black);
+  --goa-button-text-dark-hover-color-text: var(--goa-color-interactive-hover);
+  --goa-button-text-dark-color-text: var(--goa-color-greyscale-black);
+  --goa-button-text-inverse-hover-color-text: var(--goa-color-greyscale-200);
+  --goa-button-text-destructive-focus-color-text: var(--goa-color-emergency-default);
+  --goa-button-text-destructive-hover-color-text: var(--goa-color-emergency-dark);
+  --goa-button-text-destructive-color-text: var(--goa-color-emergency-default);
+  --goa-button-text-compact-font: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-05) var(--goa-font-family-sans);
+  --goa-button-text-font: var(--goa-font-weight-medium) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans);
+  --goa-button-text-focus-color-text: var(--goa-color-interactive-default);
+  --goa-button-text-hover-color-text: var(--goa-color-interactive-hover);
+  --goa-button-text-color-text: var(--goa-color-interactive-default);
+  --goa-button-text-compact-padding: 0 var(--goa-space-2xs);
+  --goa-button-text-padding: 0 var(--goa-space-2xs);
+  --goa-button-text-border-radius: var(--goa-border-radius-s);
   --goa-button-tertiary-inverse-hover-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
   --goa-button-tertiary-inverse-hover-color-text: var(--goa-color-greyscale-200);
   --goa-button-tertiary-inverse-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-white);
@@ -1056,6 +1077,7 @@
   --goa-accordion-heading: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans);
   --goa-accordion-border-hover: var(--goa-border-width-s) solid var(--goa-color-greyscale-black);
   --goa-accordion-border-focus: 3px solid var(--goa-color-interactive-focus);
+  --goa-accordion-color-filled-bg-heading-hover: var(--goa-color-greyscale-150);
   --goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-50);
   --goa-accordion-padding-content-narrow: var(--goa-space-l);
   --goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;
@@ -1069,6 +1091,7 @@
   --goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
   --goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
   --goa-accordion-color-bg-content: var(--goa-color-greyscale-white);
+  --goa-accordion-color-filled-bg-heading: var(--goa-color-greyscale-100);
   --goa-accordion-color-bg-heading: var(--goa-color-greyscale-white);
   --goa-input-color-text-default: var(--goa-color-text-default);
   --goa-work-side-menu-item-text-size: var(--goa-typography-body-s);
@@ -1239,6 +1262,10 @@
   --goa-callout-body-color: var(--goa-color-text-secondary);
   --goa-callout-body-typography: var(--goa-typography-body-s);
   --goa-callout-heading-color: var(--goa-color-text-default);
+  --goa-button-text-inverse-focus-color-text: var(--goa-color-text-light);
+  --goa-button-text-inverse-color-text: var(--goa-color-text-light);
+  --goa-button-text-compact-disabled-color-text: var(--goa-color-interactive-disabled);
+  --goa-button-text-disabled-color-text: var(--goa-color-interactive-disabled);
   --goa-button-tertiary-inverse-focus-color-text: var(--goa-color-text-light);
   --goa-button-tertiary-inverse-color-text: var(--goa-color-text-light);
   --goa-button-tertiary-disabled-color-text: var(--goa-color-interactive-disabled);

package/dist/tokens.scss

@@ -1,8 +1,9 @@
 
 // Do not edit directly
-// Generated on Thu, 16 Apr 2026 15:37:54 GMT
+// Generated on Tue, 05 May 2026 15:27:11 GMT
 
 $goa-accordion-color-bg-heading: #ffffff;
+$goa-accordion-color-filled-bg-heading: #f2f0f0;
 $goa-accordion-color-bg-content: #ffffff;
 $goa-accordion-color-heading: #000000;
 $goa-accordion-border: 1px solid #cdcdcd;
@@ -17,6 +18,7 @@ $goa-accordion-padding-heading-m-icon-right: calc(0.75rem - 1px) 0 calc(0.75rem
 $goa-accordion-padding-content-wide: 1.5rem 1.5rem 2rem 56px;
 $goa-accordion-padding-content-narrow: 1.5rem;
 $goa-accordion-color-bg-heading-hover: #f8f8f8;
+$goa-accordion-color-filled-bg-heading-hover: #e9e9e9;
 $goa-accordion-color-heading-hover: #000000;
 $goa-accordion-border-focus: 3px solid #006dcc;
 $goa-accordion-border-hover: 1px solid #000000;
@@ -163,6 +165,30 @@ $goa-button-tertiary-inverse-hover-color-text: #cdcdcd;
 $goa-button-tertiary-inverse-hover-border: 1px solid #cdcdcd;
 $goa-button-tertiary-inverse-focus-color-text: #ffffff;
 $goa-button-letter-spacing: 0.0125rem;
+$goa-button-text-border-radius: 0.375rem;
+$goa-button-text-padding: 0 0.25rem;
+$goa-button-text-compact-padding: 0 0.25rem;
+$goa-button-text-color-text: #006dcc;
+$goa-button-text-hover-color-text: #045092;
+$goa-button-text-focus-color-text: #006dcc;
+$goa-button-text-disabled-color-text: #b1b1b1;
+$goa-button-text-text-decoration: underline;
+$goa-button-text-disabled-text-decoration: underline;
+$goa-button-text-font: 500 1.25rem/1.25rem acumin-variable, helvetica-neue, arial, sans-serif;
+$goa-button-text-letter-spacing: 0.0125rem;
+$goa-button-text-compact-font: 500 1.125rem/1.125rem acumin-variable, helvetica-neue, arial, sans-serif;
+$goa-button-text-compact-letter-spacing: 0.0125rem;
+$goa-button-text-compact-disabled-color-text: #b1b1b1;
+$goa-button-text-compact-disabled-text-decoration: underline;
+$goa-button-text-destructive-color-text: #da291c;
+$goa-button-text-destructive-hover-color-text: #a91a10;
+$goa-button-text-destructive-focus-color-text: #da291c;
+$goa-button-text-inverse-color-text: #ffffff;
+$goa-button-text-inverse-hover-color-text: #cdcdcd;
+$goa-button-text-inverse-focus-color-text: #ffffff;
+$goa-button-text-dark-color-text: #000000;
+$goa-button-text-dark-hover-color-text: #045092;
+$goa-button-text-dark-focus-color-text: #000000;
 $goa-button-tertiary-text-decoration: none;
 $goa-button-group-gap: 1rem;
 $goa-button-group-compact-gap: 0.75rem;
@@ -953,6 +979,7 @@ $goa-work-side-menu-color-bg: transparent;
 $goa-work-side-menu-border-radius: 0.5rem;
 $goa-work-side-menu-border: 1px solid #cdcdcd;
 $goa-work-side-menu-account-shadow: 0px 12px 20px -8px #1a1a1a3d;
+$goa-work-side-menu-account-bg: #ffffff;
 $goa-work-side-menu-text-color: #6f6f6f;
 $goa-work-side-menu-mobile-bg: #f8f8f8;
 $goa-work-side-menu-transition-duration-medium: 300ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/design-tokens",
-  "version": "2.4.3",
+  "version": "2.6.0",
   "main": "./index.js",
   "repository": {
     "type": "git",