@abgov/design-tokens 1.4.0-dev.1 → 1.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.
- package/data/component-design-tokens/accordion-design-tokens.json +21 -1
- package/data/component-design-tokens/callout-design-tokens.json +16 -4
- package/data/component-design-tokens/drawer-design-tokens.json +48 -0
- package/data/component-design-tokens/side-menu-design-tokens.json +8 -4
- package/data/goa-global-design-tokens.json +6 -6
- package/dist/tokens.css +28 -16
- package/dist/tokens.scss +28 -16
- package/package.json +1 -1
|
@@ -19,6 +19,14 @@
|
|
|
19
19
|
},
|
|
20
20
|
"type": "border"
|
|
21
21
|
},
|
|
22
|
+
"accordion-divider": {
|
|
23
|
+
"value": {
|
|
24
|
+
"color": "{color.greyscale.200}",
|
|
25
|
+
"width": "{borderWidth.s}",
|
|
26
|
+
"style": "solid"
|
|
27
|
+
},
|
|
28
|
+
"type": "border"
|
|
29
|
+
},
|
|
22
30
|
"accordion-border-radius": {
|
|
23
31
|
"value": "{borderRadius.m}",
|
|
24
32
|
"type": "borderRadius"
|
|
@@ -50,5 +58,17 @@
|
|
|
50
58
|
"accordion-heading-m": {
|
|
51
59
|
"value": "{typography.heading.m}",
|
|
52
60
|
"type": "other"
|
|
61
|
+
},
|
|
62
|
+
"accordion-shadow": {
|
|
63
|
+
"value": {
|
|
64
|
+
"x": "0",
|
|
65
|
+
"y": "0",
|
|
66
|
+
"blur": "0",
|
|
67
|
+
"spread": "0",
|
|
68
|
+
"color": "#000000",
|
|
69
|
+
"type": "dropShadow"
|
|
70
|
+
},
|
|
71
|
+
"type": "boxShadow"
|
|
53
72
|
}
|
|
54
|
-
}
|
|
73
|
+
}
|
|
74
|
+
|
|
@@ -3,7 +3,11 @@
|
|
|
3
3
|
"value": "{borderRadius.none}",
|
|
4
4
|
"type": "borderRadius"
|
|
5
5
|
},
|
|
6
|
-
"callout-border-width": {
|
|
6
|
+
"callout-m-border-width": {
|
|
7
|
+
"value": "0px",
|
|
8
|
+
"type": "borderWidth"
|
|
9
|
+
},
|
|
10
|
+
"callout-l-border-width": {
|
|
7
11
|
"value": "0px",
|
|
8
12
|
"type": "borderWidth"
|
|
9
13
|
},
|
|
@@ -44,7 +48,7 @@
|
|
|
44
48
|
"type": "color"
|
|
45
49
|
},
|
|
46
50
|
"callout-info-color-bg-statusbar": {
|
|
47
|
-
"value": "{color.
|
|
51
|
+
"value": "{color.info.default}",
|
|
48
52
|
"type": "color"
|
|
49
53
|
},
|
|
50
54
|
"callout-info-icon-color": {
|
|
@@ -95,12 +99,16 @@
|
|
|
95
99
|
"value": "{color.emergency.default}",
|
|
96
100
|
"type": "color"
|
|
97
101
|
},
|
|
102
|
+
"callout-emergency-border-color": {
|
|
103
|
+
"value": "none",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
98
106
|
"callout-emergency-icon-color": {
|
|
99
107
|
"value": "{color.greyscale.white}",
|
|
100
108
|
"type": "color"
|
|
101
109
|
},
|
|
102
|
-
"callout-
|
|
103
|
-
"value": "
|
|
110
|
+
"callout-event-icon-color": {
|
|
111
|
+
"value": "{color.greyscale.white}",
|
|
104
112
|
"type": "color"
|
|
105
113
|
},
|
|
106
114
|
"callout-l-heading": {
|
|
@@ -115,6 +123,10 @@
|
|
|
115
123
|
"value": "{typography.heading.xs}",
|
|
116
124
|
"type": "other"
|
|
117
125
|
},
|
|
126
|
+
"callout-l-heading-size": {
|
|
127
|
+
"value": "{typography.heading.m}",
|
|
128
|
+
"type": "other"
|
|
129
|
+
},
|
|
118
130
|
"callout-m-text-size": {
|
|
119
131
|
"value": "{typography.body.s}",
|
|
120
132
|
"type": "other"
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"drawer-overlay-color": {
|
|
3
|
+
"value": "rgba(0,0,0,0.3)",
|
|
4
|
+
"type": "color",
|
|
5
|
+
"description": "background overlay color behind drawer, 70%"
|
|
6
|
+
},
|
|
7
|
+
"drawer-bottom-shadow": {
|
|
8
|
+
"value": {
|
|
9
|
+
"x": "0",
|
|
10
|
+
"y": "-4",
|
|
11
|
+
"blur": "12",
|
|
12
|
+
"spread": "0",
|
|
13
|
+
"color": "rgba(0,0,0,0.2)",
|
|
14
|
+
"type": "dropShadow"
|
|
15
|
+
},
|
|
16
|
+
"type": "boxShadow"
|
|
17
|
+
},
|
|
18
|
+
"drawer-left-shadow": {
|
|
19
|
+
"value": {
|
|
20
|
+
"x": "4",
|
|
21
|
+
"y": "0",
|
|
22
|
+
"blur": "12",
|
|
23
|
+
"spread": "0",
|
|
24
|
+
"color": "rgba(0,0,0,0.2)",
|
|
25
|
+
"type": "dropShadow"
|
|
26
|
+
},
|
|
27
|
+
"type": "boxShadow"
|
|
28
|
+
},
|
|
29
|
+
"drawer-right-shadow": {
|
|
30
|
+
"value": {
|
|
31
|
+
"x": "-4",
|
|
32
|
+
"y": "0",
|
|
33
|
+
"blur": "12",
|
|
34
|
+
"spread": "0",
|
|
35
|
+
"color": "rgba(0,0,0,0.2)",
|
|
36
|
+
"type": "innerShadow"
|
|
37
|
+
},
|
|
38
|
+
"type": "boxShadow"
|
|
39
|
+
},
|
|
40
|
+
"drawer-transition-time": {
|
|
41
|
+
"value": "200ms",
|
|
42
|
+
"type": "other"
|
|
43
|
+
},
|
|
44
|
+
"drawer-padding": {
|
|
45
|
+
"value": "{space.m}",
|
|
46
|
+
"type": "spacing"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -7,6 +7,10 @@
|
|
|
7
7
|
"value": "{space.m} {space.none} {space.l} {space.none}",
|
|
8
8
|
"type": "spacing"
|
|
9
9
|
},
|
|
10
|
+
"side-menu-sub-group-padding": {
|
|
11
|
+
"value": "{space.none} {space.none} {space.none} {space.none}",
|
|
12
|
+
"type": "spacing"
|
|
13
|
+
},
|
|
10
14
|
"side-menu-parent-padding": {
|
|
11
15
|
"value": "{space.none}",
|
|
12
16
|
"type": "spacing"
|
|
@@ -24,22 +28,22 @@
|
|
|
24
28
|
"type": "color"
|
|
25
29
|
},
|
|
26
30
|
"side-menu-child-color-bg-hover": {
|
|
27
|
-
"value": "{color.
|
|
31
|
+
"value": "{color.info.background}",
|
|
28
32
|
"type": "color"
|
|
29
33
|
},
|
|
30
34
|
"side-menu-child-color-bg-selected": {
|
|
31
|
-
"value": "{color.
|
|
35
|
+
"value": "{color.info.background}",
|
|
32
36
|
"type": "color"
|
|
33
37
|
},
|
|
34
38
|
"side-menu-child-color-text-selected": {
|
|
35
39
|
"value": "{color.text.default}",
|
|
36
40
|
"type": "color"
|
|
37
41
|
},
|
|
38
|
-
"
|
|
42
|
+
"side-menu-parent-text": {
|
|
39
43
|
"value": "{typography.body.m}",
|
|
40
44
|
"type": "other"
|
|
41
45
|
},
|
|
42
|
-
"
|
|
46
|
+
"side-menu-parent-text-active": {
|
|
43
47
|
"value": "{typography.body.m}",
|
|
44
48
|
"type": "other"
|
|
45
49
|
}
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"type": "color"
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
|
-
"
|
|
73
|
+
"info": {
|
|
74
74
|
"default": {
|
|
75
75
|
"value": "#004a8f",
|
|
76
76
|
"type": "color"
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
"y": "1",
|
|
415
415
|
"blur": "0",
|
|
416
416
|
"spread": "0",
|
|
417
|
-
"color": "1A1A1A12",
|
|
417
|
+
"color": "#1A1A1A12",
|
|
418
418
|
"type": "dropShadow"
|
|
419
419
|
},
|
|
420
420
|
"type": "boxShadow"
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
"y": "1",
|
|
426
426
|
"blur": "0",
|
|
427
427
|
"spread": "0",
|
|
428
|
-
"color": "1a1a1a40",
|
|
428
|
+
"color": "#1a1a1a40",
|
|
429
429
|
"type": "dropShadow"
|
|
430
430
|
},
|
|
431
431
|
"type": "boxShadow"
|
|
@@ -436,7 +436,7 @@
|
|
|
436
436
|
"y": "3",
|
|
437
437
|
"blur": "1",
|
|
438
438
|
"spread": "-1",
|
|
439
|
-
"color": "1a1a1a12",
|
|
439
|
+
"color": "#1a1a1a12",
|
|
440
440
|
"type": "dropShadow"
|
|
441
441
|
},
|
|
442
442
|
"type": "boxShadow"
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
"y": "12",
|
|
470
470
|
"blur": "20",
|
|
471
471
|
"spread": "-8",
|
|
472
|
-
"color": "1a1a1a3D",
|
|
472
|
+
"color": "#1a1a1a3D",
|
|
473
473
|
"type": "dropShadow"
|
|
474
474
|
},
|
|
475
475
|
"type": "boxShadow"
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
"y": "20",
|
|
481
481
|
"blur": "20",
|
|
482
482
|
"spread": "-8",
|
|
483
|
-
"color": "1a1a1a47",
|
|
483
|
+
"color": "#1a1a1a47",
|
|
484
484
|
"type": "dropShadow"
|
|
485
485
|
},
|
|
486
486
|
"type": "boxShadow"
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Oct 2024 19:18:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
--goa-line-height-2: 1.5rem;
|
|
30
30
|
--goa-line-height-1: 1.25rem;
|
|
31
31
|
--goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
|
|
32
|
-
--goa-shadow-600: 0px 20px 20px -8px 1a1a1a47;
|
|
33
|
-
--goa-shadow-500: 0px 12px 20px -8px 1a1a1a3D;
|
|
32
|
+
--goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
|
|
33
|
+
--goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;
|
|
34
34
|
--goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
|
|
35
35
|
--goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
|
|
36
|
-
--goa-shadow-200: 0px 3px 1px -1px 1a1a1a12;
|
|
37
|
-
--goa-shadow-150: 0px 1px 0px 0px 1a1a1a40;
|
|
38
|
-
--goa-shadow-100: 0px 1px 0px 0px 1A1A1A12;
|
|
36
|
+
--goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
|
|
37
|
+
--goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
|
|
38
|
+
--goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;
|
|
39
39
|
--goa-icon-size-l: 1.5rem;
|
|
40
40
|
--goa-icon-size-m: 1.25rem;
|
|
41
41
|
--goa-icon-size-s: 1rem;
|
|
@@ -105,10 +105,10 @@
|
|
|
105
105
|
--goa-color-warning-dark: #bf8d23;
|
|
106
106
|
--goa-color-warning-light: #ffeab6;
|
|
107
107
|
--goa-color-warning-default: #f9ce2d;
|
|
108
|
-
--goa-color-
|
|
109
|
-
--goa-color-
|
|
110
|
-
--goa-color-
|
|
111
|
-
--goa-color-
|
|
108
|
+
--goa-color-info-background: #eff8ff;
|
|
109
|
+
--goa-color-info-dark: #003b70;
|
|
110
|
+
--goa-color-info-light: #aac9e7;
|
|
111
|
+
--goa-color-info-default: #004a8f;
|
|
112
112
|
--goa-color-brand-light: #c8eefa;
|
|
113
113
|
--goa-color-brand-dark: #005072;
|
|
114
114
|
--goa-color-brand-default: #0081a2;
|
|
@@ -123,13 +123,20 @@
|
|
|
123
123
|
--goa-color-interactive-default: #0070c4;
|
|
124
124
|
--goa-side-menu-parent-color-bg-hover: #CEDFEE;
|
|
125
125
|
--goa-side-menu-child-border-width: 4px;
|
|
126
|
+
--goa-drawer-transition-time: 200ms;
|
|
127
|
+
--goa-drawer-right-shadow: -4px 0px 12px 0px rgba(0,0,0,0.2);
|
|
128
|
+
--goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
|
|
129
|
+
--goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
|
|
130
|
+
--goa-drawer-overlay-color: rgba(0,0,0,0.3);
|
|
126
131
|
--goa-callout-emergency-border-color: none;
|
|
127
132
|
--goa-callout-success-border-color: none;
|
|
128
133
|
--goa-callout-warning-border-color: none;
|
|
129
134
|
--goa-callout-info-border-color: none;
|
|
130
|
-
--goa-callout-border-width: 0px;
|
|
135
|
+
--goa-callout-l-border-width: 0px;
|
|
136
|
+
--goa-callout-m-border-width: 0px;
|
|
131
137
|
--goa-button-height-compact: 32px;
|
|
132
138
|
--goa-button-height: 42px;
|
|
139
|
+
--goa-accordion-shadow: 0px 0px 0px 0px #000000;
|
|
133
140
|
--goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-number);
|
|
134
141
|
--goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
|
|
135
142
|
--goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
|
|
@@ -148,15 +155,18 @@
|
|
|
148
155
|
--goa-color-text-secondary: var(--goa-color-greyscale-700);
|
|
149
156
|
--goa-color-text-default: var(--goa-color-greyscale-black);
|
|
150
157
|
--goa-table-color-border-heading: var(--goa-color-greyscale-600);
|
|
151
|
-
--goa-side-menu-child-color-bg-selected: var(--goa-color-
|
|
152
|
-
--goa-side-menu-child-color-bg-hover: var(--goa-color-
|
|
158
|
+
--goa-side-menu-child-color-bg-selected: var(--goa-color-info-background);
|
|
159
|
+
--goa-side-menu-child-color-bg-hover: var(--goa-color-info-background);
|
|
153
160
|
--goa-side-menu-group-border-radius: var(--goa-border-radius-none);
|
|
154
161
|
--goa-side-menu-parent-padding: var(--goa-space-none);
|
|
162
|
+
--goa-side-menu-sub-group-padding: var(--goa-space-none) var(--goa-space-none) var(--goa-space-none) var(--goa-space-none);
|
|
155
163
|
--goa-side-menu-group-padding: var(--goa-space-m) var(--goa-space-none) var(--goa-space-l) var(--goa-space-none);
|
|
156
164
|
--goa-side-menu-group-color-bg: var(--goa-color-greyscale-white);
|
|
165
|
+
--goa-drawer-padding: var(--goa-space-m);
|
|
157
166
|
--goa-container-padding: var(--goa-space-l);
|
|
158
167
|
--goa-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
|
|
159
168
|
--goa-container-border-radius: var(--goa-border-radius-m);
|
|
169
|
+
--goa-callout-event-icon-color: var(--goa-color-greyscale-white);
|
|
160
170
|
--goa-callout-emergency-icon-color: var(--goa-color-greyscale-white);
|
|
161
171
|
--goa-callout-emergency-color-bg-statusbar: var(--goa-color-emergency-default);
|
|
162
172
|
--goa-callout-emergency-color-bg-content: var(--goa-color-greyscale-100);
|
|
@@ -167,7 +177,7 @@
|
|
|
167
177
|
--goa-callout-warning-color-bg-statusbar: var(--goa-color-warning-default);
|
|
168
178
|
--goa-callout-warning-color-bg-content: var(--goa-color-greyscale-100);
|
|
169
179
|
--goa-callout-info-icon-color: var(--goa-color-greyscale-white);
|
|
170
|
-
--goa-callout-info-color-bg-statusbar: var(--goa-color-
|
|
180
|
+
--goa-callout-info-color-bg-statusbar: var(--goa-color-info-default);
|
|
171
181
|
--goa-callout-info-color-bg-content: var(--goa-color-greyscale-100);
|
|
172
182
|
--goa-callout-m-statusbar-padding: var(--goa-space-s) var(--goa-space-2xs);
|
|
173
183
|
--goa-callout-m-content-gap: var(--goa-space-2xs);
|
|
@@ -186,14 +196,16 @@
|
|
|
186
196
|
--goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;
|
|
187
197
|
--goa-accordion-padding-heading: var(--goa-space-s) var(--goa-space-m);
|
|
188
198
|
--goa-accordion-border-radius: var(--goa-border-radius-m);
|
|
199
|
+
--goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
|
|
189
200
|
--goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
|
|
190
201
|
--goa-accordion-color-bg-content: var(--goa-color-greyscale-white);
|
|
191
202
|
--goa-accordion-color-bg-heading: var(--goa-color-greyscale-100);
|
|
192
203
|
--goa-table-color-heading: var(--goa-color-text-secondary);
|
|
193
|
-
--goa-
|
|
194
|
-
--goa-
|
|
204
|
+
--goa-side-menu-parent-text-active: var(--goa-typography-body-m);
|
|
205
|
+
--goa-side-menu-parent-text: var(--goa-typography-body-m);
|
|
195
206
|
--goa-side-menu-child-color-text-selected: var(--goa-color-text-default);
|
|
196
207
|
--goa-callout-m-text-size: var(--goa-typography-body-s);
|
|
208
|
+
--goa-callout-l-heading-size: var(--goa-typography-heading-m);
|
|
197
209
|
--goa-callout-m-heading-size: var(--goa-typography-heading-xs);
|
|
198
210
|
--goa-callout-l-text-size: var(--goa-typography-body-m);
|
|
199
211
|
--goa-callout-l-heading: var(--goa-typography-heading-m);
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 22 Oct 2024 19:18:06 GMT
|
|
4
4
|
|
|
5
5
|
$goa-letter-spacing-button: 0.0125rem;
|
|
6
6
|
$goa-font-weight-bold: 700;
|
|
@@ -27,13 +27,13 @@ $goa-line-height-3: 1.75rem;
|
|
|
27
27
|
$goa-line-height-2: 1.5rem;
|
|
28
28
|
$goa-line-height-1: 1.25rem;
|
|
29
29
|
$goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
|
|
30
|
-
$goa-shadow-600: 0px 20px 20px -8px 1a1a1a47;
|
|
31
|
-
$goa-shadow-500: 0px 12px 20px -8px 1a1a1a3D;
|
|
30
|
+
$goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
|
|
31
|
+
$goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;
|
|
32
32
|
$goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
|
|
33
33
|
$goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
|
|
34
|
-
$goa-shadow-200: 0px 3px 1px -1px 1a1a1a12;
|
|
35
|
-
$goa-shadow-150: 0px 1px 0px 0px 1a1a1a40;
|
|
36
|
-
$goa-shadow-100: 0px 1px 0px 0px 1A1A1A12;
|
|
34
|
+
$goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
|
|
35
|
+
$goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
|
|
36
|
+
$goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;
|
|
37
37
|
$goa-icon-size-l: 1.5rem;
|
|
38
38
|
$goa-icon-size-m: 1.25rem;
|
|
39
39
|
$goa-icon-size-s: 1rem;
|
|
@@ -103,10 +103,10 @@ $goa-color-warning-background: #fff6e5;
|
|
|
103
103
|
$goa-color-warning-dark: #bf8d23;
|
|
104
104
|
$goa-color-warning-light: #ffeab6;
|
|
105
105
|
$goa-color-warning-default: #f9ce2d;
|
|
106
|
-
$goa-color-
|
|
107
|
-
$goa-color-
|
|
108
|
-
$goa-color-
|
|
109
|
-
$goa-color-
|
|
106
|
+
$goa-color-info-background: #eff8ff;
|
|
107
|
+
$goa-color-info-dark: #003b70;
|
|
108
|
+
$goa-color-info-light: #aac9e7;
|
|
109
|
+
$goa-color-info-default: #004a8f;
|
|
110
110
|
$goa-color-brand-light: #c8eefa;
|
|
111
111
|
$goa-color-brand-dark: #005072;
|
|
112
112
|
$goa-color-brand-default: #0081a2;
|
|
@@ -121,13 +121,20 @@ $goa-color-interactive-hover: #004f84;
|
|
|
121
121
|
$goa-color-interactive-default: #0070c4;
|
|
122
122
|
$goa-side-menu-parent-color-bg-hover: #CEDFEE;
|
|
123
123
|
$goa-side-menu-child-border-width: 4px;
|
|
124
|
+
$goa-drawer-transition-time: 200ms;
|
|
125
|
+
$goa-drawer-right-shadow: -4px 0px 12px 0px rgba(0,0,0,0.2);
|
|
126
|
+
$goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
|
|
127
|
+
$goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
|
|
128
|
+
$goa-drawer-overlay-color: rgba(0,0,0,0.3);
|
|
124
129
|
$goa-callout-emergency-border-color: none;
|
|
125
130
|
$goa-callout-success-border-color: none;
|
|
126
131
|
$goa-callout-warning-border-color: none;
|
|
127
132
|
$goa-callout-info-border-color: none;
|
|
128
|
-
$goa-callout-border-width: 0px;
|
|
133
|
+
$goa-callout-l-border-width: 0px;
|
|
134
|
+
$goa-callout-m-border-width: 0px;
|
|
129
135
|
$goa-button-height-compact: 32px;
|
|
130
136
|
$goa-button-height: 42px;
|
|
137
|
+
$goa-accordion-shadow: 0px 0px 0px 0px #000000;
|
|
131
138
|
$goa-typography-number-l: $goa-font-weight-medium $goa-font-size-7/$goa-line-height-4 $goa-font-family-number;
|
|
132
139
|
$goa-typography-number-m: $goa-font-weight-medium $goa-font-size-4/$goa-line-height-3 $goa-font-family-number;
|
|
133
140
|
$goa-typography-number-s: $goa-font-weight-medium $goa-font-size-3/$goa-line-height-2 $goa-font-family-number;
|
|
@@ -146,15 +153,18 @@ $goa-color-text-light: $goa-color-greyscale-white;
|
|
|
146
153
|
$goa-color-text-secondary: $goa-color-greyscale-700;
|
|
147
154
|
$goa-color-text-default: $goa-color-greyscale-black;
|
|
148
155
|
$goa-table-color-border-heading: $goa-color-greyscale-600;
|
|
149
|
-
$goa-side-menu-child-color-bg-selected: $goa-color-
|
|
150
|
-
$goa-side-menu-child-color-bg-hover: $goa-color-
|
|
156
|
+
$goa-side-menu-child-color-bg-selected: $goa-color-info-background;
|
|
157
|
+
$goa-side-menu-child-color-bg-hover: $goa-color-info-background;
|
|
151
158
|
$goa-side-menu-group-border-radius: $goa-border-radius-none;
|
|
152
159
|
$goa-side-menu-parent-padding: $goa-space-none;
|
|
160
|
+
$goa-side-menu-sub-group-padding: $goa-space-none $goa-space-none $goa-space-none $goa-space-none;
|
|
153
161
|
$goa-side-menu-group-padding: $goa-space-m $goa-space-none $goa-space-l $goa-space-none;
|
|
154
162
|
$goa-side-menu-group-color-bg: $goa-color-greyscale-white;
|
|
163
|
+
$goa-drawer-padding: $goa-space-m;
|
|
155
164
|
$goa-container-padding: $goa-space-l;
|
|
156
165
|
$goa-container-border: $goa-border-width-s solid $goa-color-greyscale-200;
|
|
157
166
|
$goa-container-border-radius: $goa-border-radius-m;
|
|
167
|
+
$goa-callout-event-icon-color: $goa-color-greyscale-white;
|
|
158
168
|
$goa-callout-emergency-icon-color: $goa-color-greyscale-white;
|
|
159
169
|
$goa-callout-emergency-color-bg-statusbar: $goa-color-emergency-default;
|
|
160
170
|
$goa-callout-emergency-color-bg-content: $goa-color-greyscale-100;
|
|
@@ -165,7 +175,7 @@ $goa-callout-warning-icon-color: $goa-color-greyscale-black;
|
|
|
165
175
|
$goa-callout-warning-color-bg-statusbar: $goa-color-warning-default;
|
|
166
176
|
$goa-callout-warning-color-bg-content: $goa-color-greyscale-100;
|
|
167
177
|
$goa-callout-info-icon-color: $goa-color-greyscale-white;
|
|
168
|
-
$goa-callout-info-color-bg-statusbar: $goa-color-
|
|
178
|
+
$goa-callout-info-color-bg-statusbar: $goa-color-info-default;
|
|
169
179
|
$goa-callout-info-color-bg-content: $goa-color-greyscale-100;
|
|
170
180
|
$goa-callout-m-statusbar-padding: $goa-space-s $goa-space-2xs;
|
|
171
181
|
$goa-callout-m-content-gap: $goa-space-2xs;
|
|
@@ -184,14 +194,16 @@ $goa-accordion-padding-content-narrow: $goa-space-l;
|
|
|
184
194
|
$goa-accordion-padding-content-wide: $goa-space-l $goa-space-l $goa-space-xl 56px;
|
|
185
195
|
$goa-accordion-padding-heading: $goa-space-s $goa-space-m;
|
|
186
196
|
$goa-accordion-border-radius: $goa-border-radius-m;
|
|
197
|
+
$goa-accordion-divider: $goa-border-width-s solid $goa-color-greyscale-200;
|
|
187
198
|
$goa-accordion-border: $goa-border-width-s solid $goa-color-greyscale-200;
|
|
188
199
|
$goa-accordion-color-bg-content: $goa-color-greyscale-white;
|
|
189
200
|
$goa-accordion-color-bg-heading: $goa-color-greyscale-100;
|
|
190
201
|
$goa-table-color-heading: $goa-color-text-secondary;
|
|
191
|
-
$goa-
|
|
192
|
-
$goa-
|
|
202
|
+
$goa-side-menu-parent-text-active: $goa-typography-body-m;
|
|
203
|
+
$goa-side-menu-parent-text: $goa-typography-body-m;
|
|
193
204
|
$goa-side-menu-child-color-text-selected: $goa-color-text-default;
|
|
194
205
|
$goa-callout-m-text-size: $goa-typography-body-s;
|
|
206
|
+
$goa-callout-l-heading-size: $goa-typography-heading-m;
|
|
195
207
|
$goa-callout-m-heading-size: $goa-typography-heading-xs;
|
|
196
208
|
$goa-callout-l-text-size: $goa-typography-body-m;
|
|
197
209
|
$goa-callout-l-heading: $goa-typography-heading-m;
|