@abgov/design-tokens 1.5.2 → 1.5.3

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 (6) hide show
  1. package/data/component-design-tokens/date-picker-design-tokens.json +1 -1
  2. package/data/component-design-tokens/footer-design-tokens.json +8 -0
  3. package/data/component-design-tokens/header-design-tokens.json +1 -1
  4. package/dist/tokens.css +5 -3
  5. package/dist/tokens.scss +5 -3
  6. package/package.json +1 -1
package/data/component-design-tokens/date-picker-design-tokens.json CHANGED
@@ -16,7 +16,7 @@
16
16
  "type": "other"
17
17
  },
18
18
  "date-input-day-of-week-margin": {
19
- "value": "{space.xs}",
19
+ "value": "{space.xs} 0",
20
20
  "type": "spacing"
21
21
  },
22
22
  "date-input-day-font-today": {
package/data/component-design-tokens/footer-design-tokens.json CHANGED
@@ -27,6 +27,14 @@
27
27
  "value": "{color.greyscale.700}",
28
28
  "type": "color"
29
29
  },
30
+ "footer-color-links-secondary": {
31
+ "value": "{color.text.secondary}",
32
+ "type": "color"
33
+ },
34
+ "footer-color-links-secondary-hover": {
35
+ "value": "{color.greyscale.900}",
36
+ "type": "color"
37
+ },
30
38
  "footer-link-focus": {
31
39
  "value": {
32
40
  "width": "{borderWidth.l}",
package/data/component-design-tokens/header-design-tokens.json CHANGED
@@ -128,7 +128,7 @@
128
128
  "type": "color"
129
129
  },
130
130
  "app-header-color-bg-nav-item-child-hover": {
131
- "value": "{color.interactive.hover}",
131
+ "value": "{color.greyscale.100}",
132
132
  "type": "color"
133
133
  },
134
134
  "app-header-color-bg-nav-item-child-focus": {
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Jan 2025 17:14:53 GMT
3
+ * Generated on Wed, 29 Jan 2025 01:24:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -382,7 +382,7 @@
382
382
  --goa-app-header-color-menu-button-hover: var(--goa-color-interactive-hover);
383
383
  --goa-app-header-color-menu-button-focus: var(--goa-color-interactive-hover);
384
384
  --goa-app-header-color-bg-nav-item-child-focus: var(--goa-color-greyscale-100);
385
- --goa-app-header-color-bg-nav-item-child-hover: var(--goa-color-interactive-hover);
385
+ --goa-app-header-color-bg-nav-item-child-hover: var(--goa-color-greyscale-100);
386
386
  --goa-app-header-color-bg-nav-item-in-menu-current-hover: var(--goa-color-interactive-hover);
387
387
  --goa-app-header-nav-color-text-link-item-focus: var(--goa-color-interactive-hover);
388
388
  --goa-app-header-nav-color-text-link-item-hover: var(--goa-color-interactive-hover);
@@ -431,6 +431,7 @@
431
431
  --goa-footer-padding-medium-screen: var(--goa-space-2xl) var(--goa-space-xl);
432
432
  --goa-footer-padding-large-screen: var(--goa-space-2xl) var(--goa-space-3xl);
433
433
  --goa-footer-link-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
434
+ --goa-footer-color-links-secondary-hover: var(--goa-color-greyscale-900);
434
435
  --goa-footer-color-links-hover: var(--goa-color-greyscale-700);
435
436
  --goa-footer-color-bg: var(--goa-color-greyscale-100);
436
437
  --goa-footer-border-top: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);
@@ -495,7 +496,7 @@
495
496
  --goa-date-input-day-underline-today-selected: var(--goa-border-width-l) solid var(--goa-color-greyscale-white);
496
497
  --goa-date-input-day-underline-today-width: var(--goa-space-l);
497
498
  --goa-date-input-day-underline-today: var(--goa-border-width-l) solid var(--goa-color-interactive-default);
498
- --goa-date-input-day-of-week-margin: var(--goa-space-xs);
499
+ --goa-date-input-day-of-week-margin: var(--goa-space-xs) 0;
499
500
  --goa-date-input-calendar-border-radius: var(--goa-border-radius-m);
500
501
  --goa-container-important-border: var(--goa-border-width-s) solid var(--goa-color-warning-default);
501
502
  --goa-container-important-heading-bg-color: var(--goa-color-warning-default);
@@ -707,6 +708,7 @@
707
708
  --goa-form-item-label-typography: var(--goa-typography-heading-s);
708
709
  --goa-form-item-label-large-typography: var(--goa-typography-heading-l);
709
710
  --goa-form-item-help-message-color: var(--goa-color-text-default);
711
+ --goa-footer-color-links-secondary: var(--goa-color-text-secondary);
710
712
  --goa-footer-color-links: var(--goa-color-text-default);
711
713
  --goa-file-upload-instruction-text: var(--goa-typography-body-m);
712
714
  --goa-file-upload-help-text: var(--goa-typography-body-s);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 28 Jan 2025 17:14:53 GMT
3
+ // Generated on Wed, 29 Jan 2025 01:24:07 GMT
4
4
 
5
5
  $goa-font-weight-bold: 700;
6
6
  $goa-font-weight-medium: 500;
@@ -380,7 +380,7 @@ $goa-app-header-color-text-nav-item-focus: $goa-color-interactive-hover;
380
380
  $goa-app-header-color-menu-button-hover: $goa-color-interactive-hover;
381
381
  $goa-app-header-color-menu-button-focus: $goa-color-interactive-hover;
382
382
  $goa-app-header-color-bg-nav-item-child-focus: $goa-color-greyscale-100;
383
- $goa-app-header-color-bg-nav-item-child-hover: $goa-color-interactive-hover;
383
+ $goa-app-header-color-bg-nav-item-child-hover: $goa-color-greyscale-100;
384
384
  $goa-app-header-color-bg-nav-item-in-menu-current-hover: $goa-color-interactive-hover;
385
385
  $goa-app-header-nav-color-text-link-item-focus: $goa-color-interactive-hover;
386
386
  $goa-app-header-nav-color-text-link-item-hover: $goa-color-interactive-hover;
@@ -429,6 +429,7 @@ $goa-footer-padding-small-screen: $goa-space-xl $goa-space-m;
429
429
  $goa-footer-padding-medium-screen: $goa-space-2xl $goa-space-xl;
430
430
  $goa-footer-padding-large-screen: $goa-space-2xl $goa-space-3xl;
431
431
  $goa-footer-link-focus: $goa-border-width-l solid $goa-color-interactive-focus;
432
+ $goa-footer-color-links-secondary-hover: $goa-color-greyscale-900;
432
433
  $goa-footer-color-links-hover: $goa-color-greyscale-700;
433
434
  $goa-footer-color-bg: $goa-color-greyscale-100;
434
435
  $goa-footer-border-top: $goa-border-width-m solid $goa-color-greyscale-200;
@@ -493,7 +494,7 @@ $goa-date-input-day-border-radius: $goa-border-radius-m;
493
494
  $goa-date-input-day-underline-today-selected: $goa-border-width-l solid $goa-color-greyscale-white;
494
495
  $goa-date-input-day-underline-today-width: $goa-space-l;
495
496
  $goa-date-input-day-underline-today: $goa-border-width-l solid $goa-color-interactive-default;
496
- $goa-date-input-day-of-week-margin: $goa-space-xs;
497
+ $goa-date-input-day-of-week-margin: $goa-space-xs 0;
497
498
  $goa-date-input-calendar-border-radius: $goa-border-radius-m;
498
499
  $goa-container-important-border: $goa-border-width-s solid $goa-color-warning-default;
499
500
  $goa-container-important-heading-bg-color: $goa-color-warning-default;
@@ -705,6 +706,7 @@ $goa-form-item-message-typography: $goa-typography-body-xs;
705
706
  $goa-form-item-label-typography: $goa-typography-heading-s;
706
707
  $goa-form-item-label-large-typography: $goa-typography-heading-l;
707
708
  $goa-form-item-help-message-color: $goa-color-text-default;
709
+ $goa-footer-color-links-secondary: $goa-color-text-secondary;
708
710
  $goa-footer-color-links: $goa-color-text-default;
709
711
  $goa-file-upload-instruction-text: $goa-typography-body-m;
710
712
  $goa-file-upload-help-text: $goa-typography-body-s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "1.5.2",
3
+ "version": "1.5.3",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",