@abgov/design-tokens 1.5.3 → 1.5.5

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

@@ -51,6 +51,14 @@
     },
     "type": "border"
   },
+  "app-header-color-text-nav-item-in-menu-current": {
+    "value": "{color.text.light}",
+    "type": "color"
+  },
+  "app-header-color-text-nav-item-in-menu-current-hover": {
+    "value": "{color.text.light}",
+    "type": "color"
+  },
   "app-header-border-nav-item-default": {
     "value": {
       "width": "{space.2xs}",
@@ -135,7 +143,7 @@
     "value": "{color.greyscale.100}",
     "type": "color"
   },
-  "app-header-color-text-nav-item": {
+  "app-header-color-menu-button": {
     "value": "{color.text.default}",
     "type": "color"
   },

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

@@ -43,6 +43,10 @@
     "value": "{space.xs}",
     "type": "spacing"
   },
+  "side-menu-child-margin": {
+    "value": "{space.m}",
+    "type": "spacing"
+  },
   "side-menu-heading-margin": {
     "value": "{space.none} 0 0 0",
     "type": "spacing"
@@ -67,6 +71,10 @@
     "value": "{space.none}",
     "type": "spacing"
   },
+  "side-menu-heading-gap": {
+    "value": "{space.xs}",
+    "type": "spacing"
+  },
   "side-menu-item-focus-border": {
     "value": {
       "width": "{borderWidth.l}",

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jan 2025 01:24:07 GMT
+ * Generated on Fri, 31 Jan 2025 19:03:31 GMT
  */
 
 :root {
@@ -258,10 +258,12 @@
   --goa-side-menu-padding-item: var(--goa-space-xs) var(--goa-space-s) 10px var(--goa-space-xl);
   --goa-side-menu-padding: var(--goa-space-m) var(--goa-space-none) var(--goa-space-l) var(--goa-space-none);
   --goa-side-menu-item-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
+  --goa-side-menu-heading-gap: var(--goa-space-xs);
   --goa-side-menu-items-gap: var(--goa-space-none);
   --goa-side-menu-icon-size: var(--goa-icon-size-l);
   --goa-side-menu-heading-padding: var(--goa-space-s) var(--goa-space-s) var(--goa-space-xs) var(--goa-space-l);
   --goa-side-menu-heading-margin: var(--goa-space-none) 0 0 0;
+  --goa-side-menu-child-margin: var(--goa-space-m);
   --goa-side-menu-heading-icon-gap: var(--goa-space-xs);
   --goa-side-menu-heading-color-bg: var(--goa-color-greyscale-100);
   --goa-side-menu-heading-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);
@@ -694,8 +696,11 @@
   --goa-app-header-typography-menu-button-mobile: var(--goa-typography-body-s);
   --goa-app-header-typography-menu-button: var(--goa-typography-body-m);
   --goa-app-header-color-text-nav-item-current: var(--goa-color-text-default);
-  --goa-app-header-color-service-name: var(--goa-color-text-default);
   --goa-app-header-color-text-nav-item: var(--goa-color-text-default);
+  --goa-app-header-color-service-name: var(--goa-color-text-default);
+  --goa-app-header-color-menu-button: var(--goa-color-text-default);
+  --goa-app-header-color-text-nav-item-in-menu-current-hover: var(--goa-color-text-light);
+  --goa-app-header-color-text-nav-item-in-menu-current: var(--goa-color-text-light);
   --goa-step-typography-sublabel: var(--goa-typography-body-xs);
   --goa-step-typography-step-number: var(--goa-typography-heading-xs);
   --goa-step-typography-label-active: var(--goa-typography-heading-xs);

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 29 Jan 2025 01:24:07 GMT
+// Generated on Fri, 31 Jan 2025 19:03:31 GMT
 
 $goa-font-weight-bold: 700;
 $goa-font-weight-medium: 500;
@@ -256,10 +256,12 @@ $goa-side-menu-padding-child: $goa-space-xs $goa-space-s 10px $goa-space-m;
 $goa-side-menu-padding-item: $goa-space-xs $goa-space-s 10px $goa-space-xl;
 $goa-side-menu-padding: $goa-space-m $goa-space-none $goa-space-l $goa-space-none;
 $goa-side-menu-item-focus-border: $goa-border-width-l solid $goa-color-interactive-focus;
+$goa-side-menu-heading-gap: $goa-space-xs;
 $goa-side-menu-items-gap: $goa-space-none;
 $goa-side-menu-icon-size: $goa-icon-size-l;
 $goa-side-menu-heading-padding: $goa-space-s $goa-space-s $goa-space-xs $goa-space-l;
 $goa-side-menu-heading-margin: $goa-space-none 0 0 0;
+$goa-side-menu-child-margin: $goa-space-m;
 $goa-side-menu-heading-icon-gap: $goa-space-xs;
 $goa-side-menu-heading-color-bg: $goa-color-greyscale-100;
 $goa-side-menu-heading-border: $goa-border-width-m solid $goa-color-greyscale-200;
@@ -692,8 +694,11 @@ $goa-app-header-typography-nav-item: $goa-typography-heading-s;
 $goa-app-header-typography-menu-button-mobile: $goa-typography-body-s;
 $goa-app-header-typography-menu-button: $goa-typography-body-m;
 $goa-app-header-color-text-nav-item-current: $goa-color-text-default;
-$goa-app-header-color-service-name: $goa-color-text-default;
 $goa-app-header-color-text-nav-item: $goa-color-text-default;
+$goa-app-header-color-service-name: $goa-color-text-default;
+$goa-app-header-color-menu-button: $goa-color-text-default;
+$goa-app-header-color-text-nav-item-in-menu-current-hover: $goa-color-text-light;
+$goa-app-header-color-text-nav-item-in-menu-current: $goa-color-text-light;
 $goa-step-typography-sublabel: $goa-typography-body-xs;
 $goa-step-typography-step-number: $goa-typography-heading-xs;
 $goa-step-typography-label-active: $goa-typography-heading-xs;

package/package.json

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