@abgov/design-tokens 1.0.5-dev.2 → 1.0.5-dev.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/css/tokens.css +13 -13
  2. package/data/badge.json +11 -11
  3. package/data/global-ddi.json +12 -12
  4. package/package.json +1 -1
  5. package/scss/tokens.scss +13 -13
package/css/tokens.css CHANGED
@@ -1,29 +1,29 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 08 Nov 2022 19:45:27 GMT
3
+ * Generated on Tue, 08 Nov 2022 20:58:21 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --goa-information-background-colour: #f1f1f1;
8
- --goa-information-text-colour: #005daa;
9
- --goa-information-icon-colour: #005daa;
7
+ --goa-information-background-color: #f1f1f1;
8
+ --goa-information-text-color: #005daa;
9
+ --goa-information-icon-color: #005daa;
10
10
  --goa-font-family: Acumin-pro-semi-condensed;
11
11
  --goa-font-size: 0.875rem;
12
12
  --goa-font-weight: 400;
13
- --goa-important-background-colour: #feba35;
14
- --goa-important-text-colour: #333333;
15
- --goa-important-icon-colour: #333333;
13
+ --goa-important-background-color: #feba35;
14
+ --goa-important-text-color: #333333;
15
+ --goa-important-icon-color: #333333;
16
16
  --goa-padding-left: 0.5rem;
17
17
  --goa-padding-right: 0.5rem;
18
18
  --goa-padding-top: 0.25rem;
19
19
  --goa-padding-bottom: 0.25rem;
20
20
  --goa-icon-size: 1rem;
21
- --goa-emergency-background-colour: #ec040b;
22
- --goa-emergency-text-colour: #ffffff;
23
- --goa-emergency-icon-colour: #ffffff;
21
+ --goa-emergency-background-color: #ec040b;
22
+ --goa-emergency-text-color: #ffffff;
23
+ --goa-emergency-icon-color: #ffffff;
24
24
  --goa-success-background-colour: #00853f;
25
- --goa-success-text-colour: #ffffff;
26
- --goa-success-icon-colour: #ffffff;
25
+ --goa-success-text-color: #ffffff;
26
+ --goa-success-icon-color: #ffffff;
27
27
  --goa-space-between: 0.25rem;
28
28
  --goa-border-radius: 0.25rem;
29
29
  --goa-color-brand-default: #0081a2;
@@ -108,7 +108,7 @@
108
108
  --goa-border-width-s: 1px;
109
109
  --goa-border-width-m: 2px;
110
110
  --goa-border-width-l: 3px;
111
- --goa-letter-spacing-buttons: 1%;
111
+ --goa-letter-spacing-1: 1%;
112
112
  --goa-icon-size-s: 1rem;
113
113
  --goa-icon-size-m: 1.25rem;
114
114
  --goa-icon-size-l: 1.5rem;
package/data/badge.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "information": {
3
- "background-colour": {
3
+ "background-color": {
4
4
  "value": "{color.greyscale.100}",
5
5
  "type": "color"
6
6
  },
7
- "text-colour": {
7
+ "text-color": {
8
8
  "value": "{color.status.info.default}",
9
9
  "type": "color"
10
10
  },
11
- "icon-colour": {
11
+ "icon-color": {
12
12
  "value": "{color.status.info.default}",
13
13
  "type": "color"
14
14
  }
@@ -26,15 +26,15 @@
26
26
  "type": "fontWeights"
27
27
  },
28
28
  "important": {
29
- "background-colour": {
29
+ "background-color": {
30
30
  "value": "{color.status.warning.default}",
31
31
  "type": "color"
32
32
  },
33
- "text-colour": {
33
+ "text-color": {
34
34
  "value": "{color.text.default}",
35
35
  "type": "color"
36
36
  },
37
- "icon-colour": {
37
+ "icon-color": {
38
38
  "value": "{color.greyscale.black}",
39
39
  "type": "color"
40
40
  }
@@ -60,15 +60,15 @@
60
60
  "type": "sizing"
61
61
  },
62
62
  "emergency": {
63
- "background-colour": {
63
+ "background-color": {
64
64
  "value": "{color.status.emergency.default}",
65
65
  "type": "color"
66
66
  },
67
- "text-colour": {
67
+ "text-color": {
68
68
  "value": "{color.text.light}",
69
69
  "type": "color"
70
70
  },
71
- "icon-colour": {
71
+ "icon-color": {
72
72
  "value": "{color.greyscale.white}",
73
73
  "type": "color"
74
74
  }
@@ -78,11 +78,11 @@
78
78
  "value": "{color.status.success.default}",
79
79
  "type": "color"
80
80
  },
81
- "text-colour": {
81
+ "text-color": {
82
82
  "value": "{color.text.light}",
83
83
  "type": "color"
84
84
  },
85
- "icon-colour": {
85
+ "icon-color": {
86
86
  "value": "{color.greyscale.white}",
87
87
  "type": "color"
88
88
  }
package/data/global-ddi.json CHANGED
@@ -4,24 +4,24 @@
4
4
  "default": {
5
5
  "value": "#0081A2",
6
6
  "type": "color",
7
- "description": "Teal GOA Colour"
7
+ "description": "Teal GOA color"
8
8
  },
9
9
  "dark": {
10
10
  "value": "#005072",
11
11
  "type": "color",
12
- "description": "Dark GOA brand colour"
12
+ "description": "Dark GOA brand color"
13
13
  },
14
14
  "light": {
15
15
  "value": "#C8EEFA",
16
16
  "type": "color",
17
- "description": "Light GOA brand colour"
17
+ "description": "Light GOA brand color"
18
18
  }
19
19
  },
20
20
  "interactive": {
21
21
  "default": {
22
22
  "value": "#0070C4",
23
23
  "type": "color",
24
- "description": "Default colour for interactive elements."
24
+ "description": "Default color for interactive elements."
25
25
  },
26
26
  "hover": {
27
27
  "value": "#004F84",
@@ -48,12 +48,12 @@
48
48
  "secondary": {
49
49
  "value": "#666666",
50
50
  "type": "color",
51
- "description": "Default colour for secondary text (such as disabled button text, and secondary text labels eg. “optional” or “partially complete”)."
51
+ "description": "Default color for secondary text (such as disabled button text, and secondary text labels eg. “optional” or “partially complete”)."
52
52
  },
53
53
  "light": {
54
54
  "value": "#FFFFFF",
55
55
  "type": "color",
56
- "description": "Use as the text colour on dark backgrounds."
56
+ "description": "Use as the text color on dark backgrounds."
57
57
  }
58
58
  },
59
59
  "status": {
@@ -61,7 +61,7 @@
61
61
  "default": {
62
62
  "value": "#005DAA",
63
63
  "type": "color",
64
- "description": "Use this colour to indicate information to the user."
64
+ "description": "Use this color to indicate information to the user."
65
65
  },
66
66
  "light": {
67
67
  "value": "#B2D4ED",
@@ -76,7 +76,7 @@
76
76
  "default": {
77
77
  "value": "#FEBA35",
78
78
  "type": "color",
79
- "description": "Use this colour to indicate a warning to the user."
79
+ "description": "Use this color to indicate a warning to the user."
80
80
  },
81
81
  "light": {
82
82
  "value": "#FCEFD0",
@@ -91,7 +91,7 @@
91
91
  "default": {
92
92
  "value": "#EC040B",
93
93
  "type": "color",
94
- "description": "Use this colour to indicate an emergency to the user."
94
+ "description": "Use this color to indicate an emergency to the user."
95
95
  },
96
96
  "light": {
97
97
  "value": "#FFCECF",
@@ -106,7 +106,7 @@
106
106
  "default": {
107
107
  "value": "#00853F",
108
108
  "type": "color",
109
- "description": "Use this colour to indicate success to the user."
109
+ "description": "Use this color to indicate success to the user."
110
110
  },
111
111
  "light": {
112
112
  "value": "#C6E0D0",
@@ -462,7 +462,7 @@
462
462
  "fontWeight": "{fontWeight.regular}",
463
463
  "lineHeight": "{lineHeight.1}",
464
464
  "fontSize": "{fontSize.4}",
465
- "letterSpacing": "{letterSpacing.buttons}"
465
+ "letterSpacing": "{letterSpacing.1}"
466
466
  },
467
467
  "type": "typography"
468
468
  }
@@ -486,7 +486,7 @@
486
486
  }
487
487
  },
488
488
  "letterSpacing": {
489
- "buttons": {
489
+ "1": {
490
490
  "value": "1%",
491
491
  "type": "letterSpacing",
492
492
  "description": "small letter spacing adjustment to slightly kern letters out for readability on buttons"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "1.0.5-dev.2",
3
+ "version": "1.0.5-dev.3",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",
package/scss/tokens.scss CHANGED
@@ -1,27 +1,27 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 08 Nov 2022 19:45:27 GMT
3
+ // Generated on Tue, 08 Nov 2022 20:58:21 GMT
4
4
 
5
- $goa-information-background-colour: #f1f1f1;
6
- $goa-information-text-colour: #005daa;
7
- $goa-information-icon-colour: #005daa;
5
+ $goa-information-background-color: #f1f1f1;
6
+ $goa-information-text-color: #005daa;
7
+ $goa-information-icon-color: #005daa;
8
8
  $goa-font-family: Acumin-pro-semi-condensed;
9
9
  $goa-font-size: 0.875rem;
10
10
  $goa-font-weight: 400;
11
- $goa-important-background-colour: #feba35;
12
- $goa-important-text-colour: #333333;
13
- $goa-important-icon-colour: #333333;
11
+ $goa-important-background-color: #feba35;
12
+ $goa-important-text-color: #333333;
13
+ $goa-important-icon-color: #333333;
14
14
  $goa-padding-left: 0.5rem;
15
15
  $goa-padding-right: 0.5rem;
16
16
  $goa-padding-top: 0.25rem;
17
17
  $goa-padding-bottom: 0.25rem;
18
18
  $goa-icon-size: 1rem;
19
- $goa-emergency-background-colour: #ec040b;
20
- $goa-emergency-text-colour: #ffffff;
21
- $goa-emergency-icon-colour: #ffffff;
19
+ $goa-emergency-background-color: #ec040b;
20
+ $goa-emergency-text-color: #ffffff;
21
+ $goa-emergency-icon-color: #ffffff;
22
22
  $goa-success-background-colour: #00853f;
23
- $goa-success-text-colour: #ffffff;
24
- $goa-success-icon-colour: #ffffff;
23
+ $goa-success-text-color: #ffffff;
24
+ $goa-success-icon-color: #ffffff;
25
25
  $goa-space-between: 0.25rem;
26
26
  $goa-border-radius: 0.25rem;
27
27
  $goa-color-brand-default: #0081a2;
@@ -106,7 +106,7 @@ $goa-typography-button-default: 400 1.125rem/1.25rem Acumin-pro-semi-condensed;
106
106
  $goa-border-width-s: 1px;
107
107
  $goa-border-width-m: 2px;
108
108
  $goa-border-width-l: 3px;
109
- $goa-letter-spacing-buttons: 1%;
109
+ $goa-letter-spacing-1: 1%;
110
110
  $goa-icon-size-s: 1rem;
111
111
  $goa-icon-size-m: 1.25rem;
112
112
  $goa-icon-size-l: 1.5rem;