@abgov/design-tokens 2.2.0 → 2.2.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.
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
"description": "Heading section padding"
|
|
112
112
|
},
|
|
113
113
|
"modal-content-padding": {
|
|
114
|
-
"value": "{space.l}
|
|
114
|
+
"value": "{space.l} 0 {space.xl} 0",
|
|
115
115
|
"type": "spacing",
|
|
116
116
|
"description": "Content section padding"
|
|
117
117
|
},
|
|
@@ -126,12 +126,12 @@
|
|
|
126
126
|
"description": "Outer content wrapper padding"
|
|
127
127
|
},
|
|
128
128
|
"modal-scrollable-padding-desktop": {
|
|
129
|
-
"value": "
|
|
129
|
+
"value": "{space.l}",
|
|
130
130
|
"type": "spacing",
|
|
131
131
|
"description": "Scrollable component horizontal padding for desktop"
|
|
132
132
|
},
|
|
133
133
|
"modal-scrollable-padding-mobile": {
|
|
134
|
-
"value": "
|
|
134
|
+
"value": "{space.m}",
|
|
135
135
|
"type": "spacing",
|
|
136
136
|
"description": "Scrollable component horizontal padding for mobile"
|
|
137
137
|
},
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
"description": "Callout variant heading padding for mobile (16px all around)"
|
|
152
152
|
},
|
|
153
153
|
"modal-content-padding-mobile": {
|
|
154
|
-
"value": "{space.l}
|
|
154
|
+
"value": "{space.l} 0 {space.xl} 0",
|
|
155
155
|
"type": "spacing",
|
|
156
156
|
"description": "Content section padding for mobile (24px top, 16px sides, 32px bottom)"
|
|
157
157
|
},
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon,
|
|
3
|
+
* Generated on Mon, 30 Mar 2026 15:39:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -251,8 +251,6 @@
|
|
|
251
251
|
--goa-radio-border-radius: 50%;
|
|
252
252
|
--goa-push-drawer-transition-time: 0.25s;
|
|
253
253
|
--goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
|
|
254
|
-
--goa-modal-scrollable-padding-mobile: 0;
|
|
255
|
-
--goa-modal-scrollable-padding-desktop: 0;
|
|
256
254
|
--goa-modal-content-wrapper-padding: 0;
|
|
257
255
|
--goa-modal-max-width: 480px;
|
|
258
256
|
--goa-modal-content-margin-mobile: 0;
|
|
@@ -615,12 +613,14 @@
|
|
|
615
613
|
--goa-modal-callout-information-border: var(--goa-color-info-border);
|
|
616
614
|
--goa-modal-callout-information-bg: var(--goa-color-info-light);
|
|
617
615
|
--goa-modal-actions-padding-mobile: 0 var(--goa-space-m) var(--goa-space-m) var(--goa-space-m);
|
|
618
|
-
--goa-modal-content-padding-mobile: var(--goa-space-l)
|
|
616
|
+
--goa-modal-content-padding-mobile: var(--goa-space-l) 0 var(--goa-space-xl) 0;
|
|
619
617
|
--goa-modal-callout-heading-padding-mobile: var(--goa-space-m);
|
|
620
618
|
--goa-modal-heading-padding-mobile: var(--goa-space-m);
|
|
621
619
|
--goa-modal-callout-heading-padding: var(--goa-space-m) var(--goa-space-l);
|
|
620
|
+
--goa-modal-scrollable-padding-mobile: var(--goa-space-m);
|
|
621
|
+
--goa-modal-scrollable-padding-desktop: var(--goa-space-l);
|
|
622
622
|
--goa-modal-actions-padding: 0 var(--goa-space-xl) var(--goa-space-xl) var(--goa-space-xl);
|
|
623
|
-
--goa-modal-content-padding: var(--goa-space-l)
|
|
623
|
+
--goa-modal-content-padding: var(--goa-space-l) 0 var(--goa-space-xl) 0;
|
|
624
624
|
--goa-modal-heading-padding: 20px var(--goa-space-l);
|
|
625
625
|
--goa-modal-heading-border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
|
|
626
626
|
--goa-modal-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Mon,
|
|
3
|
+
// Generated on Mon, 30 Mar 2026 15:39:38 GMT
|
|
4
4
|
|
|
5
5
|
$goa-accordion-color-bg-heading: #ffffff;
|
|
6
6
|
$goa-accordion-color-bg-content: #ffffff;
|
|
@@ -648,15 +648,15 @@ $goa-modal-content-margin-mobile: 0;
|
|
|
648
648
|
$goa-modal-max-width: 480px;
|
|
649
649
|
$goa-modal-heading-border-bottom: 1px solid #e9e9e9;
|
|
650
650
|
$goa-modal-heading-padding: 20px 1.5rem;
|
|
651
|
-
$goa-modal-content-padding: 1.5rem
|
|
651
|
+
$goa-modal-content-padding: 1.5rem 0 2rem 0;
|
|
652
652
|
$goa-modal-actions-padding: 0 2rem 2rem 2rem;
|
|
653
653
|
$goa-modal-content-wrapper-padding: 0;
|
|
654
|
-
$goa-modal-scrollable-padding-desktop:
|
|
655
|
-
$goa-modal-scrollable-padding-mobile:
|
|
654
|
+
$goa-modal-scrollable-padding-desktop: 1.5rem;
|
|
655
|
+
$goa-modal-scrollable-padding-mobile: 1rem;
|
|
656
656
|
$goa-modal-callout-heading-padding: 1rem 1.5rem;
|
|
657
657
|
$goa-modal-heading-padding-mobile: 1rem;
|
|
658
658
|
$goa-modal-callout-heading-padding-mobile: 1rem;
|
|
659
|
-
$goa-modal-content-padding-mobile: 1.5rem
|
|
659
|
+
$goa-modal-content-padding-mobile: 1.5rem 0 2rem 0;
|
|
660
660
|
$goa-modal-actions-padding-mobile: 0 1rem 1rem 1rem;
|
|
661
661
|
$goa-modal-callout-information-bg: #ebf8ff;
|
|
662
662
|
$goa-modal-callout-information-border: #cbeaf7;
|