@abgov/design-tokens 2.4.1 → 2.4.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 (5) hide show
  1. package/data/component-design-tokens/accordion-design-tokens.json +7 -7
  2. package/data/component-design-tokens/button-design-tokens.json +1 -1
  3. package/dist/tokens.css +8 -8
  4. package/dist/tokens.scss +8 -8
  5. package/package.json +1 -1
package/data/component-design-tokens/accordion-design-tokens.json CHANGED
@@ -36,31 +36,31 @@
36
36
  "type": "border"
37
37
  },
38
38
  "accordion-border-radius": {
39
- "value": "{borderRadius.xl}",
39
+ "value": "{borderRadius.2xl}",
40
40
  "type": "borderRadius"
41
41
  },
42
42
  "accordion-border-radius-focus": {
43
- "value": "{borderRadius.xl} {borderRadius.xl} {borderRadius.xs} {borderRadius.xs}",
43
+ "value": "{borderRadius.2xl} {borderRadius.2xl} {borderRadius.xs} {borderRadius.xs}",
44
44
  "type": "borderRadius",
45
45
  "description": "when the accordion is focused and open"
46
46
  },
47
47
  "accordion-padding-heading-icon-left": {
48
- "value": "{space.xs} {space.m} {space.xs} 0",
48
+ "value": "calc({space.xs} - {borderWidth.s}) {space.m} calc({space.xs} - {borderWidth.s}) 0",
49
49
  "type": "spacing",
50
50
  "description": "padding of accordion heading when icon is positioned on the left"
51
51
  },
52
52
  "accordion-padding-heading-icon-right": {
53
- "value": "{space.xs} 0 {space.xs} {space.m}",
53
+ "value": "calc({space.xs} - {borderWidth.s}) 0 calc({space.xs} - {borderWidth.s}) {space.m}",
54
54
  "type": "spacing",
55
55
  "description": "padding of accordion heading when icon is positioned on the right"
56
56
  },
57
57
  "accordion-padding-heading-m-icon-left": {
58
- "value": "{space.s} {space.m} {space.s} 0",
58
+ "value": "calc({space.s} - {borderWidth.s}) {space.m} calc({space.s} - {borderWidth.s}) 0",
59
59
  "type": "spacing",
60
60
  "description": "padding of accordion heading when icon is positioned on the left"
61
61
  },
62
62
  "accordion-padding-heading-m-icon-right": {
63
- "value": "{space.s} 0 {space.s} {space.m}",
63
+ "value": "calc({space.s} - {borderWidth.s}) 0 calc({space.s} - {borderWidth.s}) {space.m}",
64
64
  "type": "spacing",
65
65
  "description": "padding of accordion heading when icon is positioned on the right"
66
66
  },
@@ -157,4 +157,4 @@
157
157
  "value": "{color.text.default}",
158
158
  "type": "color"
159
159
  }
160
- }
160
+ }
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/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 15 Apr 2026 16:45:29 GMT
3
+ * Generated on Thu, 16 Apr 2026 15:37:54 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -315,6 +315,7 @@
315
315
  --goa-button-letter-spacing: 0.0125rem;
316
316
  --goa-button-tertiary-focus-color-bg: transparent;
317
317
  --goa-button-tertiary-hover-color-bg: transparent;
318
+ --goa-button-tertiary-color-bg-mobile: transparent;
318
319
  --goa-button-tertiary-color-bg: transparent;
319
320
  --goa-button-compact-gap: 0.375rem;
320
321
  --goa-button-outline-offset: 2px;
@@ -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;
@@ -1059,12 +1059,12 @@
1059
1059
  --goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-50);
1060
1060
  --goa-accordion-padding-content-narrow: var(--goa-space-l);
1061
1061
  --goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;
1062
- --goa-accordion-padding-heading-m-icon-right: var(--goa-space-s) 0 var(--goa-space-s) var(--goa-space-m);
1063
- --goa-accordion-padding-heading-m-icon-left: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) 0;
1064
- --goa-accordion-padding-heading-icon-right: var(--goa-space-xs) 0 var(--goa-space-xs) var(--goa-space-m);
1065
- --goa-accordion-padding-heading-icon-left: var(--goa-space-xs) var(--goa-space-m) var(--goa-space-xs) 0;
1066
- --goa-accordion-border-radius-focus: var(--goa-border-radius-xl) var(--goa-border-radius-xl) var(--goa-border-radius-xs) var(--goa-border-radius-xs);
1067
- --goa-accordion-border-radius: var(--goa-border-radius-xl);
1062
+ --goa-accordion-padding-heading-m-icon-right: calc(var(--goa-space-s) - var(--goa-border-width-s)) 0 calc(var(--goa-space-s) - var(--goa-border-width-s)) var(--goa-space-m);
1063
+ --goa-accordion-padding-heading-m-icon-left: calc(var(--goa-space-s) - var(--goa-border-width-s)) var(--goa-space-m) calc(var(--goa-space-s) - var(--goa-border-width-s)) 0;
1064
+ --goa-accordion-padding-heading-icon-right: calc(var(--goa-space-xs) - var(--goa-border-width-s)) 0 calc(var(--goa-space-xs) - var(--goa-border-width-s)) var(--goa-space-m);
1065
+ --goa-accordion-padding-heading-icon-left: calc(var(--goa-space-xs) - var(--goa-border-width-s)) var(--goa-space-m) calc(var(--goa-space-xs) - var(--goa-border-width-s)) 0;
1066
+ --goa-accordion-border-radius-focus: var(--goa-border-radius-2xl) var(--goa-border-radius-2xl) var(--goa-border-radius-xs) var(--goa-border-radius-xs);
1067
+ --goa-accordion-border-radius: var(--goa-border-radius-2xl);
1068
1068
  --goa-accordion-divider-hover: var(--goa-border-width-s) solid var(--goa-color-greyscale-black);
1069
1069
  --goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
1070
1070
  --goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 15 Apr 2026 16:45:29 GMT
3
+ // Generated on Thu, 16 Apr 2026 15:37:54 GMT
4
4
 
5
5
  $goa-accordion-color-bg-heading: #ffffff;
6
6
  $goa-accordion-color-bg-content: #ffffff;
@@ -8,12 +8,12 @@ $goa-accordion-color-heading: #000000;
8
8
  $goa-accordion-border: 1px solid #cdcdcd;
9
9
  $goa-accordion-divider: 1px solid #cdcdcd;
10
10
  $goa-accordion-divider-hover: 1px solid #000000;
11
- $goa-accordion-border-radius: 0.75rem;
12
- $goa-accordion-border-radius-focus: 0.75rem 0.75rem 0.25rem 0.25rem;
13
- $goa-accordion-padding-heading-icon-left: 0.5rem 1rem 0.5rem 0;
14
- $goa-accordion-padding-heading-icon-right: 0.5rem 0 0.5rem 1rem;
15
- $goa-accordion-padding-heading-m-icon-left: 0.75rem 1rem 0.75rem 0;
16
- $goa-accordion-padding-heading-m-icon-right: 0.75rem 0 0.75rem 1rem;
11
+ $goa-accordion-border-radius: 1rem;
12
+ $goa-accordion-border-radius-focus: 1rem 1rem 0.25rem 0.25rem;
13
+ $goa-accordion-padding-heading-icon-left: calc(0.5rem - 1px) 1rem calc(0.5rem - 1px) 0;
14
+ $goa-accordion-padding-heading-icon-right: calc(0.5rem - 1px) 0 calc(0.5rem - 1px) 1rem;
15
+ $goa-accordion-padding-heading-m-icon-left: calc(0.75rem - 1px) 1rem calc(0.75rem - 1px) 0;
16
+ $goa-accordion-padding-heading-m-icon-right: calc(0.75rem - 1px) 0 calc(0.75rem - 1px) 1rem;
17
17
  $goa-accordion-padding-content-wide: 1.5rem 1.5rem 2rem 56px;
18
18
  $goa-accordion-padding-content-narrow: 1.5rem;
19
19
  $goa-accordion-color-bg-heading-hover: #f8f8f8;
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "2.4.1",
3
+ "version": "2.4.3",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",