@abgov/design-tokens 2.4.2 → 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 (4) hide show
  1. package/data/component-design-tokens/accordion-design-tokens.json +7 -7
  2. package/dist/tokens.css +7 -7
  3. package/dist/tokens.scss +7 -7
  4. 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/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 15 Apr 2026 16:47:56 GMT
3
+ * Generated on Thu, 16 Apr 2026 15:37:54 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -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:47:55 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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "2.4.2",
3
+ "version": "2.4.3",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",