@abgov/design-tokens 1.5.1 → 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 (8) hide show
  1. package/data/component-design-tokens/badge-design-tokens.json +1 -1
  2. package/data/component-design-tokens/button-design-tokens.json +3 -3
  3. package/data/component-design-tokens/date-picker-design-tokens.json +1 -1
  4. package/data/component-design-tokens/footer-design-tokens.json +8 -0
  5. package/data/component-design-tokens/header-design-tokens.json +73 -1
  6. package/dist/tokens.css +25 -8
  7. package/dist/tokens.scss +25 -8
  8. package/package.json +1 -1
package/data/component-design-tokens/badge-design-tokens.json CHANGED
@@ -90,7 +90,7 @@
90
90
  "type": "sizing"
91
91
  },
92
92
  "badge-border": {
93
- "value": "inset 0 0 0 {borderWidth.s} rgba(0, 0, 0, 0.5)",
93
+ "value": "inset 0 0 {borderWidth.s} 0 rgba(0, 0, 0, 0.5)",
94
94
  "type": "other"
95
95
  }
96
96
  }
package/data/component-design-tokens/button-design-tokens.json CHANGED
@@ -34,17 +34,17 @@
34
34
  "description": "52px"
35
35
  },
36
36
  "button-text": {
37
- "value": "{fontWeight.regular} {fontSize.5} {lineHeight.1} {fontFamily.sans}",
37
+ "value": "{fontWeight.regular} {fontSize.5}/{lineHeight.1} {fontFamily.sans}",
38
38
  "type": "other",
39
39
  "description": "typography for default button size"
40
40
  },
41
41
  "button-text-compact": {
42
- "value": "{fontWeight.regular} {fontSize.4} {lineHeight.05} {fontFamily.sans}",
42
+ "value": "{fontWeight.regular} {fontSize.4}/{lineHeight.05} {fontFamily.sans}",
43
43
  "type": "other",
44
44
  "description": "typography for compact button size"
45
45
  },
46
46
  "button-text-start": {
47
- "value": "{fontWeight.bold} {fontSize.5} {lineHeight.1} {fontFamily.sans}",
47
+ "value": "{fontWeight.bold} {fontSize.5}/{lineHeight.1} {fontFamily.sans}",
48
48
  "type": "other",
49
49
  "description": "typography for start button size"
50
50
  },
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
@@ -7,6 +7,14 @@
7
7
  },
8
8
  "type": "border"
9
9
  },
10
+ "app-header-service-name-border-focus": {
11
+ "value": {
12
+ "width": "{borderWidth.l}",
13
+ "style": "solid",
14
+ "color": "{color.interactive.focus}"
15
+ },
16
+ "type": "border"
17
+ },
10
18
  "app-header-border-bottom-menu-item": {
11
19
  "value": "inset 0 -1px 0 0 {color.greyscale.200}",
12
20
  "type": "other"
@@ -35,6 +43,14 @@
35
43
  },
36
44
  "type": "border"
37
45
  },
46
+ "app-header-border-nav-item-current-hover": {
47
+ "value": {
48
+ "width": "{space.2xs}",
49
+ "style": "solid",
50
+ "color": "{color.interactive.hover}"
51
+ },
52
+ "type": "border"
53
+ },
38
54
  "app-header-border-nav-item-default": {
39
55
  "value": {
40
56
  "width": "{space.2xs}",
@@ -95,11 +111,31 @@
95
111
  "value": "{color.interactive.default}",
96
112
  "type": "color"
97
113
  },
114
+ "app-header-nav-color-text-link-item": {
115
+ "value": "{color.interactive.default}",
116
+ "type": "color"
117
+ },
118
+ "app-header-nav-color-text-link-item-hover": {
119
+ "value": "{color.interactive.hover}",
120
+ "type": "color"
121
+ },
122
+ "app-header-nav-color-text-link-item-focus": {
123
+ "value": "{color.interactive.hover}",
124
+ "type": "color"
125
+ },
98
126
  "app-header-color-bg-nav-item-in-menu-current-hover": {
99
127
  "value": "{color.interactive.hover}",
100
128
  "type": "color"
101
129
  },
102
- "app-header-color-menu-button": {
130
+ "app-header-color-bg-nav-item-child-hover": {
131
+ "value": "{color.greyscale.100}",
132
+ "type": "color"
133
+ },
134
+ "app-header-color-bg-nav-item-child-focus": {
135
+ "value": "{color.greyscale.100}",
136
+ "type": "color"
137
+ },
138
+ "app-header-color-text-nav-item": {
103
139
  "value": "{color.text.default}",
104
140
  "type": "color"
105
141
  },
@@ -219,6 +255,14 @@
219
255
  "value": "{typography.heading.s}",
220
256
  "type": "other"
221
257
  },
258
+ "app-header-typography-menu-item": {
259
+ "value": "{typography.body.m}",
260
+ "type": "other"
261
+ },
262
+ "app-header-typography-link-item": {
263
+ "value": "{typography.body.m}",
264
+ "type": "other"
265
+ },
222
266
  "app-header-typography-service-name": {
223
267
  "value": "{typography.body.m}",
224
268
  "type": "other"
@@ -226,5 +270,33 @@
226
270
  "app-header-typography-service-name-mobile": {
227
271
  "value": "{typography.body.s}",
228
272
  "type": "other"
273
+ },
274
+ "app-header-height-nav-item": {
275
+ "value": "{space.3xl}",
276
+ "type": "dimension"
277
+ },
278
+ "app-header-height-nav-item-mobile": {
279
+ "value": "50px",
280
+ "type": "dimension"
281
+ },
282
+ "app-header-nav-color-bg-link-item": {
283
+ "value": "transparent",
284
+ "type": "color"
285
+ },
286
+ "app-header-nav-color-bg-link-item-hover": {
287
+ "value": "transparent",
288
+ "type": "color"
289
+ },
290
+ "app-header-nav-color-bg-link-item-focus": {
291
+ "value": "transparent",
292
+ "type": "color"
293
+ },
294
+ "app-header-nav-color-bg-link-item-in-menu": {
295
+ "value": "transparent",
296
+ "type": "color"
297
+ },
298
+ "app-header-nav-color-bg-link-item-in-menu-focus": {
299
+ "value": "{color.greyscale.100}",
300
+ "type": "color"
229
301
  }
230
302
  }
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Jan 2025 16:30:35 GMT
3
+ * Generated on Wed, 29 Jan 2025 01:24:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -149,6 +149,11 @@
149
149
  --goa-text-input-transition: box-shadow 0.05s ease-in;
150
150
  --goa-text-input-color-icon: ;
151
151
  --goa-text-input-size-icon: ;
152
+ --goa-app-header-nav-color-bg-link-item-in-menu: transparent;
153
+ --goa-app-header-nav-color-bg-link-item-focus: transparent;
154
+ --goa-app-header-nav-color-bg-link-item-hover: transparent;
155
+ --goa-app-header-nav-color-bg-link-item: transparent;
156
+ --goa-app-header-height-nav-item-mobile: 50px;
152
157
  --goa-app-header-min-width-service-name: 8rem;
153
158
  --goa-app-header-max-width-service-name: 28rem;
154
159
  --goa-stepper-line-thickness: 4px;
@@ -353,6 +358,8 @@
353
358
  --goa-hero-banner-content-gap: var(--goa-space-l) 0 0;
354
359
  --goa-hero-banner-mobile-padding: var(--goa-space-xl) 0;
355
360
  --goa-hero-banner-padding: var(--goa-space-2xl) 0;
361
+ --goa-app-header-nav-color-bg-link-item-in-menu-focus: var(--goa-color-greyscale-100);
362
+ --goa-app-header-height-nav-item: var(--goa-space-3xl);
356
363
  --goa-app-header-space-btw-service-name-nav-items-mobile: var(--goa-space-l);
357
364
  --goa-app-header-space-btw-logo-service-name-mobile: var(--goa-space-xs);
358
365
  --goa-app-header-space-btw-logo-service-name: var(--goa-space-m);
@@ -374,7 +381,12 @@
374
381
  --goa-app-header-color-text-nav-item-focus: var(--goa-color-interactive-hover);
375
382
  --goa-app-header-color-menu-button-hover: var(--goa-color-interactive-hover);
376
383
  --goa-app-header-color-menu-button-focus: var(--goa-color-interactive-hover);
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-greyscale-100);
377
386
  --goa-app-header-color-bg-nav-item-in-menu-current-hover: var(--goa-color-interactive-hover);
387
+ --goa-app-header-nav-color-text-link-item-focus: var(--goa-color-interactive-hover);
388
+ --goa-app-header-nav-color-text-link-item-hover: var(--goa-color-interactive-hover);
389
+ --goa-app-header-nav-color-text-link-item: var(--goa-color-interactive-default);
378
390
  --goa-app-header-color-bg-nav-item-in-menu-current: var(--goa-color-interactive-default);
379
391
  --goa-app-header-color-bg-nav-item-hover: var(--goa-color-greyscale-white);
380
392
  --goa-app-header-color-bg-nav-item-focus: var(--goa-color-greyscale-white);
@@ -387,10 +399,12 @@
387
399
  --goa-app-header-border-nav-item-hover: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);
388
400
  --goa-app-header-border-nav-item-focus: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);
389
401
  --goa-app-header-border-nav-item-default: var(--goa-space-2xs) solid transparent;
402
+ --goa-app-header-border-nav-item-current-hover: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);
390
403
  --goa-app-header-border-nav-item-current-focus: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);
391
404
  --goa-app-header-border-nav-item-current: var(--goa-space-2xs) solid var(--goa-color-interactive-default);
392
405
  --goa-app-header-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
393
406
  --goa-app-header-border-bottom-menu-item: inset 0 -1px 0 0 var(--goa-color-greyscale-200);
407
+ --goa-app-header-service-name-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
394
408
  --goa-app-header-border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
395
409
  --goa-stepper-color-line-active: var(--goa-color-interactive-default);
396
410
  --goa-stepper-color-line: var(--goa-color-greyscale-200);
@@ -417,6 +431,7 @@
417
431
  --goa-footer-padding-medium-screen: var(--goa-space-2xl) var(--goa-space-xl);
418
432
  --goa-footer-padding-large-screen: var(--goa-space-2xl) var(--goa-space-3xl);
419
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);
420
435
  --goa-footer-color-links-hover: var(--goa-color-greyscale-700);
421
436
  --goa-footer-color-bg: var(--goa-color-greyscale-100);
422
437
  --goa-footer-border-top: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);
@@ -481,7 +496,7 @@
481
496
  --goa-date-input-day-underline-today-selected: var(--goa-border-width-l) solid var(--goa-color-greyscale-white);
482
497
  --goa-date-input-day-underline-today-width: var(--goa-space-l);
483
498
  --goa-date-input-day-underline-today: var(--goa-border-width-l) solid var(--goa-color-interactive-default);
484
- --goa-date-input-day-of-week-margin: var(--goa-space-xs);
499
+ --goa-date-input-day-of-week-margin: var(--goa-space-xs) 0;
485
500
  --goa-date-input-calendar-border-radius: var(--goa-border-radius-m);
486
501
  --goa-container-important-border: var(--goa-border-width-s) solid var(--goa-color-warning-default);
487
502
  --goa-container-important-heading-bg-color: var(--goa-color-warning-default);
@@ -597,14 +612,14 @@
597
612
  --goa-button-compact-icon-size: var(--goa-icon-size-2);
598
613
  --goa-button-icon-size: var(--goa-icon-size-3);
599
614
  --goa-button-gap: var(--goa-space-xs);
600
- --goa-button-text-start: var(--goa-font-weight-bold) var(--goa-font-size-5) var(--goa-line-height-1) var(--goa-font-family-sans);
601
- --goa-button-text-compact: var(--goa-font-weight-regular) var(--goa-font-size-4) var(--goa-line-height-05) var(--goa-font-family-sans);
602
- --goa-button-text: var(--goa-font-weight-regular) var(--goa-font-size-5) var(--goa-line-height-1) var(--goa-font-family-sans);
615
+ --goa-button-text-start: var(--goa-font-weight-bold) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans);
616
+ --goa-button-text-compact: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-05) var(--goa-font-family-sans);
617
+ --goa-button-text: var(--goa-font-weight-regular) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans);
603
618
  --goa-button-padding-lr-start: var(--goa-space-m);
604
619
  --goa-button-padding-lr-compact: var(--goa-space-xs);
605
620
  --goa-button-padding-lr: var(--goa-space-s);
606
621
  --goa-button-border-radius: var(--goa-border-radius-m);
607
- --goa-badge-border: inset 0 0 0 var(--goa-border-width-s) rgba(0, 0, 0, 0.5);
622
+ --goa-badge-border: inset 0 0 var(--goa-border-width-s) 0 rgba(0, 0, 0, 0.5);
608
623
  --goa-badge-light-color-bg: var(--goa-color-greyscale-white);
609
624
  --goa-badge-midtone-color-bg: var(--goa-color-greyscale-700);
610
625
  --goa-badge-dark-color-bg: var(--goa-color-greyscale-black);
@@ -673,13 +688,14 @@
673
688
  --goa-hero-banner-heading: var(--goa-typography-heading-xl);
674
689
  --goa-app-header-typography-service-name-mobile: var(--goa-typography-body-s);
675
690
  --goa-app-header-typography-service-name: var(--goa-typography-body-m);
691
+ --goa-app-header-typography-link-item: var(--goa-typography-body-m);
692
+ --goa-app-header-typography-menu-item: var(--goa-typography-body-m);
676
693
  --goa-app-header-typography-nav-item: var(--goa-typography-heading-s);
677
694
  --goa-app-header-typography-menu-button-mobile: var(--goa-typography-body-s);
678
695
  --goa-app-header-typography-menu-button: var(--goa-typography-body-m);
679
696
  --goa-app-header-color-text-nav-item-current: var(--goa-color-text-default);
680
- --goa-app-header-color-text-nav-item: var(--goa-color-text-default);
681
697
  --goa-app-header-color-service-name: var(--goa-color-text-default);
682
- --goa-app-header-color-menu-button: var(--goa-color-text-default);
698
+ --goa-app-header-color-text-nav-item: var(--goa-color-text-default);
683
699
  --goa-step-typography-sublabel: var(--goa-typography-body-xs);
684
700
  --goa-step-typography-step-number: var(--goa-typography-heading-xs);
685
701
  --goa-step-typography-label-active: var(--goa-typography-heading-xs);
@@ -692,6 +708,7 @@
692
708
  --goa-form-item-label-typography: var(--goa-typography-heading-s);
693
709
  --goa-form-item-label-large-typography: var(--goa-typography-heading-l);
694
710
  --goa-form-item-help-message-color: var(--goa-color-text-default);
711
+ --goa-footer-color-links-secondary: var(--goa-color-text-secondary);
695
712
  --goa-footer-color-links: var(--goa-color-text-default);
696
713
  --goa-file-upload-instruction-text: var(--goa-typography-body-m);
697
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 Fri, 24 Jan 2025 16:30:35 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;
@@ -147,6 +147,11 @@ $goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
147
147
  $goa-text-input-transition: box-shadow 0.05s ease-in;
148
148
  $goa-text-input-color-icon: ;
149
149
  $goa-text-input-size-icon: ;
150
+ $goa-app-header-nav-color-bg-link-item-in-menu: transparent;
151
+ $goa-app-header-nav-color-bg-link-item-focus: transparent;
152
+ $goa-app-header-nav-color-bg-link-item-hover: transparent;
153
+ $goa-app-header-nav-color-bg-link-item: transparent;
154
+ $goa-app-header-height-nav-item-mobile: 50px;
150
155
  $goa-app-header-min-width-service-name: 8rem;
151
156
  $goa-app-header-max-width-service-name: 28rem;
152
157
  $goa-stepper-line-thickness: 4px;
@@ -351,6 +356,8 @@ $goa-icon-button-default-color: $goa-color-interactive-default;
351
356
  $goa-hero-banner-content-gap: $goa-space-l 0 0;
352
357
  $goa-hero-banner-mobile-padding: $goa-space-xl 0;
353
358
  $goa-hero-banner-padding: $goa-space-2xl 0;
359
+ $goa-app-header-nav-color-bg-link-item-in-menu-focus: $goa-color-greyscale-100;
360
+ $goa-app-header-height-nav-item: $goa-space-3xl;
354
361
  $goa-app-header-space-btw-service-name-nav-items-mobile: $goa-space-l;
355
362
  $goa-app-header-space-btw-logo-service-name-mobile: $goa-space-xs;
356
363
  $goa-app-header-space-btw-logo-service-name: $goa-space-m;
@@ -372,7 +379,12 @@ $goa-app-header-color-text-nav-item-hover: $goa-color-interactive-hover;
372
379
  $goa-app-header-color-text-nav-item-focus: $goa-color-interactive-hover;
373
380
  $goa-app-header-color-menu-button-hover: $goa-color-interactive-hover;
374
381
  $goa-app-header-color-menu-button-focus: $goa-color-interactive-hover;
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-greyscale-100;
375
384
  $goa-app-header-color-bg-nav-item-in-menu-current-hover: $goa-color-interactive-hover;
385
+ $goa-app-header-nav-color-text-link-item-focus: $goa-color-interactive-hover;
386
+ $goa-app-header-nav-color-text-link-item-hover: $goa-color-interactive-hover;
387
+ $goa-app-header-nav-color-text-link-item: $goa-color-interactive-default;
376
388
  $goa-app-header-color-bg-nav-item-in-menu-current: $goa-color-interactive-default;
377
389
  $goa-app-header-color-bg-nav-item-hover: $goa-color-greyscale-white;
378
390
  $goa-app-header-color-bg-nav-item-focus: $goa-color-greyscale-white;
@@ -385,10 +397,12 @@ $goa-app-header-border-top-menu-item: inset 0 1px 0 0 $goa-color-greyscale-200;
385
397
  $goa-app-header-border-nav-item-hover: $goa-space-2xs solid $goa-color-interactive-hover;
386
398
  $goa-app-header-border-nav-item-focus: $goa-space-2xs solid $goa-color-interactive-hover;
387
399
  $goa-app-header-border-nav-item-default: $goa-space-2xs solid transparent;
400
+ $goa-app-header-border-nav-item-current-hover: $goa-space-2xs solid $goa-color-interactive-hover;
388
401
  $goa-app-header-border-nav-item-current-focus: $goa-space-2xs solid $goa-color-interactive-hover;
389
402
  $goa-app-header-border-nav-item-current: $goa-space-2xs solid $goa-color-interactive-default;
390
403
  $goa-app-header-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
391
404
  $goa-app-header-border-bottom-menu-item: inset 0 -1px 0 0 $goa-color-greyscale-200;
405
+ $goa-app-header-service-name-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
392
406
  $goa-app-header-border-bottom: $goa-border-width-s solid $goa-color-greyscale-200;
393
407
  $goa-stepper-color-line-active: $goa-color-interactive-default;
394
408
  $goa-stepper-color-line: $goa-color-greyscale-200;
@@ -415,6 +429,7 @@ $goa-footer-padding-small-screen: $goa-space-xl $goa-space-m;
415
429
  $goa-footer-padding-medium-screen: $goa-space-2xl $goa-space-xl;
416
430
  $goa-footer-padding-large-screen: $goa-space-2xl $goa-space-3xl;
417
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;
418
433
  $goa-footer-color-links-hover: $goa-color-greyscale-700;
419
434
  $goa-footer-color-bg: $goa-color-greyscale-100;
420
435
  $goa-footer-border-top: $goa-border-width-m solid $goa-color-greyscale-200;
@@ -479,7 +494,7 @@ $goa-date-input-day-border-radius: $goa-border-radius-m;
479
494
  $goa-date-input-day-underline-today-selected: $goa-border-width-l solid $goa-color-greyscale-white;
480
495
  $goa-date-input-day-underline-today-width: $goa-space-l;
481
496
  $goa-date-input-day-underline-today: $goa-border-width-l solid $goa-color-interactive-default;
482
- $goa-date-input-day-of-week-margin: $goa-space-xs;
497
+ $goa-date-input-day-of-week-margin: $goa-space-xs 0;
483
498
  $goa-date-input-calendar-border-radius: $goa-border-radius-m;
484
499
  $goa-container-important-border: $goa-border-width-s solid $goa-color-warning-default;
485
500
  $goa-container-important-heading-bg-color: $goa-color-warning-default;
@@ -595,14 +610,14 @@ $goa-button-primary-color-bg: $goa-color-interactive-default;
595
610
  $goa-button-compact-icon-size: $goa-icon-size-2;
596
611
  $goa-button-icon-size: $goa-icon-size-3;
597
612
  $goa-button-gap: $goa-space-xs;
598
- $goa-button-text-start: $goa-font-weight-bold $goa-font-size-5 $goa-line-height-1 $goa-font-family-sans;
599
- $goa-button-text-compact: $goa-font-weight-regular $goa-font-size-4 $goa-line-height-05 $goa-font-family-sans;
600
- $goa-button-text: $goa-font-weight-regular $goa-font-size-5 $goa-line-height-1 $goa-font-family-sans;
613
+ $goa-button-text-start: $goa-font-weight-bold $goa-font-size-5/$goa-line-height-1 $goa-font-family-sans;
614
+ $goa-button-text-compact: $goa-font-weight-regular $goa-font-size-4/$goa-line-height-05 $goa-font-family-sans;
615
+ $goa-button-text: $goa-font-weight-regular $goa-font-size-5/$goa-line-height-1 $goa-font-family-sans;
601
616
  $goa-button-padding-lr-start: $goa-space-m;
602
617
  $goa-button-padding-lr-compact: $goa-space-xs;
603
618
  $goa-button-padding-lr: $goa-space-s;
604
619
  $goa-button-border-radius: $goa-border-radius-m;
605
- $goa-badge-border: inset 0 0 0 $goa-border-width-s rgba(0, 0, 0, 0.5);
620
+ $goa-badge-border: inset 0 0 $goa-border-width-s 0 rgba(0, 0, 0, 0.5);
606
621
  $goa-badge-light-color-bg: $goa-color-greyscale-white;
607
622
  $goa-badge-midtone-color-bg: $goa-color-greyscale-700;
608
623
  $goa-badge-dark-color-bg: $goa-color-greyscale-black;
@@ -671,13 +686,14 @@ $goa-hero-banner-content: $goa-typography-body-l;
671
686
  $goa-hero-banner-heading: $goa-typography-heading-xl;
672
687
  $goa-app-header-typography-service-name-mobile: $goa-typography-body-s;
673
688
  $goa-app-header-typography-service-name: $goa-typography-body-m;
689
+ $goa-app-header-typography-link-item: $goa-typography-body-m;
690
+ $goa-app-header-typography-menu-item: $goa-typography-body-m;
674
691
  $goa-app-header-typography-nav-item: $goa-typography-heading-s;
675
692
  $goa-app-header-typography-menu-button-mobile: $goa-typography-body-s;
676
693
  $goa-app-header-typography-menu-button: $goa-typography-body-m;
677
694
  $goa-app-header-color-text-nav-item-current: $goa-color-text-default;
678
- $goa-app-header-color-text-nav-item: $goa-color-text-default;
679
695
  $goa-app-header-color-service-name: $goa-color-text-default;
680
- $goa-app-header-color-menu-button: $goa-color-text-default;
696
+ $goa-app-header-color-text-nav-item: $goa-color-text-default;
681
697
  $goa-step-typography-sublabel: $goa-typography-body-xs;
682
698
  $goa-step-typography-step-number: $goa-typography-heading-xs;
683
699
  $goa-step-typography-label-active: $goa-typography-heading-xs;
@@ -690,6 +706,7 @@ $goa-form-item-message-typography: $goa-typography-body-xs;
690
706
  $goa-form-item-label-typography: $goa-typography-heading-s;
691
707
  $goa-form-item-label-large-typography: $goa-typography-heading-l;
692
708
  $goa-form-item-help-message-color: $goa-color-text-default;
709
+ $goa-footer-color-links-secondary: $goa-color-text-secondary;
693
710
  $goa-footer-color-links: $goa-color-text-default;
694
711
  $goa-file-upload-instruction-text: $goa-typography-body-m;
695
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.1",
3
+ "version": "1.5.3",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",