@abgov/design-tokens 2.4.0 → 2.4.2

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 (5) hide show
  1. package/data/component-design-tokens/button-design-tokens.json +1 -1
  2. package/data/component-design-tokens/notification-banner-design-tokens.json +5 -5
  3. package/dist/tokens.css +6 -6
  4. package/dist/tokens.scss +6 -6
  5. package/package.json +1 -1
package/data/component-design-tokens/button-design-tokens.json CHANGED
@@ -309,7 +309,7 @@
309
309
  "type": "color"
310
310
  },
311
311
  "button-tertiary-color-bg-mobile": {
312
- "value": "{color.greyscale.100}",
312
+ "value": "transparent",
313
313
  "type": "color"
314
314
  },
315
315
  "button-tertiary-color-text": {
package/data/component-design-tokens/notification-banner-design-tokens.json CHANGED
@@ -64,7 +64,7 @@
64
64
  "type": "spacing"
65
65
  },
66
66
  "notification-banner-padding-tb": {
67
- "value": "{space.l}",
67
+ "value": "1.4375rem",
68
68
  "type": "spacing"
69
69
  },
70
70
  "notification-banner-size-icon": {
@@ -92,7 +92,7 @@
92
92
  "type": "spacing"
93
93
  },
94
94
  "notification-banner-padding-tb-compact": {
95
- "value": "{space.m}",
95
+ "value": "0.9375rem",
96
96
  "type": "spacing"
97
97
  },
98
98
  "notification-banner-padding-lr-small-screen-compact": {
@@ -224,11 +224,11 @@
224
224
  "type": "color"
225
225
  },
226
226
  "notification-banner-important-high-close-bg-hover": {
227
- "value": "{color.important.border}",
227
+ "value": "{color.important.default}",
228
228
  "type": "color"
229
229
  },
230
230
  "notification-banner-important-low-close-bg-hover": {
231
- "value": "{color.important.default}",
231
+ "value": "{color.important.border}",
232
232
  "type": "color"
233
233
  },
234
234
  "notification-banner-emergency-high-close-bg-hover": {
@@ -239,4 +239,4 @@
239
239
  "value": "{color.emergency.border}",
240
240
  "type": "color"
241
241
  }
242
- }
242
+ }
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 14 Apr 2026 22:00:35 GMT
3
+ * Generated on Wed, 15 Apr 2026 16:47:56 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -256,6 +256,8 @@
256
256
  --goa-radio-border-radius: 50%;
257
257
  --goa-push-drawer-transition-time: 0.25s;
258
258
  --goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
259
+ --goa-notification-banner-padding-tb-compact: 0.9375rem;
260
+ --goa-notification-banner-padding-tb: 1.4375rem;
259
261
  --goa-modal-content-wrapper-padding: 0;
260
262
  --goa-modal-max-width: 480px;
261
263
  --goa-modal-content-margin-mobile: 0;
@@ -313,6 +315,7 @@
313
315
  --goa-button-letter-spacing: 0.0125rem;
314
316
  --goa-button-tertiary-focus-color-bg: transparent;
315
317
  --goa-button-tertiary-hover-color-bg: transparent;
318
+ --goa-button-tertiary-color-bg-mobile: transparent;
316
319
  --goa-button-tertiary-color-bg: transparent;
317
320
  --goa-button-compact-gap: 0.375rem;
318
321
  --goa-button-outline-offset: 2px;
@@ -559,8 +562,8 @@
559
562
  --goa-pagination-gap: var(--goa-space-m);
560
563
  --goa-notification-banner-emergency-low-close-bg-hover: var(--goa-color-emergency-border);
561
564
  --goa-notification-banner-emergency-high-close-bg-hover: var(--goa-color-emergency-dark);
562
- --goa-notification-banner-important-low-close-bg-hover: var(--goa-color-important-default);
563
- --goa-notification-banner-important-high-close-bg-hover: var(--goa-color-important-border);
565
+ --goa-notification-banner-important-low-close-bg-hover: var(--goa-color-important-border);
566
+ --goa-notification-banner-important-high-close-bg-hover: var(--goa-color-important-default);
564
567
  --goa-notification-banner-information-low-close-bg-hover: var(--goa-color-info-border);
565
568
  --goa-notification-banner-information-high-close-bg-hover: var(--goa-color-info-dark);
566
569
  --goa-notification-banner-emergency-low-focus-border: 0 0 0 3px var(--goa-color-emergency-dark);
@@ -591,12 +594,10 @@
591
594
  --goa-notification-banner-padding-lr-large-screen-compact: var(--goa-space-2xl);
592
595
  --goa-notification-banner-padding-lr-medium-screen-compact: var(--goa-space-m);
593
596
  --goa-notification-banner-padding-lr-small-screen-compact: var(--goa-space-xs);
594
- --goa-notification-banner-padding-tb-compact: var(--goa-space-m);
595
597
  --goa-notification-banner-gap-compact: var(--goa-space-xs);
596
598
  --goa-notification-banner-custom-color-icon: var(--goa-color-greyscale-white);
597
599
  --goa-notification-banner-custom-color-bg: var(--goa-color-info-default);
598
600
  --goa-notification-banner-size-icon: var(--goa-icon-size-4);
599
- --goa-notification-banner-padding-tb: var(--goa-space-l);
600
601
  --goa-notification-banner-padding-lr-small-screen: var(--goa-space-m);
601
602
  --goa-notification-banner-padding-lr-medium-screen: var(--goa-space-l);
602
603
  --goa-notification-banner-padding-lr-large-screen: var(--goa-space-3xl);
@@ -957,7 +958,6 @@
957
958
  --goa-button-tertiary-focus-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-black);
958
959
  --goa-button-tertiary-hover-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-black);
959
960
  --goa-button-tertiary-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
960
- --goa-button-tertiary-color-bg-mobile: var(--goa-color-greyscale-100);
961
961
  --goa-button-secondary-inverse-focus-border: var(--goa-border-width-none) solid transparent;
962
962
  --goa-button-secondary-inverse-hover-border: var(--goa-border-width-none) solid transparent;
963
963
  --goa-button-secondary-inverse-border: var(--goa-border-width-none) solid transparent;
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 14 Apr 2026 22:00:35 GMT
3
+ // Generated on Wed, 15 Apr 2026 16:47:55 GMT
4
4
 
5
5
  $goa-accordion-color-bg-heading: #ffffff;
6
6
  $goa-accordion-color-bg-content: #ffffff;
@@ -141,7 +141,7 @@ $goa-button-secondary-inverse-border: 0px solid transparent;
141
141
  $goa-button-secondary-inverse-hover-border: 0px solid transparent;
142
142
  $goa-button-secondary-inverse-focus-border: 0px solid transparent;
143
143
  $goa-button-tertiary-color-bg: transparent;
144
- $goa-button-tertiary-color-bg-mobile: #f2f0f0;
144
+ $goa-button-tertiary-color-bg-mobile: transparent;
145
145
  $goa-button-tertiary-color-text: #000000;
146
146
  $goa-button-tertiary-border: 1px solid #cdcdcd;
147
147
  $goa-button-tertiary-hover-color-bg: transparent;
@@ -694,14 +694,14 @@ $goa-notification-banner-information-color-text: #ffffff;
694
694
  $goa-notification-banner-padding-lr-large-screen: 4rem;
695
695
  $goa-notification-banner-padding-lr-medium-screen: 1.5rem;
696
696
  $goa-notification-banner-padding-lr-small-screen: 1rem;
697
- $goa-notification-banner-padding-tb: 1.5rem;
697
+ $goa-notification-banner-padding-tb: 1.4375rem;
698
698
  $goa-notification-banner-size-icon: 1.5rem;
699
699
  $goa-notification-banner-text-size: 400 1.125rem/1.5rem acumin-variable, helvetica-neue, arial, sans-serif;
700
700
  $goa-notification-banner-custom-color-bg: #0077ad;
701
701
  $goa-notification-banner-custom-color-icon: #ffffff;
702
702
  $goa-notification-banner-custom-color-text: #ffffff;
703
703
  $goa-notification-banner-gap-compact: 0.5rem;
704
- $goa-notification-banner-padding-tb-compact: 1rem;
704
+ $goa-notification-banner-padding-tb-compact: 0.9375rem;
705
705
  $goa-notification-banner-padding-lr-small-screen-compact: 0.5rem;
706
706
  $goa-notification-banner-padding-lr-medium-screen-compact: 1rem;
707
707
  $goa-notification-banner-padding-lr-large-screen-compact: 3rem;
@@ -734,8 +734,8 @@ $goa-notification-banner-emergency-high-focus-border: 0 0 0 3px #ffffff;
734
734
  $goa-notification-banner-emergency-low-focus-border: 0 0 0 3px #a91a10;
735
735
  $goa-notification-banner-information-high-close-bg-hover: #004a8f;
736
736
  $goa-notification-banner-information-low-close-bg-hover: #cbeaf7;
737
- $goa-notification-banner-important-high-close-bg-hover: #fde3a1;
738
- $goa-notification-banner-important-low-close-bg-hover: #f9ce2d;
737
+ $goa-notification-banner-important-high-close-bg-hover: #f9ce2d;
738
+ $goa-notification-banner-important-low-close-bg-hover: #fde3a1;
739
739
  $goa-notification-banner-emergency-high-close-bg-hover: #a91a10;
740
740
  $goa-notification-banner-emergency-low-close-bg-hover: #eeaea5;
741
741
  $goa-pagination-gap: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "2.4.0",
3
+ "version": "2.4.2",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",