@abgov/design-tokens 2.3.1 → 2.4.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.
|
@@ -234,5 +234,25 @@
|
|
|
234
234
|
"value": "{color.info.default}",
|
|
235
235
|
"type": "color",
|
|
236
236
|
"description": "Event callout icon color"
|
|
237
|
+
},
|
|
238
|
+
"modal-callout-information-close-bg-hover": {
|
|
239
|
+
"value": "{color.info.border}",
|
|
240
|
+
"type": "color",
|
|
241
|
+
"description": "Information callout close button hover background"
|
|
242
|
+
},
|
|
243
|
+
"modal-callout-success-close-bg-hover": {
|
|
244
|
+
"value": "{color.success.border}",
|
|
245
|
+
"type": "color",
|
|
246
|
+
"description": "Success callout close button hover background"
|
|
247
|
+
},
|
|
248
|
+
"modal-callout-important-close-bg-hover": {
|
|
249
|
+
"value": "{color.important.border}",
|
|
250
|
+
"type": "color",
|
|
251
|
+
"description": "Important callout close button hover background"
|
|
252
|
+
},
|
|
253
|
+
"modal-callout-emergency-close-bg-hover": {
|
|
254
|
+
"value": "{color.emergency.border}",
|
|
255
|
+
"type": "color",
|
|
256
|
+
"description": "Emergency callout close button hover background"
|
|
237
257
|
}
|
|
238
|
-
}
|
|
258
|
+
}
|
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 22:00:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -609,6 +609,10 @@
|
|
|
609
609
|
--goa-notification-banner-event-color-bg: var(--goa-color-info-default);
|
|
610
610
|
--goa-notification-banner-emergency-color-icon: var(--goa-color-greyscale-white);
|
|
611
611
|
--goa-notification-banner-emergency-color-bg: var(--goa-color-emergency-default);
|
|
612
|
+
--goa-modal-callout-emergency-close-bg-hover: var(--goa-color-emergency-border);
|
|
613
|
+
--goa-modal-callout-important-close-bg-hover: var(--goa-color-important-border);
|
|
614
|
+
--goa-modal-callout-success-close-bg-hover: var(--goa-color-success-border);
|
|
615
|
+
--goa-modal-callout-information-close-bg-hover: var(--goa-color-info-border);
|
|
612
616
|
--goa-modal-callout-event-icon: var(--goa-color-info-default);
|
|
613
617
|
--goa-modal-callout-event-border: var(--goa-color-info-border);
|
|
614
618
|
--goa-modal-callout-event-bg: var(--goa-color-info-light);
|
|
@@ -830,7 +834,7 @@
|
|
|
830
834
|
--goa-drawer-padding: var(--goa-space-m);
|
|
831
835
|
--goa-drawer-actions-padding-bottom: var(--goa-space-l);
|
|
832
836
|
--goa-drawer-actions-padding-top: var(--goa-space-m);
|
|
833
|
-
--goa-drawer-content-padding-vertical: var(--goa-space-
|
|
837
|
+
--goa-drawer-content-padding-vertical: var(--goa-space-l);
|
|
834
838
|
--goa-drawer-content-padding-horizontal: var(--goa-space-l);
|
|
835
839
|
--goa-drawer-offset: var(--goa-space-m);
|
|
836
840
|
--goa-drawer-border-radius: var(--goa-border-radius-3xl);
|
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 22:00:35 GMT
|
|
4
4
|
|
|
5
5
|
$goa-accordion-color-bg-heading: #ffffff;
|
|
6
6
|
$goa-accordion-color-bg-content: #ffffff;
|
|
@@ -325,7 +325,7 @@ $goa-drawer-overlay-color: rgba(51, 51, 51, 0.5);
|
|
|
325
325
|
$goa-drawer-border-radius: 1.5rem;
|
|
326
326
|
$goa-drawer-offset: 1rem;
|
|
327
327
|
$goa-drawer-content-padding-horizontal: 1.5rem;
|
|
328
|
-
$goa-drawer-content-padding-vertical:
|
|
328
|
+
$goa-drawer-content-padding-vertical: 1.5rem;
|
|
329
329
|
$goa-drawer-actions-padding-top: 1rem;
|
|
330
330
|
$goa-drawer-actions-padding-bottom: 1.5rem;
|
|
331
331
|
$goa-drawer-heading-typography: 600 1.5rem/1.75rem acumin-variable, helvetica-neue, arial, sans-serif;
|
|
@@ -674,6 +674,10 @@ $goa-modal-callout-emergency-icon: #da291c;
|
|
|
674
674
|
$goa-modal-callout-event-bg: #ebf8ff;
|
|
675
675
|
$goa-modal-callout-event-border: #cbeaf7;
|
|
676
676
|
$goa-modal-callout-event-icon: #0077ad;
|
|
677
|
+
$goa-modal-callout-information-close-bg-hover: #cbeaf7;
|
|
678
|
+
$goa-modal-callout-success-close-bg-hover: #c4e3d2;
|
|
679
|
+
$goa-modal-callout-important-close-bg-hover: #fde3a1;
|
|
680
|
+
$goa-modal-callout-emergency-close-bg-hover: #eeaea5;
|
|
677
681
|
$goa-notification-banner-emergency-color-bg: #da291c;
|
|
678
682
|
$goa-notification-banner-emergency-color-icon: #ffffff;
|
|
679
683
|
$goa-notification-banner-emergency-color-text: #ffffff;
|