@abgov/design-tokens 2.7.0 → 2.8.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.
- package/data/goa-global-design-tokens.json +42 -18
- package/dist/dark-theme.css +24 -0
- package/dist/tokens.css +7 -1
- package/dist/tokens.scss +7 -1
- package/package.json +1 -1
|
@@ -414,108 +414,132 @@
|
|
|
414
414
|
"extended": {
|
|
415
415
|
"sky": {
|
|
416
416
|
"default": {
|
|
417
|
-
"value": "#90ebe7",
|
|
417
|
+
"value": { "light": "#90ebe7", "dark": "#5cbfba" },
|
|
418
418
|
"type": "color"
|
|
419
419
|
},
|
|
420
420
|
"light": {
|
|
421
|
-
"value": "#e2f9f8",
|
|
421
|
+
"value": { "light": "#e2f9f8", "dark": "#1c3a39" },
|
|
422
422
|
"type": "color"
|
|
423
423
|
},
|
|
424
424
|
"border": {
|
|
425
|
-
"value": "#bff0ee",
|
|
425
|
+
"value": { "light": "#bff0ee", "dark": "#2c5b59" },
|
|
426
426
|
"type": "color"
|
|
427
427
|
},
|
|
428
428
|
"text": {
|
|
429
|
+
"value": { "light": "#093937", "dark": "#bff0ee" },
|
|
430
|
+
"type": "color"
|
|
431
|
+
},
|
|
432
|
+
"text-dark": {
|
|
429
433
|
"value": "#093937",
|
|
430
434
|
"type": "color"
|
|
431
435
|
}
|
|
432
436
|
},
|
|
433
437
|
"pasture": {
|
|
434
438
|
"default": {
|
|
435
|
-
"value": "#afe274",
|
|
439
|
+
"value": { "light": "#afe274", "dark": "#7fb050" },
|
|
436
440
|
"type": "color"
|
|
437
441
|
},
|
|
438
442
|
"light": {
|
|
439
|
-
"value": "#f0f59b",
|
|
443
|
+
"value": { "light": "#f0f59b", "dark": "#2d3520" },
|
|
440
444
|
"type": "color"
|
|
441
445
|
},
|
|
442
446
|
"border": {
|
|
443
|
-
"value": "#dee563",
|
|
447
|
+
"value": { "light": "#dee563", "dark": "#5a6230" },
|
|
444
448
|
"type": "color"
|
|
445
449
|
},
|
|
446
450
|
"text": {
|
|
451
|
+
"value": { "light": "#174c38", "dark": "#a9d9a3" },
|
|
452
|
+
"type": "color"
|
|
453
|
+
},
|
|
454
|
+
"text-dark": {
|
|
447
455
|
"value": "#174c38",
|
|
448
456
|
"type": "color"
|
|
449
457
|
}
|
|
450
458
|
},
|
|
451
459
|
"sunset": {
|
|
452
460
|
"default": {
|
|
453
|
-
"value": "#f7ac71",
|
|
461
|
+
"value": { "light": "#f7ac71", "dark": "#d18a4d" },
|
|
454
462
|
"type": "color"
|
|
455
463
|
},
|
|
456
464
|
"light": {
|
|
457
|
-
"value": "#fcefd5",
|
|
465
|
+
"value": { "light": "#fcefd5", "dark": "#3a2c1a" },
|
|
458
466
|
"type": "color"
|
|
459
467
|
},
|
|
460
468
|
"border": {
|
|
461
|
-
"value": "#f5ddad",
|
|
469
|
+
"value": { "light": "#f5ddad", "dark": "#6e4a25" },
|
|
462
470
|
"type": "color"
|
|
463
471
|
},
|
|
464
472
|
"text": {
|
|
473
|
+
"value": { "light": "#7a141a", "dark": "#f5c8a0" },
|
|
474
|
+
"type": "color"
|
|
475
|
+
},
|
|
476
|
+
"text-dark": {
|
|
465
477
|
"value": "#7a141a",
|
|
466
478
|
"type": "color"
|
|
467
479
|
}
|
|
468
480
|
},
|
|
469
481
|
"dawn": {
|
|
470
482
|
"default": {
|
|
471
|
-
"value": "#ff9ac1",
|
|
483
|
+
"value": { "light": "#ff9ac1", "dark": "#d97394" },
|
|
472
484
|
"type": "color"
|
|
473
485
|
},
|
|
474
486
|
"light": {
|
|
475
|
-
"value": "#f4cde4",
|
|
487
|
+
"value": { "light": "#f4cde4", "dark": "#3a1f2c" },
|
|
476
488
|
"type": "color"
|
|
477
489
|
},
|
|
478
490
|
"border": {
|
|
479
|
-
"value": "#e9b8d5",
|
|
491
|
+
"value": { "light": "#e9b8d5", "dark": "#5e3340" },
|
|
480
492
|
"type": "color"
|
|
481
493
|
},
|
|
482
494
|
"text": {
|
|
495
|
+
"value": { "light": "#310c46", "dark": "#e9b8d5" },
|
|
496
|
+
"type": "color"
|
|
497
|
+
},
|
|
498
|
+
"text-dark": {
|
|
483
499
|
"value": "#310c46",
|
|
484
500
|
"type": "color"
|
|
485
501
|
}
|
|
486
502
|
},
|
|
487
503
|
"lilac": {
|
|
488
504
|
"default": {
|
|
489
|
-
"value": "#d4c2ff",
|
|
505
|
+
"value": { "light": "#d4c2ff", "dark": "#9c8bcc" },
|
|
490
506
|
"type": "color"
|
|
491
507
|
},
|
|
492
508
|
"light": {
|
|
493
|
-
"value": "#efe2fb",
|
|
509
|
+
"value": { "light": "#efe2fb", "dark": "#2a223d" },
|
|
494
510
|
"type": "color"
|
|
495
511
|
},
|
|
496
512
|
"border": {
|
|
497
|
-
"value": "#e2d2fd",
|
|
513
|
+
"value": { "light": "#e2d2fd", "dark": "#4a3d65" },
|
|
498
514
|
"type": "color"
|
|
499
515
|
},
|
|
500
516
|
"text": {
|
|
517
|
+
"value": { "light": "#151d83", "dark": "#c4b8e8" },
|
|
518
|
+
"type": "color"
|
|
519
|
+
},
|
|
520
|
+
"text-dark": {
|
|
501
521
|
"value": "#151d83",
|
|
502
522
|
"type": "color"
|
|
503
523
|
}
|
|
504
524
|
},
|
|
505
525
|
"prairie": {
|
|
506
526
|
"default": {
|
|
507
|
-
"value": "#ffda77",
|
|
527
|
+
"value": { "light": "#ffda77", "dark": "#d4ad4a" },
|
|
508
528
|
"type": "color"
|
|
509
529
|
},
|
|
510
530
|
"light": {
|
|
511
|
-
"value": "#fff2c8",
|
|
531
|
+
"value": { "light": "#fff2c8", "dark": "#3a2f1a" },
|
|
512
532
|
"type": "color"
|
|
513
533
|
},
|
|
514
534
|
"border": {
|
|
515
|
-
"value": "#ecd386",
|
|
535
|
+
"value": { "light": "#ecd386", "dark": "#5e4825" },
|
|
516
536
|
"type": "color"
|
|
517
537
|
},
|
|
518
538
|
"text": {
|
|
539
|
+
"value": { "light": "#47372a", "dark": "#e8d8a0" },
|
|
540
|
+
"type": "color"
|
|
541
|
+
},
|
|
542
|
+
"text-dark": {
|
|
519
543
|
"value": "#47372a",
|
|
520
544
|
"type": "color"
|
|
521
545
|
}
|
package/dist/dark-theme.css
CHANGED
|
@@ -163,6 +163,30 @@
|
|
|
163
163
|
--goa-color-surface-widget-hover: #3a3a3a;
|
|
164
164
|
--goa-color-surface-heading-hover: #3f3f3f;
|
|
165
165
|
--goa-color-surface-item-hover: #444444;
|
|
166
|
+
--goa-color-extended-sky-default: #5cbfba;
|
|
167
|
+
--goa-color-extended-sky-light: #1c3a39;
|
|
168
|
+
--goa-color-extended-sky-border: #2c5b59;
|
|
169
|
+
--goa-color-extended-sky-text: #bff0ee;
|
|
170
|
+
--goa-color-extended-pasture-default: #7fb050;
|
|
171
|
+
--goa-color-extended-pasture-light: #2d3520;
|
|
172
|
+
--goa-color-extended-pasture-border: #5a6230;
|
|
173
|
+
--goa-color-extended-pasture-text: #a9d9a3;
|
|
174
|
+
--goa-color-extended-sunset-default: #d18a4d;
|
|
175
|
+
--goa-color-extended-sunset-light: #3a2c1a;
|
|
176
|
+
--goa-color-extended-sunset-border: #6e4a25;
|
|
177
|
+
--goa-color-extended-sunset-text: #f5c8a0;
|
|
178
|
+
--goa-color-extended-dawn-default: #d97394;
|
|
179
|
+
--goa-color-extended-dawn-light: #3a1f2c;
|
|
180
|
+
--goa-color-extended-dawn-border: #5e3340;
|
|
181
|
+
--goa-color-extended-dawn-text: #e9b8d5;
|
|
182
|
+
--goa-color-extended-lilac-default: #9c8bcc;
|
|
183
|
+
--goa-color-extended-lilac-light: #2a223d;
|
|
184
|
+
--goa-color-extended-lilac-border: #4a3d65;
|
|
185
|
+
--goa-color-extended-lilac-text: #c4b8e8;
|
|
186
|
+
--goa-color-extended-prairie-default: #d4ad4a;
|
|
187
|
+
--goa-color-extended-prairie-light: #3a2f1a;
|
|
188
|
+
--goa-color-extended-prairie-border: #5e4825;
|
|
189
|
+
--goa-color-extended-prairie-text: #e8d8a0;
|
|
166
190
|
--goa-opacity-background-modal: 70%;
|
|
167
191
|
--goa-shadow-100: 0px 1px 0px 0px rgba(255,255,255,0.05);
|
|
168
192
|
--goa-shadow-150: 0px 1px 0px 0px rgba(255,255,255,0.08);
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 06 May 2026 21:29:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -123,26 +123,32 @@
|
|
|
123
123
|
--goa-opacity-background-modal: 50%;
|
|
124
124
|
--goa-opacity-page-full: 100%;
|
|
125
125
|
--goa-opacity-page-transparent: 0;
|
|
126
|
+
--goa-color-extended-prairie-text-dark: #47372a;
|
|
126
127
|
--goa-color-extended-prairie-text: #47372a;
|
|
127
128
|
--goa-color-extended-prairie-border: #ecd386;
|
|
128
129
|
--goa-color-extended-prairie-light: #fff2c8;
|
|
129
130
|
--goa-color-extended-prairie-default: #ffda77;
|
|
131
|
+
--goa-color-extended-lilac-text-dark: #151d83;
|
|
130
132
|
--goa-color-extended-lilac-text: #151d83;
|
|
131
133
|
--goa-color-extended-lilac-border: #e2d2fd;
|
|
132
134
|
--goa-color-extended-lilac-light: #efe2fb;
|
|
133
135
|
--goa-color-extended-lilac-default: #d4c2ff;
|
|
136
|
+
--goa-color-extended-dawn-text-dark: #310c46;
|
|
134
137
|
--goa-color-extended-dawn-text: #310c46;
|
|
135
138
|
--goa-color-extended-dawn-border: #e9b8d5;
|
|
136
139
|
--goa-color-extended-dawn-light: #f4cde4;
|
|
137
140
|
--goa-color-extended-dawn-default: #ff9ac1;
|
|
141
|
+
--goa-color-extended-sunset-text-dark: #7a141a;
|
|
138
142
|
--goa-color-extended-sunset-text: #7a141a;
|
|
139
143
|
--goa-color-extended-sunset-border: #f5ddad;
|
|
140
144
|
--goa-color-extended-sunset-light: #fcefd5;
|
|
141
145
|
--goa-color-extended-sunset-default: #f7ac71;
|
|
146
|
+
--goa-color-extended-pasture-text-dark: #174c38;
|
|
142
147
|
--goa-color-extended-pasture-text: #174c38;
|
|
143
148
|
--goa-color-extended-pasture-border: #dee563;
|
|
144
149
|
--goa-color-extended-pasture-light: #f0f59b;
|
|
145
150
|
--goa-color-extended-pasture-default: #afe274;
|
|
151
|
+
--goa-color-extended-sky-text-dark: #093937;
|
|
146
152
|
--goa-color-extended-sky-text: #093937;
|
|
147
153
|
--goa-color-extended-sky-border: #bff0ee;
|
|
148
154
|
--goa-color-extended-sky-light: #e2f9f8;
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 06 May 2026 21:29:23 GMT
|
|
4
4
|
|
|
5
5
|
$goa-accordion-color-bg-heading: #ffffff;
|
|
6
6
|
$goa-accordion-color-filled-bg-heading: #f2f0f0;
|
|
@@ -1116,26 +1116,32 @@ $goa-color-extended-sky-default: #90ebe7;
|
|
|
1116
1116
|
$goa-color-extended-sky-light: #e2f9f8;
|
|
1117
1117
|
$goa-color-extended-sky-border: #bff0ee;
|
|
1118
1118
|
$goa-color-extended-sky-text: #093937;
|
|
1119
|
+
$goa-color-extended-sky-text-dark: #093937;
|
|
1119
1120
|
$goa-color-extended-pasture-default: #afe274;
|
|
1120
1121
|
$goa-color-extended-pasture-light: #f0f59b;
|
|
1121
1122
|
$goa-color-extended-pasture-border: #dee563;
|
|
1122
1123
|
$goa-color-extended-pasture-text: #174c38;
|
|
1124
|
+
$goa-color-extended-pasture-text-dark: #174c38;
|
|
1123
1125
|
$goa-color-extended-sunset-default: #f7ac71;
|
|
1124
1126
|
$goa-color-extended-sunset-light: #fcefd5;
|
|
1125
1127
|
$goa-color-extended-sunset-border: #f5ddad;
|
|
1126
1128
|
$goa-color-extended-sunset-text: #7a141a;
|
|
1129
|
+
$goa-color-extended-sunset-text-dark: #7a141a;
|
|
1127
1130
|
$goa-color-extended-dawn-default: #ff9ac1;
|
|
1128
1131
|
$goa-color-extended-dawn-light: #f4cde4;
|
|
1129
1132
|
$goa-color-extended-dawn-border: #e9b8d5;
|
|
1130
1133
|
$goa-color-extended-dawn-text: #310c46;
|
|
1134
|
+
$goa-color-extended-dawn-text-dark: #310c46;
|
|
1131
1135
|
$goa-color-extended-lilac-default: #d4c2ff;
|
|
1132
1136
|
$goa-color-extended-lilac-light: #efe2fb;
|
|
1133
1137
|
$goa-color-extended-lilac-border: #e2d2fd;
|
|
1134
1138
|
$goa-color-extended-lilac-text: #151d83;
|
|
1139
|
+
$goa-color-extended-lilac-text-dark: #151d83;
|
|
1135
1140
|
$goa-color-extended-prairie-default: #ffda77;
|
|
1136
1141
|
$goa-color-extended-prairie-light: #fff2c8;
|
|
1137
1142
|
$goa-color-extended-prairie-border: #ecd386;
|
|
1138
1143
|
$goa-color-extended-prairie-text: #47372a;
|
|
1144
|
+
$goa-color-extended-prairie-text-dark: #47372a;
|
|
1139
1145
|
$goa-opacity-page-transparent: 0;
|
|
1140
1146
|
$goa-opacity-page-full: 100%;
|
|
1141
1147
|
$goa-opacity-background-modal: 50%;
|