@abgov/design-tokens 1.5.5 → 1.5.8

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.
@@ -20,7 +20,7 @@ jobs:
20
20
  - name: Get Latest
21
21
  uses: actions/checkout@v2
22
22
 
23
- - uses: actions/cache@v2
23
+ - uses: actions/cache@v4
24
24
  with:
25
25
  path: ~/.npm
26
26
  key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
@@ -28,7 +28,7 @@ jobs:
28
28
  - name: Configure Node
29
29
  uses: actions/setup-node@v3
30
30
  with:
31
- node-version: 16
31
+ node-version: 22
32
32
  registry-url: "https://registry.npmjs.org"
33
33
  scope: "@abgov"
34
34
  env:
@@ -8,7 +8,7 @@ on:
8
8
 
9
9
  jobs:
10
10
  build:
11
- runs-on: ubuntu-20.04
11
+ runs-on: ubuntu-latest
12
12
 
13
13
  steps:
14
14
  - uses: actions/checkout@v2
@@ -16,8 +16,8 @@ jobs:
16
16
  fetch-depth: 0
17
17
  - uses: actions/setup-node@v2
18
18
  with:
19
- node-version: "16"
20
- - uses: actions/cache@v2
19
+ node-version: "22"
20
+ - uses: actions/cache@v4
21
21
  with:
22
22
  path: ~/.npm
23
23
  key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
@@ -48,7 +48,7 @@
48
48
  "type": "color"
49
49
  },
50
50
  "dropdown-item-color-bg-disabled": {
51
- "value": "",
51
+ "value": "{color.greyscale.100}",
52
52
  "type": "color"
53
53
  },
54
54
  "dropdown-item-color-bg-hover": {
@@ -68,7 +68,7 @@
68
68
  "type": "color"
69
69
  },
70
70
  "dropdown-item-color-text-disabled": {
71
- "value": "",
71
+ "value": "{color.text.disabled}",
72
72
  "type": "color"
73
73
  },
74
74
  "dropdown-item-color-text-hover": {
@@ -72,11 +72,11 @@
72
72
  "type": "spacing"
73
73
  },
74
74
  "text-input-size-icon": {
75
- "value": "",
75
+ "value": "{iconSize.4}",
76
76
  "type": "sizing"
77
77
  },
78
78
  "text-input-color-icon": {
79
- "value": "",
79
+ "value": "{color.greyscale.black}",
80
80
  "type": "color"
81
81
  },
82
82
  "text-input-transition": {
@@ -780,6 +780,122 @@
780
780
  },
781
781
  "type": "typography"
782
782
  }
783
+ },
784
+ "mobile": {
785
+ "heading": {
786
+ "xs": {
787
+ "value": {
788
+ "fontFamily": "{fontFamily.sans}",
789
+ "fontWeight": "{fontWeight.bold}",
790
+ "fontSize": "{fontSize.3}",
791
+ "lineHeight": "{lineHeight.2}"
792
+ },
793
+ "type": "typography"
794
+ },
795
+ "s": {
796
+ "value": {
797
+ "fontFamily": "{fontFamily.sans}",
798
+ "fontWeight": "{fontWeight.bold}",
799
+ "fontSize": "{fontSize.4}",
800
+ "lineHeight": "{lineHeight.3}"
801
+ },
802
+ "type": "typography"
803
+ },
804
+ "m": {
805
+ "value": {
806
+ "fontFamily": "{fontFamily.sans}",
807
+ "fontWeight": "{fontWeight.regular}",
808
+ "fontSize": "{fontSize.7}",
809
+ "lineHeight": "{lineHeight.4}"
810
+ },
811
+ "type": "typography"
812
+ },
813
+ "l": {
814
+ "value": {
815
+ "fontFamily": "{fontFamily.sans}",
816
+ "fontWeight": "{fontWeight.regular}",
817
+ "fontSize": "{fontSize.8}",
818
+ "lineHeight": "{lineHeight.5}"
819
+ },
820
+ "type": "typography"
821
+ },
822
+ "xl": {
823
+ "value": {
824
+ "fontFamily": "{fontFamily.sans}",
825
+ "fontWeight": "{fontWeight.bold}",
826
+ "fontSize": "{fontSize.9}",
827
+ "lineHeight": "{lineHeight.6}"
828
+ },
829
+ "type": "typography"
830
+ }
831
+ },
832
+ "body": {
833
+ "xs": {
834
+ "value": {
835
+ "fontFamily": "{fontFamily.sans}",
836
+ "fontWeight": "{fontWeight.regular}",
837
+ "fontSize": "{fontSize.2}",
838
+ "lineHeight": "{lineHeight.1}"
839
+ },
840
+ "type": "typography"
841
+ },
842
+ "s": {
843
+ "value": {
844
+ "fontFamily": "{fontFamily.sans}",
845
+ "fontWeight": "{fontWeight.regular}",
846
+ "fontSize": "{fontSize.3}",
847
+ "lineHeight": "{lineHeight.2}"
848
+ },
849
+ "type": "typography"
850
+ },
851
+ "m": {
852
+ "value": {
853
+ "fontFamily": "{fontFamily.sans}",
854
+ "fontWeight": "{fontWeight.regular}",
855
+ "fontSize": "{fontSize.4}",
856
+ "lineHeight": "{lineHeight.3}"
857
+ },
858
+ "type": "typography"
859
+ },
860
+ "l": {
861
+ "value": {
862
+ "fontFamily": "{fontFamily.sans}",
863
+ "fontWeight": "{fontWeight.regular}",
864
+ "lineHeight": "{lineHeight.4}",
865
+ "fontSize": "{fontSize.6}"
866
+ },
867
+ "type": "typography"
868
+ }
869
+ },
870
+ "number": {
871
+ "s": {
872
+ "value": {
873
+ "fontFamily": "{fontFamily.number}",
874
+ "fontWeight": "{fontWeight.medium}",
875
+ "lineHeight": "{lineHeight.2}",
876
+ "fontSize": "{fontSize.3}"
877
+ },
878
+ "type": "typography"
879
+ },
880
+ "m": {
881
+ "value": {
882
+ "fontFamily": "{fontFamily.number}",
883
+ "fontWeight": "{fontWeight.medium}",
884
+ "lineHeight": "{lineHeight.3}",
885
+ "fontSize": "{fontSize.4}"
886
+ },
887
+ "type": "typography"
888
+ },
889
+ "l": {
890
+ "value": {
891
+ "fontFamily": "{fontFamily.number}",
892
+ "fontWeight": "{fontWeight.medium}",
893
+ "lineHeight": "{lineHeight.4}",
894
+ "fontSize": "{fontSize.6}"
895
+ },
896
+ "type": "typography"
897
+ }
898
+ }
783
899
  }
784
900
  },
785
901
  "border-none": {
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Jan 2025 19:03:31 GMT
3
+ * Generated on Fri, 07 Mar 2025 19:07:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -147,8 +147,6 @@
147
147
  --goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
148
148
  --goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
149
149
  --goa-text-input-transition: box-shadow 0.05s ease-in;
150
- --goa-text-input-color-icon: ;
151
- --goa-text-input-size-icon: ;
152
150
  --goa-app-header-nav-color-bg-link-item-in-menu: transparent;
153
151
  --goa-app-header-nav-color-bg-link-item-focus: transparent;
154
152
  --goa-app-header-nav-color-bg-link-item-hover: transparent;
@@ -164,8 +162,6 @@
164
162
  --goa-footer-size-logo-mobile: 133px;
165
163
  --goa-footer-size-logo-desktop: 155px;
166
164
  --goa-dropdown-transition: box-shadow 0.05s ease-in;
167
- --goa-dropdown-item-color-text-disabled: ;
168
- --goa-dropdown-item-color-bg-disabled: ;
169
165
  --goa-drawer-transition-time: 200ms;
170
166
  --goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
171
167
  --goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
@@ -194,6 +190,18 @@
194
190
  --goa-badge-height: 22px;
195
191
  --goa-accordion-shadow: 0px 0px 0px 0px #000000;
196
192
  --goa-border-none: var(--goa-border-width-none) solid rgba(0,0,0,0);
193
+ --goa-typography-mobile-number-l: var(--goa-font-weight-medium) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-number);
194
+ --goa-typography-mobile-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
195
+ --goa-typography-mobile-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
196
+ --goa-typography-mobile-body-l: var(--goa-font-weight-regular) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans);
197
+ --goa-typography-mobile-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
198
+ --goa-typography-mobile-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
199
+ --goa-typography-mobile-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
200
+ --goa-typography-mobile-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-6) var(--goa-font-family-sans);
201
+ --goa-typography-mobile-heading-l: var(--goa-font-weight-regular) var(--goa-font-size-8)/var(--goa-line-height-5) var(--goa-font-family-sans);
202
+ --goa-typography-mobile-heading-m: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);
203
+ --goa-typography-mobile-heading-s: var(--goa-font-weight-bold) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
204
+ --goa-typography-mobile-heading-xs: var(--goa-font-weight-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
197
205
  --goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-number);
198
206
  --goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
199
207
  --goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
@@ -327,6 +335,8 @@
327
335
  --goa-microsite-header-color-bg: var(--goa-color-greyscale-100);
328
336
  --goa-microsite-header-beta-badge-color: var(--goa-color-brand-default);
329
337
  --goa-microsite-header-alpha-badge-color: var(--goa-color-warning-default);
338
+ --goa-text-input-color-icon: var(--goa-color-greyscale-black);
339
+ --goa-text-input-size-icon: var(--goa-icon-size-4);
330
340
  --goa-text-input-space-btw-icon-text: var(--goa-space-xs);
331
341
  --goa-text-input-padding-lr: var(--goa-space-s);
332
342
  --goa-text-input-lt-content-color-bg: var(--goa-color-greyscale-100);
@@ -465,6 +475,7 @@
465
475
  --goa-dropdown-item-color-bg-selected-hover: var(--goa-color-interactive-hover);
466
476
  --goa-dropdown-item-color-bg-selected: var(--goa-color-interactive-default);
467
477
  --goa-dropdown-item-color-bg-hover: var(--goa-color-greyscale-100);
478
+ --goa-dropdown-item-color-bg-disabled: var(--goa-color-greyscale-100);
468
479
  --goa-dropdown-item-color-bg: var(--goa-color-greyscale-white);
469
480
  --goa-dropdown-color-bg-disabled: var(--goa-color-greyscale-100);
470
481
  --goa-dropdown-color-bg: var(--goa-color-greyscale-white);
@@ -720,6 +731,7 @@
720
731
  --goa-dropdown-typography: var(--goa-typography-body-m);
721
732
  --goa-dropdown-padding: 6px var(--goa-dropdown-padding-lr) 8px;
722
733
  --goa-dropdown-item-padding: 7px var(--goa-dropdown-padding-lr) 9px;
734
+ --goa-dropdown-item-color-text-disabled: var(--goa-color-text-disabled);
723
735
  --goa-dropdown-item-color-text: var(--goa-color-text-default);
724
736
  --goa-dropdown-color-text-placeholder: var(--goa-color-text-secondary);
725
737
  --goa-dropdown-color-text-disabled: var(--goa-color-text-disabled);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 31 Jan 2025 19:03:31 GMT
3
+ // Generated on Fri, 07 Mar 2025 19:07:06 GMT
4
4
 
5
5
  $goa-font-weight-bold: 700;
6
6
  $goa-font-weight-medium: 500;
@@ -145,8 +145,6 @@ $goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
145
145
  $goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
146
146
  $goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
147
147
  $goa-text-input-transition: box-shadow 0.05s ease-in;
148
- $goa-text-input-color-icon: ;
149
- $goa-text-input-size-icon: ;
150
148
  $goa-app-header-nav-color-bg-link-item-in-menu: transparent;
151
149
  $goa-app-header-nav-color-bg-link-item-focus: transparent;
152
150
  $goa-app-header-nav-color-bg-link-item-hover: transparent;
@@ -162,8 +160,6 @@ $goa-footer-size-logo-tablet: 155px;
162
160
  $goa-footer-size-logo-mobile: 133px;
163
161
  $goa-footer-size-logo-desktop: 155px;
164
162
  $goa-dropdown-transition: box-shadow 0.05s ease-in;
165
- $goa-dropdown-item-color-text-disabled: ;
166
- $goa-dropdown-item-color-bg-disabled: ;
167
163
  $goa-drawer-transition-time: 200ms;
168
164
  $goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
169
165
  $goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
@@ -192,6 +188,18 @@ $goa-button-height: 2.625rem;
192
188
  $goa-badge-height: 22px;
193
189
  $goa-accordion-shadow: 0px 0px 0px 0px #000000;
194
190
  $goa-border-none: $goa-border-width-none solid rgba(0,0,0,0);
191
+ $goa-typography-mobile-number-l: $goa-font-weight-medium $goa-font-size-6/$goa-line-height-4 $goa-font-family-number;
192
+ $goa-typography-mobile-number-m: $goa-font-weight-medium $goa-font-size-4/$goa-line-height-3 $goa-font-family-number;
193
+ $goa-typography-mobile-number-s: $goa-font-weight-medium $goa-font-size-3/$goa-line-height-2 $goa-font-family-number;
194
+ $goa-typography-mobile-body-l: $goa-font-weight-regular $goa-font-size-6/$goa-line-height-4 $goa-font-family-sans;
195
+ $goa-typography-mobile-body-m: $goa-font-weight-regular $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
196
+ $goa-typography-mobile-body-s: $goa-font-weight-regular $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
197
+ $goa-typography-mobile-body-xs: $goa-font-weight-regular $goa-font-size-2/$goa-line-height-1 $goa-font-family-sans;
198
+ $goa-typography-mobile-heading-xl: $goa-font-weight-bold $goa-font-size-9/$goa-line-height-6 $goa-font-family-sans;
199
+ $goa-typography-mobile-heading-l: $goa-font-weight-regular $goa-font-size-8/$goa-line-height-5 $goa-font-family-sans;
200
+ $goa-typography-mobile-heading-m: $goa-font-weight-regular $goa-font-size-7/$goa-line-height-4 $goa-font-family-sans;
201
+ $goa-typography-mobile-heading-s: $goa-font-weight-bold $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
202
+ $goa-typography-mobile-heading-xs: $goa-font-weight-bold $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
195
203
  $goa-typography-number-l: $goa-font-weight-medium $goa-font-size-7/$goa-line-height-4 $goa-font-family-number;
196
204
  $goa-typography-number-m: $goa-font-weight-medium $goa-font-size-4/$goa-line-height-3 $goa-font-family-number;
197
205
  $goa-typography-number-s: $goa-font-weight-medium $goa-font-size-3/$goa-line-height-2 $goa-font-family-number;
@@ -325,6 +333,8 @@ $goa-microsite-header-color-links: $goa-color-interactive-default;
325
333
  $goa-microsite-header-color-bg: $goa-color-greyscale-100;
326
334
  $goa-microsite-header-beta-badge-color: $goa-color-brand-default;
327
335
  $goa-microsite-header-alpha-badge-color: $goa-color-warning-default;
336
+ $goa-text-input-color-icon: $goa-color-greyscale-black;
337
+ $goa-text-input-size-icon: $goa-icon-size-4;
328
338
  $goa-text-input-space-btw-icon-text: $goa-space-xs;
329
339
  $goa-text-input-padding-lr: $goa-space-s;
330
340
  $goa-text-input-lt-content-color-bg: $goa-color-greyscale-100;
@@ -463,6 +473,7 @@ $goa-dropdown-item-color-text-hover: $goa-color-interactive-hover;
463
473
  $goa-dropdown-item-color-bg-selected-hover: $goa-color-interactive-hover;
464
474
  $goa-dropdown-item-color-bg-selected: $goa-color-interactive-default;
465
475
  $goa-dropdown-item-color-bg-hover: $goa-color-greyscale-100;
476
+ $goa-dropdown-item-color-bg-disabled: $goa-color-greyscale-100;
466
477
  $goa-dropdown-item-color-bg: $goa-color-greyscale-white;
467
478
  $goa-dropdown-color-bg-disabled: $goa-color-greyscale-100;
468
479
  $goa-dropdown-color-bg: $goa-color-greyscale-white;
@@ -718,6 +729,7 @@ $goa-file-upload-help-text: $goa-typography-body-s;
718
729
  $goa-dropdown-typography: $goa-typography-body-m;
719
730
  $goa-dropdown-padding: 6px $goa-dropdown-padding-lr 8px;
720
731
  $goa-dropdown-item-padding: 7px $goa-dropdown-padding-lr 9px;
732
+ $goa-dropdown-item-color-text-disabled: $goa-color-text-disabled;
721
733
  $goa-dropdown-item-color-text: $goa-color-text-default;
722
734
  $goa-dropdown-color-text-placeholder: $goa-color-text-secondary;
723
735
  $goa-dropdown-color-text-disabled: $goa-color-text-disabled;
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@abgov/design-tokens",
3
- "version": "1.5.5",
3
+ "version": "1.5.8",
4
4
  "main": "./index.js",
5
5
  "repository": {
6
6
  "type": "git",
7
- "url": "https://github.com/GovAlta/design-tokens.git"
7
+ "url": "git+https://github.com/GovAlta/design-tokens.git"
8
8
  },
9
9
  "keywords": [
10
10
  "GoA",