@abgov/design-tokens 1.0.4 → 1.0.5-dev.2

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 (11) hide show
  1. package/.github/workflows/publish.yml +13 -5
  2. package/.github/workflows/pull-request.yml +11 -5
  3. package/css/tokens.css +109 -87
  4. package/data/badge.json +98 -0
  5. package/data/button.json +1 -0
  6. package/data/global-ddi.json +512 -0
  7. package/index.spec.js +12 -0
  8. package/lib/design-tokens.js +45 -37
  9. package/package.json +1 -1
  10. package/scss/tokens.scss +109 -87
  11. package/data/tokens.json +0 -514
package/scss/tokens.scss CHANGED
@@ -1,90 +1,112 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 01 Nov 2022 19:57:07 GMT
3
+ // Generated on Tue, 08 Nov 2022 19:45:27 GMT
4
4
 
5
- $colour-brand-default: #0081A2;
6
- $colour-brand-dark: #005072;
7
- $colour-brand-light: #C8EEFA;
8
- $colour-interactive-default: #0070C4;
9
- $colour-interactive-hover: #004F84;
10
- $colour-interactive-error: #EC040B;
11
- $colour-interactive-focus: #FEBA35;
12
- $colour-text-default: #333333;
13
- $colour-text-secondary: #666666;
14
- $colour-text-light: #FFFFFF;
15
- $colour-status-info-default: #005DAA;
16
- $colour-status-info-light: #B2D4ED;
17
- $colour-status-info-dark: #00347A;
18
- $colour-status-warning-default: #FEBA35;
19
- $colour-status-warning-light: #FCEFD0;
20
- $colour-status-warning-dark: #C68A00;
21
- $colour-status-emergency-default: #EC040B;
22
- $colour-status-emergency-light: #FFCECF;
23
- $colour-status-emergency-dark: #B00000;
24
- $colour-status-success-default: #00853F;
25
- $colour-status-success-light: #C6E0D0;
26
- $colour-status-success-dark: #005715;
27
- $colour-greyscale-100: #F1F1F1;
28
- $colour-greyscale-200: #DCDCDC;
29
- $colour-greyscale-400: #ADADAD;
30
- $colour-greyscale-500: #949494;
31
- $colour-greyscale-600: #666666;
32
- $colour-greyscale-black: #333333;
33
- $colour-greyscale-white: #FFFFFF;
34
- $font-weight-regular: 400;
35
- $font-weight-medium: 500;
36
- $font-weight-bold: 700;
37
- $font-size-1: 0.75rem;
38
- $font-size-2: 0.875rem;
39
- $font-size-3: 1rem;
40
- $font-size-4: 1.125rem;
41
- $font-size-5: 1.25rem;
42
- $font-size-6: 1.375rem;
43
- $font-size-7: 1.5rem;
44
- $font-size-8: 2rem;
45
- $font-size-9: 2.25rem;
46
- $font-size-10: 3rem;
47
- $spacing-none: 0rem;
48
- $spacing-3xs: 0.125rem;
49
- $spacing-2xs: 0.25rem;
50
- $spacing-xs: 0.5rem;
51
- $spacing-s: 0.75rem;
52
- $spacing-m: 1rem;
53
- $spacing-l: 1.5rem;
54
- $spacing-xl: 2rem;
55
- $spacing-2xl: 3rem;
56
- $spacing-3xl: 4rem;
57
- $spacing-4xl: 8rem;
58
- $border-radius-0: 0;
59
- $border-radius-4: 4;
60
- $border-radius-pill: 999px;
61
- $border-radius-circle: 50%;
62
- $opacity-3: 30%;
63
- $opacity-5: 50%;
64
- $opacity-8: 80%;
65
- $line-height-1: 1.25rem;
66
- $line-height-2: 1.5rem;
67
- $line-height-3: 1.75rem;
68
- $line-height-4: 2rem;
69
- $line-height-5: 2.5rem;
70
- $line-height-6: 2.75rem;
71
- $line-height-7: 3.5rem;
72
- $font-families-default: Acumin-pro-semi-condensed;
73
- $font-families-numbers: roboto-mono;
74
- $typography-heading-xl: [object Object];
75
- $typography-heading-l: [object Object];
76
- $typography-heading-m: [object Object];
77
- $typography-heading-s: [object Object];
78
- $typography-heading-xs: [object Object];
79
- $typography-body-l: [object Object];
80
- $typography-body-m: [object Object];
81
- $typography-body-s: [object Object];
82
- $typography-body-xs: [object Object];
83
- $typography-button-default: [object Object];
84
- $border-width-s: 1;
85
- $border-width-m: 2;
86
- $border-width-l: 3;
87
- $letter-spacing-buttons: 1%;
88
- $icon-size-s: 1rem;
89
- $icon-size-m: 1.25rem;
90
- $icon-size-l: 1.5rem;
5
+ $goa-information-background-colour: #f1f1f1;
6
+ $goa-information-text-colour: #005daa;
7
+ $goa-information-icon-colour: #005daa;
8
+ $goa-font-family: Acumin-pro-semi-condensed;
9
+ $goa-font-size: 0.875rem;
10
+ $goa-font-weight: 400;
11
+ $goa-important-background-colour: #feba35;
12
+ $goa-important-text-colour: #333333;
13
+ $goa-important-icon-colour: #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-colour: #ec040b;
20
+ $goa-emergency-text-colour: #ffffff;
21
+ $goa-emergency-icon-colour: #ffffff;
22
+ $goa-success-background-colour: #00853f;
23
+ $goa-success-text-colour: #ffffff;
24
+ $goa-success-icon-colour: #ffffff;
25
+ $goa-space-between: 0.25rem;
26
+ $goa-border-radius: 0.25rem;
27
+ $goa-color-brand-default: #0081a2;
28
+ $goa-color-brand-dark: #005072;
29
+ $goa-color-brand-light: #c8eefa;
30
+ $goa-color-interactive-default: #0070c4;
31
+ $goa-color-interactive-hover: #004f84;
32
+ $goa-color-interactive-error: #ec040b;
33
+ $goa-color-interactive-focus: #feba35;
34
+ $goa-color-text-default: #333333;
35
+ $goa-color-text-secondary: #666666;
36
+ $goa-color-text-light: #ffffff;
37
+ $goa-color-status-info-default: #005daa;
38
+ $goa-color-status-info-light: #b2d4ed;
39
+ $goa-color-status-info-dark: #00347a;
40
+ $goa-color-status-warning-default: #feba35;
41
+ $goa-color-status-warning-light: #fcefd0;
42
+ $goa-color-status-warning-dark: #c68a00;
43
+ $goa-color-status-emergency-default: #ec040b;
44
+ $goa-color-status-emergency-light: #ffcecf;
45
+ $goa-color-status-emergency-dark: #b00000;
46
+ $goa-color-status-success-default: #00853f;
47
+ $goa-color-status-success-light: #c6e0d0;
48
+ $goa-color-status-success-dark: #005715;
49
+ $goa-color-greyscale-100: #f1f1f1;
50
+ $goa-color-greyscale-200: #dcdcdc;
51
+ $goa-color-greyscale-400: #adadad;
52
+ $goa-color-greyscale-500: #949494;
53
+ $goa-color-greyscale-600: #666666;
54
+ $goa-color-greyscale-black: #333333;
55
+ $goa-color-greyscale-white: #ffffff;
56
+ $goa-font-weight-regular: 400;
57
+ $goa-font-weight-medium: 500;
58
+ $goa-font-weight-bold: 700;
59
+ $goa-font-size-1: 0.75rem;
60
+ $goa-font-size-2: 0.875rem;
61
+ $goa-font-size-3: 1rem;
62
+ $goa-font-size-4: 1.125rem;
63
+ $goa-font-size-5: 1.25rem;
64
+ $goa-font-size-6: 1.375rem;
65
+ $goa-font-size-7: 1.5rem;
66
+ $goa-font-size-8: 2rem;
67
+ $goa-font-size-9: 2.25rem;
68
+ $goa-font-size-10: 3rem;
69
+ $goa-spacing-none: 0rem;
70
+ $goa-spacing-3xs: 0.125rem;
71
+ $goa-spacing-2xs: 0.25rem;
72
+ $goa-spacing-xs: 0.5rem;
73
+ $goa-spacing-s: 0.75rem;
74
+ $goa-spacing-m: 1rem;
75
+ $goa-spacing-l: 1.5rem;
76
+ $goa-spacing-xl: 2rem;
77
+ $goa-spacing-2xl: 3rem;
78
+ $goa-spacing-3xl: 4rem;
79
+ $goa-spacing-4xl: 8rem;
80
+ $goa-border-radius-0: 0rem;
81
+ $goa-border-radius-4: 0.25rem;
82
+ $goa-border-radius-pill: 999px;
83
+ $goa-border-radius-circle: 50%;
84
+ $goa-opacity-3: 30%;
85
+ $goa-opacity-5: 50%;
86
+ $goa-opacity-8: 80%;
87
+ $goa-line-height-1: 1.25rem;
88
+ $goa-line-height-2: 1.5rem;
89
+ $goa-line-height-3: 1.75rem;
90
+ $goa-line-height-4: 2rem;
91
+ $goa-line-height-5: 2.5rem;
92
+ $goa-line-height-6: 2.75rem;
93
+ $goa-line-height-7: 3.5rem;
94
+ $goa-font-families-default: Acumin-pro-semi-condensed;
95
+ $goa-font-families-numbers: roboto-mono;
96
+ $goa-typography-heading-xl: 700 3rem/3.5rem Acumin-pro-semi-condensed;
97
+ $goa-typography-heading-l: 400 2.25rem/2.75rem Acumin-pro-semi-condensed;
98
+ $goa-typography-heading-m: 400 1.5rem/2rem Acumin-pro-semi-condensed;
99
+ $goa-typography-heading-s: 700 1.125rem/1.75rem Acumin-pro-semi-condensed;
100
+ $goa-typography-heading-xs: 700 1rem/1.5rem Acumin-pro-semi-condensed;
101
+ $goa-typography-body-l: 400 1.5rem/2rem Acumin-pro-semi-condensed;
102
+ $goa-typography-body-m: 400 1.125rem/1.75rem Acumin-pro-semi-condensed;
103
+ $goa-typography-body-s: 400 1rem/1.5rem Acumin-pro-semi-condensed;
104
+ $goa-typography-body-xs: 400 0.875rem/1.25rem Acumin-pro-semi-condensed;
105
+ $goa-typography-button-default: 400 1.125rem/1.25rem Acumin-pro-semi-condensed;
106
+ $goa-border-width-s: 1px;
107
+ $goa-border-width-m: 2px;
108
+ $goa-border-width-l: 3px;
109
+ $goa-letter-spacing-buttons: 1%;
110
+ $goa-icon-size-s: 1rem;
111
+ $goa-icon-size-m: 1.25rem;
112
+ $goa-icon-size-l: 1.5rem;