@abgov/design-tokens 1.5.9 → 1.6.0

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/drawer-design-tokens.json +17 -10
  2. package/data/component-design-tokens/input-design-tokens.json +2 -6
  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/drawer-design-tokens.json CHANGED
@@ -7,27 +7,27 @@
7
7
  "drawer-bottom-shadow": {
8
8
  "value": {
9
9
  "x": "0",
10
- "y": "-4",
11
- "blur": "12",
10
+ "y": "-6",
11
+ "blur": "6",
12
12
  "spread": "0",
13
- "color": "rgba(0,0,0,0.2)",
13
+ "color": "rgba(0,0,0,0.16)",
14
14
  "type": "dropShadow"
15
15
  },
16
16
  "type": "boxShadow"
17
17
  },
18
18
  "drawer-left-shadow": {
19
19
  "value": {
20
- "x": "4",
20
+ "x": "6",
21
21
  "y": "0",
22
- "blur": "12",
22
+ "blur": "6",
23
23
  "spread": "0",
24
- "color": "rgba(0,0,0,0.2)",
24
+ "color": "rgba(0,0,0,0.16)",
25
25
  "type": "dropShadow"
26
26
  },
27
27
  "type": "boxShadow"
28
28
  },
29
29
  "drawer-transition-time": {
30
- "value": "200ms",
30
+ "value": "0.25s",
31
31
  "type": "other"
32
32
  },
33
33
  "drawer-padding": {
@@ -35,7 +35,14 @@
35
35
  "type": "spacing"
36
36
  },
37
37
  "drawer-right-shadow": {
38
- "value": "inset -4 0 12 0 {borderWidth.s} rgba(0,0,0,0.2)",
39
- "type": "other"
38
+ "value": {
39
+ "x": "-6",
40
+ "y": "0",
41
+ "blur": "6",
42
+ "spread": "0",
43
+ "color": "rgba(0,0,0,0.16)",
44
+ "type": "dropShadow"
45
+ },
46
+ "type": "boxShadow"
40
47
  }
41
- }
48
+ }
package/data/component-design-tokens/input-design-tokens.json CHANGED
@@ -4,12 +4,8 @@
4
4
  "type": "other"
5
5
  },
6
6
  "text-input-border-disabled": {
7
- "value": {
8
- "width": "1px",
9
- "style": "solid",
10
- "color": "{color.greyscale.200}"
11
- },
12
- "type": "border"
7
+ "value": "inset 0 0 0 {borderWidth.s} {color.greyscale.200}",
8
+ "type": "other"
13
9
  },
14
10
  "text-input-border-error": {
15
11
  "value": "inset 0 0 0 {borderWidth.m} {color.interactive.error}",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Mar 2025 23:52:15 GMT
3
+ * Generated on Thu, 10 Apr 2025 14:47:20 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -162,9 +162,10 @@
162
162
  --goa-footer-size-logo-mobile: 133px;
163
163
  --goa-footer-size-logo-desktop: 155px;
164
164
  --goa-dropdown-transition: box-shadow 0.05s ease-in;
165
- --goa-drawer-transition-time: 200ms;
166
- --goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
167
- --goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
165
+ --goa-drawer-right-shadow: -6px 0px 6px 0px rgba(0,0,0,0.16);
166
+ --goa-drawer-transition-time: 0.25s;
167
+ --goa-drawer-left-shadow: 6px 0px 6px 0px rgba(0,0,0,0.16);
168
+ --goa-drawer-bottom-shadow: 0px -6px 6px 0px rgba(0,0,0,0.16);
168
169
  --goa-drawer-overlay-color: rgba(0,0,0,0.3);
169
170
  --goa-details-text-decoration: underline;
170
171
  --goa-details-padding-top: 6px;
@@ -347,7 +348,7 @@
347
348
  --goa-text-input-border-hover: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);
348
349
  --goa-text-input-border-focus: 0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);
349
350
  --goa-text-input-border-error: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error);
350
- --goa-text-input-border-disabled: 1px solid var(--goa-color-greyscale-200);
351
+ --goa-text-input-border-disabled: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200);
351
352
  --goa-text-input-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700);
352
353
  --goa-icon-button-medium-padding: var(--goa-space-2xs);
353
354
  --goa-icon-button-large-padding: var(--goa-space-xs);
@@ -485,7 +486,6 @@
485
486
  --goa-dropdown-border-error: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error);
486
487
  --goa-dropdown-border-disabled: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200);
487
488
  --goa-dropdown-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700);
488
- --goa-drawer-right-shadow: inset -4 0 12 0 var(--goa-border-width-s) rgba(0,0,0,0.2);
489
489
  --goa-drawer-padding: var(--goa-space-m);
490
490
  --goa-divider-color: var(--goa-color-greyscale-200);
491
491
  --goa-details-padding-right: var(--goa-space-s);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 07 Mar 2025 23:52:14 GMT
3
+ // Generated on Thu, 10 Apr 2025 14:47:20 GMT
4
4
 
5
5
  $goa-font-weight-bold: 700;
6
6
  $goa-font-weight-medium: 500;
@@ -160,9 +160,10 @@ $goa-footer-size-logo-tablet: 155px;
160
160
  $goa-footer-size-logo-mobile: 133px;
161
161
  $goa-footer-size-logo-desktop: 155px;
162
162
  $goa-dropdown-transition: box-shadow 0.05s ease-in;
163
- $goa-drawer-transition-time: 200ms;
164
- $goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
165
- $goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
163
+ $goa-drawer-right-shadow: -6px 0px 6px 0px rgba(0,0,0,0.16);
164
+ $goa-drawer-transition-time: 0.25s;
165
+ $goa-drawer-left-shadow: 6px 0px 6px 0px rgba(0,0,0,0.16);
166
+ $goa-drawer-bottom-shadow: 0px -6px 6px 0px rgba(0,0,0,0.16);
166
167
  $goa-drawer-overlay-color: rgba(0,0,0,0.3);
167
168
  $goa-details-text-decoration: underline;
168
169
  $goa-details-padding-top: 6px;
@@ -345,7 +346,7 @@ $goa-text-input-border-radius: $goa-border-radius-m;
345
346
  $goa-text-input-border-hover: inset 0 0 0 $goa-border-width-m $goa-color-interactive-hover;
346
347
  $goa-text-input-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-focus;
347
348
  $goa-text-input-border-error: inset 0 0 0 $goa-border-width-m $goa-color-interactive-error;
348
- $goa-text-input-border-disabled: 1px solid $goa-color-greyscale-200;
349
+ $goa-text-input-border-disabled: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-200;
349
350
  $goa-text-input-border: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-700;
350
351
  $goa-icon-button-medium-padding: $goa-space-2xs;
351
352
  $goa-icon-button-large-padding: $goa-space-xs;
@@ -483,7 +484,6 @@ $goa-dropdown-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-foc
483
484
  $goa-dropdown-border-error: inset 0 0 0 $goa-border-width-m $goa-color-interactive-error;
484
485
  $goa-dropdown-border-disabled: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-200;
485
486
  $goa-dropdown-border: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-700;
486
- $goa-drawer-right-shadow: inset -4 0 12 0 $goa-border-width-s rgba(0,0,0,0.2);
487
487
  $goa-drawer-padding: $goa-space-m;
488
488
  $goa-divider-color: $goa-color-greyscale-200;
489
489
  $goa-details-padding-right: $goa-space-s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "1.5.9",
3
+ "version": "1.6.0",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",