@abgov/design-tokens 1.8.0 → 1.9.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.
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"push-drawer-border-radius": {
|
|
3
|
+
"value": "{borderRadius.none}",
|
|
4
|
+
"type": "borderRadius",
|
|
5
|
+
"description": "Border radius for drawer corners"
|
|
6
|
+
},
|
|
7
|
+
"push-drawer-content-padding-horizontal": {
|
|
8
|
+
"value": "{space.l}",
|
|
9
|
+
"type": "spacing",
|
|
10
|
+
"description": "Horizontal padding for content section"
|
|
11
|
+
},
|
|
12
|
+
"push-drawer-content-padding-vertical": {
|
|
13
|
+
"value": "{space.m}",
|
|
14
|
+
"type": "spacing",
|
|
15
|
+
"description": "Vertical padding for content section"
|
|
16
|
+
},
|
|
17
|
+
"push-drawer-actions-padding-top": {
|
|
18
|
+
"value": "{space.m}",
|
|
19
|
+
"type": "spacing",
|
|
20
|
+
"description": "Top padding for actions section"
|
|
21
|
+
},
|
|
22
|
+
"push-drawer-actions-padding-bottom": {
|
|
23
|
+
"value": "{space.l}",
|
|
24
|
+
"type": "spacing",
|
|
25
|
+
"description": "Bottom padding for actions section"
|
|
26
|
+
},
|
|
27
|
+
"push-drawer-heading-typography": {
|
|
28
|
+
"value": "{typography.heading.s}",
|
|
29
|
+
"type": "other",
|
|
30
|
+
"description": "Typography for drawer heading"
|
|
31
|
+
},
|
|
32
|
+
"push-drawer-transition-time": {
|
|
33
|
+
"value": "0.25s",
|
|
34
|
+
"type": "other"
|
|
35
|
+
},
|
|
36
|
+
"push-drawer-padding": {
|
|
37
|
+
"value": "{space.m}",
|
|
38
|
+
"type": "spacing"
|
|
39
|
+
}
|
|
40
|
+
}
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 20 Jan 2026 20:52:47 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -144,6 +144,7 @@
|
|
|
144
144
|
--goa-radio-border-radius: 50%;
|
|
145
145
|
--goa-radio-border-checked-error-hover: 7px solid #ba0000;
|
|
146
146
|
--goa-radio-border-checked-error-disabled: 7px solid #f58185;
|
|
147
|
+
--goa-push-drawer-transition-time: 0.25s;
|
|
147
148
|
--goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
|
|
148
149
|
--goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
|
|
149
150
|
--goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
|
|
@@ -296,6 +297,12 @@
|
|
|
296
297
|
--goa-radio-border-checked-disabled: 7px solid var(--goa-color-interactive-disabled);
|
|
297
298
|
--goa-radio-border-checked: 7px solid var(--goa-color-interactive-default);
|
|
298
299
|
--goa-radio-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-700);
|
|
300
|
+
--goa-push-drawer-padding: var(--goa-space-m);
|
|
301
|
+
--goa-push-drawer-actions-padding-bottom: var(--goa-space-l);
|
|
302
|
+
--goa-push-drawer-actions-padding-top: var(--goa-space-m);
|
|
303
|
+
--goa-push-drawer-content-padding-vertical: var(--goa-space-m);
|
|
304
|
+
--goa-push-drawer-content-padding-horizontal: var(--goa-space-l);
|
|
305
|
+
--goa-push-drawer-border-radius: var(--goa-border-radius-none);
|
|
299
306
|
--goa-circular-progress-small-margin-top: var(--goa-space-l);
|
|
300
307
|
--goa-circular-progress-large-margin-top: var(--goa-space-xl);
|
|
301
308
|
--goa-popover-padding: var(--goa-space-s);
|
|
@@ -685,6 +692,7 @@
|
|
|
685
692
|
--goa-side-menu-color-menu-item: var(--goa-color-text-default);
|
|
686
693
|
--goa-radio-label: var(--goa-typography-body-m);
|
|
687
694
|
--goa-radio-description: var(--goa-typography-body-xs);
|
|
695
|
+
--goa-push-drawer-heading-typography: var(--goa-typography-heading-s);
|
|
688
696
|
--goa-circular-progress-small-text: var(--goa-typography-body-m);
|
|
689
697
|
--goa-circular-progress-large-text: var(--goa-typography-body-l);
|
|
690
698
|
--goa-notification-banner-custom-color-text: var(--goa-color-text-light);
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 20 Jan 2026 20:52:47 GMT
|
|
4
4
|
|
|
5
5
|
$goa-accordion-color-bg-heading: #f1f1f1;
|
|
6
6
|
$goa-accordion-color-bg-content: #ffffff;
|
|
@@ -518,6 +518,14 @@ $goa-circular-progress-large-margin-top: 2rem;
|
|
|
518
518
|
$goa-circular-progress-large-text: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
|
|
519
519
|
$goa-circular-progress-small-margin-top: 1.5rem;
|
|
520
520
|
$goa-circular-progress-small-text: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
|
|
521
|
+
$goa-push-drawer-border-radius: 0;
|
|
522
|
+
$goa-push-drawer-content-padding-horizontal: 1.5rem;
|
|
523
|
+
$goa-push-drawer-content-padding-vertical: 1rem;
|
|
524
|
+
$goa-push-drawer-actions-padding-top: 1rem;
|
|
525
|
+
$goa-push-drawer-actions-padding-bottom: 1.5rem;
|
|
526
|
+
$goa-push-drawer-heading-typography: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
|
|
527
|
+
$goa-push-drawer-transition-time: 0.25s;
|
|
528
|
+
$goa-push-drawer-padding: 1rem;
|
|
521
529
|
$goa-radio-border: 1px solid #666666;
|
|
522
530
|
$goa-radio-border-checked: 7px solid #0070c4;
|
|
523
531
|
$goa-radio-border-checked-disabled: 7px solid #80b7e1;
|