@abgov/design-tokens 2.2.4 → 2.3.1
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.
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"type": "color"
|
|
81
81
|
},
|
|
82
82
|
"dropdown-item-color-text": {
|
|
83
|
-
"value": "{color.text.
|
|
83
|
+
"value": "{color.text.secondary}",
|
|
84
84
|
"type": "color"
|
|
85
85
|
},
|
|
86
86
|
"dropdown-item-color-text-disabled": {
|
|
@@ -171,4 +171,4 @@
|
|
|
171
171
|
"value": "{typography.body.s}",
|
|
172
172
|
"type": "other"
|
|
173
173
|
}
|
|
174
|
-
}
|
|
174
|
+
}
|
|
@@ -99,6 +99,28 @@
|
|
|
99
99
|
"type": "color",
|
|
100
100
|
"description": "Progress bar fill color"
|
|
101
101
|
},
|
|
102
|
+
"temporary-notification-shadow": {
|
|
103
|
+
"value": [
|
|
104
|
+
{
|
|
105
|
+
"x": "0",
|
|
106
|
+
"y": "0",
|
|
107
|
+
"blur": "2",
|
|
108
|
+
"spread": "0",
|
|
109
|
+
"color": "rgba(0,0,0,0.3)",
|
|
110
|
+
"type": "dropShadow"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"x": "0",
|
|
114
|
+
"y": "16",
|
|
115
|
+
"blur": "32",
|
|
116
|
+
"spread": "-8",
|
|
117
|
+
"color": "rgba(0,0,0,0.35)",
|
|
118
|
+
"type": "dropShadow"
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
"type": "boxShadow",
|
|
122
|
+
"description": "Raised shadow for notification surface"
|
|
123
|
+
},
|
|
102
124
|
"temporary-notification-transition-duration": {
|
|
103
125
|
"value": "0.3s",
|
|
104
126
|
"type": "time",
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 14 Apr 2026
|
|
3
|
+
* Generated on Tue, 14 Apr 2026 21:14:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -226,6 +226,7 @@
|
|
|
226
226
|
--goa-tooltip-max-width: 400px;
|
|
227
227
|
--goa-temporary-notification-animation-distance: 100px;
|
|
228
228
|
--goa-temporary-notification-transition-duration: 0.3s;
|
|
229
|
+
--goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35);
|
|
229
230
|
--goa-temporary-notification-progress-bar-height: 6px;
|
|
230
231
|
--goa-temporary-notification-min-width-desktop: 360px;
|
|
231
232
|
--goa-temporary-notification-max-width: 640px;
|
|
@@ -1183,7 +1184,7 @@
|
|
|
1183
1184
|
--goa-dropdown-item-color-text-selected-hover: var(--goa-color-text-light);
|
|
1184
1185
|
--goa-dropdown-item-color-text-hover: var(--goa-color-text-default);
|
|
1185
1186
|
--goa-dropdown-item-color-text-disabled: var(--goa-color-text-disabled);
|
|
1186
|
-
--goa-dropdown-item-color-text: var(--goa-color-text-
|
|
1187
|
+
--goa-dropdown-item-color-text: var(--goa-color-text-secondary);
|
|
1187
1188
|
--goa-dropdown-item-color-bg-disabled: var(--goa-input-color-background-disabled);
|
|
1188
1189
|
--goa-dropdown-item-color-bg: var(--goa-input-color-background-default);
|
|
1189
1190
|
--goa-dropdown-color-text-error: var(--goa-input-color-text-error);
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 14 Apr 2026
|
|
3
|
+
// Generated on Tue, 14 Apr 2026 21:14:50 GMT
|
|
4
4
|
|
|
5
5
|
$goa-accordion-color-bg-heading: #ffffff;
|
|
6
6
|
$goa-accordion-color-bg-content: #ffffff;
|
|
@@ -352,7 +352,7 @@ $goa-dropdown-item-color-bg-disabled: #e9e9e9;
|
|
|
352
352
|
$goa-dropdown-item-color-bg-hover: #f2f0f0;
|
|
353
353
|
$goa-dropdown-item-color-bg-selected: #006dcc;
|
|
354
354
|
$goa-dropdown-item-color-bg-selected-hover: #045092;
|
|
355
|
-
$goa-dropdown-item-color-text: #
|
|
355
|
+
$goa-dropdown-item-color-text: #6f6f6f;
|
|
356
356
|
$goa-dropdown-item-color-text-disabled: #4d4d4d;
|
|
357
357
|
$goa-dropdown-item-color-text-hover: #000000;
|
|
358
358
|
$goa-dropdown-item-color-text-selected: #ffffff;
|
|
@@ -912,6 +912,7 @@ $goa-temporary-notification-progress-bar-height: 6px;
|
|
|
912
912
|
$goa-temporary-notification-progress-bar-border-radius: 0.625rem;
|
|
913
913
|
$goa-temporary-notification-progress-bar-color-bg: #9f9f9f;
|
|
914
914
|
$goa-temporary-notification-progress-bar-color-fill: #ffffff;
|
|
915
|
+
$goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35);
|
|
915
916
|
$goa-temporary-notification-transition-duration: 0.3s;
|
|
916
917
|
$goa-temporary-notification-animation-distance: 100px;
|
|
917
918
|
$goa-text-area-border: inset 0 0 0 1px #808080;
|