@abgov/design-tokens 1.0.5-dev.3 → 1.0.5-dev.4

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 (6) hide show
  1. package/css/tokens.css +2 -24
  2. package/data/global-ddi.json +7 -7
  3. package/package.json +1 -1
  4. package/scss/tokens.scss +2 -24
  5. package/data/badge.json +0 -98
  6. package/data/button.json +0 -1
package/css/tokens.css CHANGED
@@ -1,31 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 08 Nov 2022 20:58:21 GMT
3
+ * Generated on Fri, 16 Dec 2022 03:19:58 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --goa-information-background-color: #f1f1f1;
8
- --goa-information-text-color: #005daa;
9
- --goa-information-icon-color: #005daa;
10
- --goa-font-family: Acumin-pro-semi-condensed;
11
- --goa-font-size: 0.875rem;
12
- --goa-font-weight: 400;
13
- --goa-important-background-color: #feba35;
14
- --goa-important-text-color: #333333;
15
- --goa-important-icon-color: #333333;
16
- --goa-padding-left: 0.5rem;
17
- --goa-padding-right: 0.5rem;
18
- --goa-padding-top: 0.25rem;
19
- --goa-padding-bottom: 0.25rem;
20
- --goa-icon-size: 1rem;
21
- --goa-emergency-background-color: #ec040b;
22
- --goa-emergency-text-color: #ffffff;
23
- --goa-emergency-icon-color: #ffffff;
24
- --goa-success-background-colour: #00853f;
25
- --goa-success-text-color: #ffffff;
26
- --goa-success-icon-color: #ffffff;
27
- --goa-space-between: 0.25rem;
28
- --goa-border-radius: 0.25rem;
29
7
  --goa-color-brand-default: #0081a2;
30
8
  --goa-color-brand-dark: #005072;
31
9
  --goa-color-brand-light: #c8eefa;
@@ -108,7 +86,7 @@
108
86
  --goa-border-width-s: 1px;
109
87
  --goa-border-width-m: 2px;
110
88
  --goa-border-width-l: 3px;
111
- --goa-letter-spacing-1: 1%;
89
+ --goa-letter-spacing-buttons: 0.0125rem;
112
90
  --goa-icon-size-s: 1rem;
113
91
  --goa-icon-size-m: 1.25rem;
114
92
  --goa-icon-size-l: 1.5rem;
package/data/global-ddi.json CHANGED
@@ -26,24 +26,24 @@
26
26
  "hover": {
27
27
  "value": "#004F84",
28
28
  "type": "color",
29
- "description": "Hover state for interactive elements."
29
+ "description": "Hover state color for interactive elements."
30
30
  },
31
31
  "error": {
32
32
  "value": "#EC040B",
33
33
  "type": "color",
34
- "description": "Error state for interactive elements."
34
+ "description": "Error state color for interactive elements."
35
35
  },
36
36
  "focus": {
37
37
  "value": "#FEBA35",
38
38
  "type": "color",
39
- "description": "Focus state for interactive elements."
39
+ "description": "Focus state color for interactive elements."
40
40
  }
41
41
  },
42
42
  "text": {
43
43
  "default": {
44
44
  "value": "#333333",
45
45
  "type": "color",
46
- "description": "Default colour for most text (such as body, headings, subheadings)."
46
+ "description": "Default color for most text (such as body, headings, subheadings)."
47
47
  },
48
48
  "secondary": {
49
49
  "value": "#666666",
@@ -462,7 +462,7 @@
462
462
  "fontWeight": "{fontWeight.regular}",
463
463
  "lineHeight": "{lineHeight.1}",
464
464
  "fontSize": "{fontSize.4}",
465
- "letterSpacing": "{letterSpacing.1}"
465
+ "letterSpacing": "{letterSpacing.buttons}"
466
466
  },
467
467
  "type": "typography"
468
468
  }
@@ -486,8 +486,8 @@
486
486
  }
487
487
  },
488
488
  "letterSpacing": {
489
- "1": {
490
- "value": "1%",
489
+ "buttons": {
490
+ "value": "0.0125rem",
491
491
  "type": "letterSpacing",
492
492
  "description": "small letter spacing adjustment to slightly kern letters out for readability on buttons"
493
493
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "1.0.5-dev.3",
3
+ "version": "1.0.5-dev.4",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",
package/scss/tokens.scss CHANGED
@@ -1,29 +1,7 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 08 Nov 2022 20:58:21 GMT
3
+ // Generated on Fri, 16 Dec 2022 03:19:58 GMT
4
4
 
5
- $goa-information-background-color: #f1f1f1;
6
- $goa-information-text-color: #005daa;
7
- $goa-information-icon-color: #005daa;
8
- $goa-font-family: Acumin-pro-semi-condensed;
9
- $goa-font-size: 0.875rem;
10
- $goa-font-weight: 400;
11
- $goa-important-background-color: #feba35;
12
- $goa-important-text-color: #333333;
13
- $goa-important-icon-color: #333333;
14
- $goa-padding-left: 0.5rem;
15
- $goa-padding-right: 0.5rem;
16
- $goa-padding-top: 0.25rem;
17
- $goa-padding-bottom: 0.25rem;
18
- $goa-icon-size: 1rem;
19
- $goa-emergency-background-color: #ec040b;
20
- $goa-emergency-text-color: #ffffff;
21
- $goa-emergency-icon-color: #ffffff;
22
- $goa-success-background-colour: #00853f;
23
- $goa-success-text-color: #ffffff;
24
- $goa-success-icon-color: #ffffff;
25
- $goa-space-between: 0.25rem;
26
- $goa-border-radius: 0.25rem;
27
5
  $goa-color-brand-default: #0081a2;
28
6
  $goa-color-brand-dark: #005072;
29
7
  $goa-color-brand-light: #c8eefa;
@@ -106,7 +84,7 @@ $goa-typography-button-default: 400 1.125rem/1.25rem Acumin-pro-semi-condensed;
106
84
  $goa-border-width-s: 1px;
107
85
  $goa-border-width-m: 2px;
108
86
  $goa-border-width-l: 3px;
109
- $goa-letter-spacing-1: 1%;
87
+ $goa-letter-spacing-buttons: 0.0125rem;
110
88
  $goa-icon-size-s: 1rem;
111
89
  $goa-icon-size-m: 1.25rem;
112
90
  $goa-icon-size-l: 1.5rem;
package/data/badge.json DELETED
@@ -1,98 +0,0 @@
1
- {
2
- "information": {
3
- "background-color": {
4
- "value": "{color.greyscale.100}",
5
- "type": "color"
6
- },
7
- "text-color": {
8
- "value": "{color.status.info.default}",
9
- "type": "color"
10
- },
11
- "icon-color": {
12
- "value": "{color.status.info.default}",
13
- "type": "color"
14
- }
15
- },
16
- "font-family": {
17
- "value": "{fontFamilies.default}",
18
- "type": "fontFamilies"
19
- },
20
- "font-size": {
21
- "value": "{fontSize.2}",
22
- "type": "fontSizes"
23
- },
24
- "font-weight": {
25
- "value": "{fontWeight.regular}",
26
- "type": "fontWeights"
27
- },
28
- "important": {
29
- "background-color": {
30
- "value": "{color.status.warning.default}",
31
- "type": "color"
32
- },
33
- "text-color": {
34
- "value": "{color.text.default}",
35
- "type": "color"
36
- },
37
- "icon-color": {
38
- "value": "{color.greyscale.black}",
39
- "type": "color"
40
- }
41
- },
42
- "padding-left": {
43
- "value": "{spacing.xs}",
44
- "type": "spacing"
45
- },
46
- "padding-right": {
47
- "value": "{spacing.xs}",
48
- "type": "spacing"
49
- },
50
- "padding-top": {
51
- "value": "{spacing.2xs}",
52
- "type": "spacing"
53
- },
54
- "padding-bottom": {
55
- "value": "{spacing.2xs}",
56
- "type": "spacing"
57
- },
58
- "icon-size": {
59
- "value": "{iconSize.s}",
60
- "type": "sizing"
61
- },
62
- "emergency": {
63
- "background-color": {
64
- "value": "{color.status.emergency.default}",
65
- "type": "color"
66
- },
67
- "text-color": {
68
- "value": "{color.text.light}",
69
- "type": "color"
70
- },
71
- "icon-color": {
72
- "value": "{color.greyscale.white}",
73
- "type": "color"
74
- }
75
- },
76
- "success": {
77
- "background-colour": {
78
- "value": "{color.status.success.default}",
79
- "type": "color"
80
- },
81
- "text-color": {
82
- "value": "{color.text.light}",
83
- "type": "color"
84
- },
85
- "icon-color": {
86
- "value": "{color.greyscale.white}",
87
- "type": "color"
88
- }
89
- },
90
- "space-between": {
91
- "value": "{spacing.2xs}",
92
- "type": "spacing"
93
- },
94
- "border-radius": {
95
- "value": "{borderRadius.4}",
96
- "type": "borderRadius"
97
- }
98
- }
package/data/button.json DELETED
@@ -1 +0,0 @@
1
- {}