@abgov/design-tokens 1.5.2 → 1.5.4
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.
- package/data/component-design-tokens/date-picker-design-tokens.json +1 -1
- package/data/component-design-tokens/footer-design-tokens.json +8 -0
- package/data/component-design-tokens/header-design-tokens.json +2 -2
- package/data/component-design-tokens/side-menu-design-tokens.json +4 -0
- package/dist/tokens.css +8 -4
- package/dist/tokens.scss +8 -4
- package/package.json +1 -1
|
@@ -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}",
|
|
@@ -128,14 +128,14 @@
|
|
|
128
128
|
"type": "color"
|
|
129
129
|
},
|
|
130
130
|
"app-header-color-bg-nav-item-child-hover": {
|
|
131
|
-
"value": "{color.
|
|
131
|
+
"value": "{color.greyscale.100}",
|
|
132
132
|
"type": "color"
|
|
133
133
|
},
|
|
134
134
|
"app-header-color-bg-nav-item-child-focus": {
|
|
135
135
|
"value": "{color.greyscale.100}",
|
|
136
136
|
"type": "color"
|
|
137
137
|
},
|
|
138
|
-
"app-header-color-
|
|
138
|
+
"app-header-color-menu-button": {
|
|
139
139
|
"value": "{color.text.default}",
|
|
140
140
|
"type": "color"
|
|
141
141
|
},
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 19:15:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -262,6 +262,7 @@
|
|
|
262
262
|
--goa-side-menu-icon-size: var(--goa-icon-size-l);
|
|
263
263
|
--goa-side-menu-heading-padding: var(--goa-space-s) var(--goa-space-s) var(--goa-space-xs) var(--goa-space-l);
|
|
264
264
|
--goa-side-menu-heading-margin: var(--goa-space-none) 0 0 0;
|
|
265
|
+
--goa-side-menu-child-margin: var(--goa-space-m);
|
|
265
266
|
--goa-side-menu-heading-icon-gap: var(--goa-space-xs);
|
|
266
267
|
--goa-side-menu-heading-color-bg: var(--goa-color-greyscale-100);
|
|
267
268
|
--goa-side-menu-heading-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);
|
|
@@ -382,7 +383,7 @@
|
|
|
382
383
|
--goa-app-header-color-menu-button-hover: var(--goa-color-interactive-hover);
|
|
383
384
|
--goa-app-header-color-menu-button-focus: var(--goa-color-interactive-hover);
|
|
384
385
|
--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-
|
|
386
|
+
--goa-app-header-color-bg-nav-item-child-hover: var(--goa-color-greyscale-100);
|
|
386
387
|
--goa-app-header-color-bg-nav-item-in-menu-current-hover: var(--goa-color-interactive-hover);
|
|
387
388
|
--goa-app-header-nav-color-text-link-item-focus: var(--goa-color-interactive-hover);
|
|
388
389
|
--goa-app-header-nav-color-text-link-item-hover: var(--goa-color-interactive-hover);
|
|
@@ -431,6 +432,7 @@
|
|
|
431
432
|
--goa-footer-padding-medium-screen: var(--goa-space-2xl) var(--goa-space-xl);
|
|
432
433
|
--goa-footer-padding-large-screen: var(--goa-space-2xl) var(--goa-space-3xl);
|
|
433
434
|
--goa-footer-link-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
|
|
435
|
+
--goa-footer-color-links-secondary-hover: var(--goa-color-greyscale-900);
|
|
434
436
|
--goa-footer-color-links-hover: var(--goa-color-greyscale-700);
|
|
435
437
|
--goa-footer-color-bg: var(--goa-color-greyscale-100);
|
|
436
438
|
--goa-footer-border-top: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);
|
|
@@ -495,7 +497,7 @@
|
|
|
495
497
|
--goa-date-input-day-underline-today-selected: var(--goa-border-width-l) solid var(--goa-color-greyscale-white);
|
|
496
498
|
--goa-date-input-day-underline-today-width: var(--goa-space-l);
|
|
497
499
|
--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);
|
|
500
|
+
--goa-date-input-day-of-week-margin: var(--goa-space-xs) 0;
|
|
499
501
|
--goa-date-input-calendar-border-radius: var(--goa-border-radius-m);
|
|
500
502
|
--goa-container-important-border: var(--goa-border-width-s) solid var(--goa-color-warning-default);
|
|
501
503
|
--goa-container-important-heading-bg-color: var(--goa-color-warning-default);
|
|
@@ -693,8 +695,9 @@
|
|
|
693
695
|
--goa-app-header-typography-menu-button-mobile: var(--goa-typography-body-s);
|
|
694
696
|
--goa-app-header-typography-menu-button: var(--goa-typography-body-m);
|
|
695
697
|
--goa-app-header-color-text-nav-item-current: var(--goa-color-text-default);
|
|
696
|
-
--goa-app-header-color-service-name: var(--goa-color-text-default);
|
|
697
698
|
--goa-app-header-color-text-nav-item: var(--goa-color-text-default);
|
|
699
|
+
--goa-app-header-color-service-name: var(--goa-color-text-default);
|
|
700
|
+
--goa-app-header-color-menu-button: var(--goa-color-text-default);
|
|
698
701
|
--goa-step-typography-sublabel: var(--goa-typography-body-xs);
|
|
699
702
|
--goa-step-typography-step-number: var(--goa-typography-heading-xs);
|
|
700
703
|
--goa-step-typography-label-active: var(--goa-typography-heading-xs);
|
|
@@ -707,6 +710,7 @@
|
|
|
707
710
|
--goa-form-item-label-typography: var(--goa-typography-heading-s);
|
|
708
711
|
--goa-form-item-label-large-typography: var(--goa-typography-heading-l);
|
|
709
712
|
--goa-form-item-help-message-color: var(--goa-color-text-default);
|
|
713
|
+
--goa-footer-color-links-secondary: var(--goa-color-text-secondary);
|
|
710
714
|
--goa-footer-color-links: var(--goa-color-text-default);
|
|
711
715
|
--goa-file-upload-instruction-text: var(--goa-typography-body-m);
|
|
712
716
|
--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
|
|
3
|
+
// Generated on Thu, 30 Jan 2025 19:15:09 GMT
|
|
4
4
|
|
|
5
5
|
$goa-font-weight-bold: 700;
|
|
6
6
|
$goa-font-weight-medium: 500;
|
|
@@ -260,6 +260,7 @@ $goa-side-menu-items-gap: $goa-space-none;
|
|
|
260
260
|
$goa-side-menu-icon-size: $goa-icon-size-l;
|
|
261
261
|
$goa-side-menu-heading-padding: $goa-space-s $goa-space-s $goa-space-xs $goa-space-l;
|
|
262
262
|
$goa-side-menu-heading-margin: $goa-space-none 0 0 0;
|
|
263
|
+
$goa-side-menu-child-margin: $goa-space-m;
|
|
263
264
|
$goa-side-menu-heading-icon-gap: $goa-space-xs;
|
|
264
265
|
$goa-side-menu-heading-color-bg: $goa-color-greyscale-100;
|
|
265
266
|
$goa-side-menu-heading-border: $goa-border-width-m solid $goa-color-greyscale-200;
|
|
@@ -380,7 +381,7 @@ $goa-app-header-color-text-nav-item-focus: $goa-color-interactive-hover;
|
|
|
380
381
|
$goa-app-header-color-menu-button-hover: $goa-color-interactive-hover;
|
|
381
382
|
$goa-app-header-color-menu-button-focus: $goa-color-interactive-hover;
|
|
382
383
|
$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-
|
|
384
|
+
$goa-app-header-color-bg-nav-item-child-hover: $goa-color-greyscale-100;
|
|
384
385
|
$goa-app-header-color-bg-nav-item-in-menu-current-hover: $goa-color-interactive-hover;
|
|
385
386
|
$goa-app-header-nav-color-text-link-item-focus: $goa-color-interactive-hover;
|
|
386
387
|
$goa-app-header-nav-color-text-link-item-hover: $goa-color-interactive-hover;
|
|
@@ -429,6 +430,7 @@ $goa-footer-padding-small-screen: $goa-space-xl $goa-space-m;
|
|
|
429
430
|
$goa-footer-padding-medium-screen: $goa-space-2xl $goa-space-xl;
|
|
430
431
|
$goa-footer-padding-large-screen: $goa-space-2xl $goa-space-3xl;
|
|
431
432
|
$goa-footer-link-focus: $goa-border-width-l solid $goa-color-interactive-focus;
|
|
433
|
+
$goa-footer-color-links-secondary-hover: $goa-color-greyscale-900;
|
|
432
434
|
$goa-footer-color-links-hover: $goa-color-greyscale-700;
|
|
433
435
|
$goa-footer-color-bg: $goa-color-greyscale-100;
|
|
434
436
|
$goa-footer-border-top: $goa-border-width-m solid $goa-color-greyscale-200;
|
|
@@ -493,7 +495,7 @@ $goa-date-input-day-border-radius: $goa-border-radius-m;
|
|
|
493
495
|
$goa-date-input-day-underline-today-selected: $goa-border-width-l solid $goa-color-greyscale-white;
|
|
494
496
|
$goa-date-input-day-underline-today-width: $goa-space-l;
|
|
495
497
|
$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;
|
|
498
|
+
$goa-date-input-day-of-week-margin: $goa-space-xs 0;
|
|
497
499
|
$goa-date-input-calendar-border-radius: $goa-border-radius-m;
|
|
498
500
|
$goa-container-important-border: $goa-border-width-s solid $goa-color-warning-default;
|
|
499
501
|
$goa-container-important-heading-bg-color: $goa-color-warning-default;
|
|
@@ -691,8 +693,9 @@ $goa-app-header-typography-nav-item: $goa-typography-heading-s;
|
|
|
691
693
|
$goa-app-header-typography-menu-button-mobile: $goa-typography-body-s;
|
|
692
694
|
$goa-app-header-typography-menu-button: $goa-typography-body-m;
|
|
693
695
|
$goa-app-header-color-text-nav-item-current: $goa-color-text-default;
|
|
694
|
-
$goa-app-header-color-service-name: $goa-color-text-default;
|
|
695
696
|
$goa-app-header-color-text-nav-item: $goa-color-text-default;
|
|
697
|
+
$goa-app-header-color-service-name: $goa-color-text-default;
|
|
698
|
+
$goa-app-header-color-menu-button: $goa-color-text-default;
|
|
696
699
|
$goa-step-typography-sublabel: $goa-typography-body-xs;
|
|
697
700
|
$goa-step-typography-step-number: $goa-typography-heading-xs;
|
|
698
701
|
$goa-step-typography-label-active: $goa-typography-heading-xs;
|
|
@@ -705,6 +708,7 @@ $goa-form-item-message-typography: $goa-typography-body-xs;
|
|
|
705
708
|
$goa-form-item-label-typography: $goa-typography-heading-s;
|
|
706
709
|
$goa-form-item-label-large-typography: $goa-typography-heading-l;
|
|
707
710
|
$goa-form-item-help-message-color: $goa-color-text-default;
|
|
711
|
+
$goa-footer-color-links-secondary: $goa-color-text-secondary;
|
|
708
712
|
$goa-footer-color-links: $goa-color-text-default;
|
|
709
713
|
$goa-file-upload-instruction-text: $goa-typography-body-m;
|
|
710
714
|
$goa-file-upload-help-text: $goa-typography-body-s;
|