@sage/design-tokens 2.33.0 → 2.36.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/android/base.xml +99 -104
- package/css/base.css +99 -104
- package/data/tokens.json +724 -793
- package/docs/tokens/base/colors/index.html +1241 -1241
- package/docs/tokens/base/index.html +1242 -1347
- package/docs/tokens/base/typography/index.html +1 -106
- package/docs/tokens/index.html +1242 -1347
- package/ios/base.h +99 -104
- package/js/base/common.d.ts +97 -102
- package/js/base/common.js +99 -104
- package/js/base/es6.d.ts +97 -102
- package/js/base/es6.js +98 -103
- package/package.json +1 -1
- package/sage-design-tokens-2.36.0.tgz +0 -0
- package/scss/base.scss +99 -104
- package/sage-design-tokens-2.33.0.tgz +0 -0
package/js/base/es6.js
CHANGED
|
@@ -5,103 +5,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
5
5
|
export default {
|
|
6
6
|
metaName: 'Base Theme',
|
|
7
7
|
metaPublic: 'true',
|
|
8
|
-
colorsLogo: '#00d639ff',
|
|
9
|
-
colorsTransparent: '#00000000',
|
|
10
|
-
colorsYin030: '#0000004d',
|
|
11
|
-
colorsYin055: '#0000008c',
|
|
12
|
-
colorsYin065: '#000000a6',
|
|
13
|
-
colorsYin075: '#000000bf',
|
|
14
|
-
colorsYin090: '#000000e6',
|
|
15
|
-
colorsYang100: '#ffffffff',
|
|
16
|
-
colorsYang030: '#ffffff4d',
|
|
17
|
-
colorsYang080: '#ffffffcc',
|
|
18
|
-
colorsGray600: '#666666ff',
|
|
19
|
-
colorsGray700: '#4d4d4dff',
|
|
20
|
-
colorsGray750: '#404040ff',
|
|
21
|
-
colorsGray850: '#262626ff',
|
|
22
|
-
colorsGray900: '#191919ff',
|
|
23
|
-
colorsGray1000: '#000000ff',
|
|
24
|
-
colorsGray000: '#ffffffff',
|
|
25
|
-
colorsDisabled400: '#f2f5f6ff',
|
|
26
|
-
colorsDisabled500: '#e6ebedff',
|
|
27
|
-
colorsDisabled600: '#ccd6dbff',
|
|
28
|
-
colorsReadOnly400: '#f2f5f6ff',
|
|
29
|
-
colorsReadOnly500: '#e6ebedff',
|
|
30
|
-
colorsReadOnly600: '#ccd6dbff',
|
|
31
|
-
colorsComponentsMenuSpringStandard500: '#e6ebedff',
|
|
32
|
-
colorsComponentsMenuSpringStandard600: '#007e45ff',
|
|
33
|
-
colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
|
|
34
|
-
colorsComponentsMenuSpringParent500: '#e6ebedff',
|
|
35
|
-
colorsComponentsMenuSpringParent600: '#007e45ff',
|
|
36
|
-
colorsComponentsMenuSpringParent700: '#d9e0e4ff',
|
|
37
|
-
colorsComponentsMenuSpringChild400: '#ccd6dbff',
|
|
38
|
-
colorsComponentsMenuSpringChild500: '#ffffffff',
|
|
39
|
-
colorsComponentsMenuSpringChild600: '#007e45ff',
|
|
40
|
-
colorsComponentsMenuSpringChildAlt400: '#ccd6dbff',
|
|
41
|
-
colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
|
|
42
|
-
colorsComponentsMenuSpringChildAlt600: '#007e45ff',
|
|
43
|
-
colorsComponentsMenuSummerStandard400: '#ccd6dbff',
|
|
44
|
-
colorsComponentsMenuSummerStandard500: '#ffffffff',
|
|
45
|
-
colorsComponentsMenuSummerStandard600: '#007e45ff',
|
|
46
|
-
colorsComponentsMenuSummerStandard700: '#e6ebedff',
|
|
47
|
-
colorsComponentsMenuSummerStandard800: '#e6ebedff',
|
|
48
|
-
colorsComponentsMenuSummerParent400: '#ccd6dbff',
|
|
49
|
-
colorsComponentsMenuSummerParent500: '#ffffffff',
|
|
50
|
-
colorsComponentsMenuSummerParent600: '#007e45ff',
|
|
51
|
-
colorsComponentsMenuSummerParent700: '#e6ebedff',
|
|
52
|
-
colorsComponentsMenuSummerParent800: '#e6ebedff',
|
|
53
|
-
colorsComponentsMenuSummerChild300: '#b3c2c9ff',
|
|
54
|
-
colorsComponentsMenuSummerChild400: '#ccd6dbff',
|
|
55
|
-
colorsComponentsMenuSummerChild500: '#e6ebedff',
|
|
56
|
-
colorsComponentsMenuSummerChild600: '#007e45ff',
|
|
57
|
-
colorsComponentsMenuSummerChild700: '#e6ebedff',
|
|
58
|
-
colorsComponentsMenuSummerChild800: '#e6ebedff',
|
|
59
|
-
colorsComponentsMenuSummerChildAlt300: '#b3c2c9ff',
|
|
60
|
-
colorsComponentsMenuSummerChildAlt400: '#ccd6dbff',
|
|
61
|
-
colorsComponentsMenuSummerChildAlt500: '#d9e0e4ff',
|
|
62
|
-
colorsComponentsMenuSummerChildAlt600: '#007e45ff',
|
|
63
|
-
colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
|
|
64
|
-
colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
|
|
65
|
-
colorsComponentsMenuAutumnStandard500: '#00324cff',
|
|
66
|
-
colorsComponentsMenuAutumnStandard600: '#007e45ff',
|
|
67
|
-
colorsComponentsMenuAutumnStandard700: '#19475eff',
|
|
68
|
-
colorsComponentsMenuAutumnParent500: '#00324cff',
|
|
69
|
-
colorsComponentsMenuAutumnParent600: '#007e45ff',
|
|
70
|
-
colorsComponentsMenuAutumnParent700: '#19475eff',
|
|
71
|
-
colorsComponentsMenuAutumnChild400: '#19475eff',
|
|
72
|
-
colorsComponentsMenuAutumnChild500: '#001926ff',
|
|
73
|
-
colorsComponentsMenuAutumnChild600: '#007e45ff',
|
|
74
|
-
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
75
|
-
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
76
|
-
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
77
|
-
colorsComponentsMenuWinterStandard400: '#4d4d4dff',
|
|
78
|
-
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
79
|
-
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
80
|
-
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
81
|
-
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
82
|
-
colorsComponentsMenuWinterParent400: '#4d4d4dff',
|
|
83
|
-
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
84
|
-
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
85
|
-
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
86
|
-
colorsComponentsMenuWinterParent800: '#262626ff',
|
|
87
|
-
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
88
|
-
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
89
|
-
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
90
|
-
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
91
|
-
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
92
|
-
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
93
|
-
colorsComponentsMenuWinterChildAlt300: '#666666ff',
|
|
94
|
-
colorsComponentsMenuWinterChildAlt400: '#4d4d4dff',
|
|
95
|
-
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
96
|
-
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
97
|
-
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
|
98
|
-
colorsComponentsMenuWinterChildAlt800: '#404040ff',
|
|
99
|
-
colorsComponentsMenuYin100: '#000000ff',
|
|
100
|
-
colorsComponentsMenuYin065: '#000000a6',
|
|
101
|
-
colorsComponentsMenuYin090: '#000000e6',
|
|
102
|
-
colorsComponentsMenuYang100: '#ffffffff',
|
|
103
|
-
colorsComponentsMenuYang080: '#ffffffcc',
|
|
104
|
-
colorsComponentsMenuTransparent: '#00000000',
|
|
105
8
|
colorsUtilityMajor100: '#ccd6dbff',
|
|
106
9
|
colorsUtilityMajor150: '#b3c2c9ff',
|
|
107
10
|
colorsUtilityMajor200: '#99adb7ff',
|
|
@@ -214,6 +117,103 @@ export default {
|
|
|
214
117
|
colorsSemanticInfoYin065: '#000000a6',
|
|
215
118
|
colorsSemanticInfoYin090: '#000000e6',
|
|
216
119
|
colorsSemanticInfoYang100: '#ffffffff',
|
|
120
|
+
colorsLogo: '#00d639ff',
|
|
121
|
+
colorsTransparent: '#00000000',
|
|
122
|
+
colorsYin030: '#0000004d',
|
|
123
|
+
colorsYin055: '#0000008c',
|
|
124
|
+
colorsYin065: '#000000a6',
|
|
125
|
+
colorsYin075: '#000000bf',
|
|
126
|
+
colorsYin090: '#000000e6',
|
|
127
|
+
colorsYang100: '#ffffffff',
|
|
128
|
+
colorsYang030: '#ffffff4d',
|
|
129
|
+
colorsYang080: '#ffffffcc',
|
|
130
|
+
colorsGray600: '#666666ff',
|
|
131
|
+
colorsGray700: '#4d4d4dff',
|
|
132
|
+
colorsGray750: '#404040ff',
|
|
133
|
+
colorsGray850: '#262626ff',
|
|
134
|
+
colorsGray900: '#191919ff',
|
|
135
|
+
colorsGray1000: '#000000ff',
|
|
136
|
+
colorsGray000: '#ffffffff',
|
|
137
|
+
colorsDisabled400: '#f2f5f6ff',
|
|
138
|
+
colorsDisabled500: '#e6ebedff',
|
|
139
|
+
colorsDisabled600: '#ccd6dbff',
|
|
140
|
+
colorsReadOnly400: '#f2f5f6ff',
|
|
141
|
+
colorsReadOnly500: '#e6ebedff',
|
|
142
|
+
colorsReadOnly600: '#ccd6dbff',
|
|
143
|
+
colorsComponentsMenuSpringStandard500: '#e6ebedff',
|
|
144
|
+
colorsComponentsMenuSpringStandard600: '#007e45ff',
|
|
145
|
+
colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
|
|
146
|
+
colorsComponentsMenuSpringParent500: '#e6ebedff',
|
|
147
|
+
colorsComponentsMenuSpringParent600: '#007e45ff',
|
|
148
|
+
colorsComponentsMenuSpringParent700: '#d9e0e4ff',
|
|
149
|
+
colorsComponentsMenuSpringChild400: '#ccd6dbff',
|
|
150
|
+
colorsComponentsMenuSpringChild500: '#ffffffff',
|
|
151
|
+
colorsComponentsMenuSpringChild600: '#007e45ff',
|
|
152
|
+
colorsComponentsMenuSpringChildAlt400: '#ccd6dbff',
|
|
153
|
+
colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
|
|
154
|
+
colorsComponentsMenuSpringChildAlt600: '#007e45ff',
|
|
155
|
+
colorsComponentsMenuSummerStandard400: '#ccd6dbff',
|
|
156
|
+
colorsComponentsMenuSummerStandard500: '#ffffffff',
|
|
157
|
+
colorsComponentsMenuSummerStandard600: '#007e45ff',
|
|
158
|
+
colorsComponentsMenuSummerStandard700: '#e6ebedff',
|
|
159
|
+
colorsComponentsMenuSummerStandard800: '#e6ebedff',
|
|
160
|
+
colorsComponentsMenuSummerParent400: '#ccd6dbff',
|
|
161
|
+
colorsComponentsMenuSummerParent500: '#ffffffff',
|
|
162
|
+
colorsComponentsMenuSummerParent600: '#007e45ff',
|
|
163
|
+
colorsComponentsMenuSummerParent700: '#e6ebedff',
|
|
164
|
+
colorsComponentsMenuSummerParent800: '#e6ebedff',
|
|
165
|
+
colorsComponentsMenuSummerChild300: '#b3c2c9ff',
|
|
166
|
+
colorsComponentsMenuSummerChild400: '#ccd6dbff',
|
|
167
|
+
colorsComponentsMenuSummerChild500: '#e6ebedff',
|
|
168
|
+
colorsComponentsMenuSummerChild600: '#007e45ff',
|
|
169
|
+
colorsComponentsMenuSummerChild700: '#e6ebedff',
|
|
170
|
+
colorsComponentsMenuSummerChild800: '#e6ebedff',
|
|
171
|
+
colorsComponentsMenuSummerChildAlt300: '#b3c2c9ff',
|
|
172
|
+
colorsComponentsMenuSummerChildAlt400: '#ccd6dbff',
|
|
173
|
+
colorsComponentsMenuSummerChildAlt500: '#d9e0e4ff',
|
|
174
|
+
colorsComponentsMenuSummerChildAlt600: '#007e45ff',
|
|
175
|
+
colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
|
|
176
|
+
colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
|
|
177
|
+
colorsComponentsMenuAutumnStandard500: '#00324cff',
|
|
178
|
+
colorsComponentsMenuAutumnStandard600: '#007e45ff',
|
|
179
|
+
colorsComponentsMenuAutumnStandard700: '#19475eff',
|
|
180
|
+
colorsComponentsMenuAutumnParent500: '#00324cff',
|
|
181
|
+
colorsComponentsMenuAutumnParent600: '#007e45ff',
|
|
182
|
+
colorsComponentsMenuAutumnParent700: '#19475eff',
|
|
183
|
+
colorsComponentsMenuAutumnChild400: '#19475eff',
|
|
184
|
+
colorsComponentsMenuAutumnChild500: '#001926ff',
|
|
185
|
+
colorsComponentsMenuAutumnChild600: '#007e45ff',
|
|
186
|
+
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
187
|
+
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
188
|
+
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
189
|
+
colorsComponentsMenuWinterStandard400: '#4d4d4dff',
|
|
190
|
+
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
191
|
+
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
192
|
+
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
193
|
+
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
194
|
+
colorsComponentsMenuWinterParent400: '#4d4d4dff',
|
|
195
|
+
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
196
|
+
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
197
|
+
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
198
|
+
colorsComponentsMenuWinterParent800: '#262626ff',
|
|
199
|
+
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
200
|
+
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
201
|
+
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
202
|
+
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
203
|
+
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
204
|
+
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
205
|
+
colorsComponentsMenuWinterChildAlt300: '#666666ff',
|
|
206
|
+
colorsComponentsMenuWinterChildAlt400: '#4d4d4dff',
|
|
207
|
+
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
208
|
+
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
209
|
+
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
|
210
|
+
colorsComponentsMenuWinterChildAlt800: '#404040ff',
|
|
211
|
+
colorsComponentsMenuYin100: '#000000ff',
|
|
212
|
+
colorsComponentsMenuYin065: '#000000a6',
|
|
213
|
+
colorsComponentsMenuYin090: '#000000e6',
|
|
214
|
+
colorsComponentsMenuYang100: '#ffffffff',
|
|
215
|
+
colorsComponentsMenuYang080: '#ffffffcc',
|
|
216
|
+
colorsComponentsMenuTransparent: '#00000000',
|
|
217
217
|
sizing100: '8px',
|
|
218
218
|
sizing125: '10px',
|
|
219
219
|
sizing150: '12px',
|
|
@@ -313,7 +313,7 @@ export default {
|
|
|
313
313
|
typographyCardSelectTitleM: '700 16px/150% Sage UI',
|
|
314
314
|
typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
|
|
315
315
|
typographyCardSelectParagraphM: '400 14px/150% Sage UI',
|
|
316
|
-
typographyDatePickerCalendarDateM: '
|
|
316
|
+
typographyDatePickerCalendarDateM: '700 14px/150% Sage UI',
|
|
317
317
|
typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
|
|
318
318
|
typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
|
|
319
319
|
typographyDialogTitleXs: '700 24px/125% Sage UI',
|
|
@@ -383,28 +383,24 @@ export default {
|
|
|
383
383
|
typographyPillLabelM: '500 12px/150% Sage UI',
|
|
384
384
|
typographyPillLabelL: '500 14px/150% Sage UI',
|
|
385
385
|
typographyPillLabelXl: '500 16px/150% Sage UI',
|
|
386
|
-
typographyProfileEmailTextXs: '400 12px/100% Sage UI',
|
|
387
386
|
typographyProfileEmailTextS: '400 14px/100% Sage UI',
|
|
388
387
|
typographyProfileEmailTextM: '400 14px/125% Sage UI',
|
|
389
388
|
typographyProfileEmailTextMl: '400 14px/125% Sage UI',
|
|
390
389
|
typographyProfileEmailTextL: '400 14px/125% Sage UI',
|
|
391
390
|
typographyProfileEmailTextXl: '400 18px/125% Sage UI',
|
|
392
391
|
typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
|
|
393
|
-
typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
|
|
394
392
|
typographyProfileEmailLinkS: '400 14px/100% Sage UI',
|
|
395
393
|
typographyProfileEmailLinkM: '400 14px/125% Sage UI',
|
|
396
394
|
typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
|
|
397
395
|
typographyProfileEmailLinkL: '400 14px/125% Sage UI',
|
|
398
396
|
typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
|
|
399
397
|
typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
|
|
400
|
-
typographyProfileInitialsXs: '500 10px/150% Sage UI',
|
|
401
398
|
typographyProfileInitialsS: '500 14px/150% Sage UI',
|
|
402
399
|
typographyProfileInitialsM: '500 18px/150% Sage UI',
|
|
403
400
|
typographyProfileInitialsMl: '500 24px/150% Sage UI',
|
|
404
401
|
typographyProfileInitialsL: '500 32px/150% Sage UI',
|
|
405
402
|
typographyProfileInitialsXl: '500 48px/150% Sage UI',
|
|
406
403
|
typographyProfileInitialsXxl: '500 56px/150% Sage UI',
|
|
407
|
-
typographyProfileNameXs: '500 13px/100% Sage UI',
|
|
408
404
|
typographyProfileNameS: '500 14px/100% Sage UI',
|
|
409
405
|
typographyProfileNameM: '500 14px/125% Sage UI',
|
|
410
406
|
typographyProfileNameMl: '500 16px/125% Sage UI',
|
|
@@ -414,7 +410,6 @@ export default {
|
|
|
414
410
|
typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
|
|
415
411
|
typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
|
|
416
412
|
typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
|
|
417
|
-
typographySearchLabelM: '400 14px/150% Sage UI',
|
|
418
413
|
typographySidebarTitleXs: '700 20px/125% Sage UI',
|
|
419
414
|
typographySidebarTitleS: '700 20px/125% Sage UI',
|
|
420
415
|
typographySidebarTitleMs: '700 20px/125% Sage UI',
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"description": "Design tokens for the Sage Design System.",
|
|
12
12
|
"author": "The Sage Group plc",
|
|
13
|
-
"version": "2.
|
|
13
|
+
"version": "2.36.0",
|
|
14
14
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
15
15
|
"tags": [
|
|
16
16
|
"design tokens",
|
|
Binary file
|
package/scss/base.scss
CHANGED
|
@@ -4,107 +4,10 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Thu, 23 Jun 2022 13:
|
|
7
|
+
// Generated on Thu, 23 Jun 2022 13:32:07 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
11
|
-
$colorsLogo: #00d639ff;
|
|
12
|
-
$colorsTransparent: #00000000;
|
|
13
|
-
$colorsYin030: #0000004d;
|
|
14
|
-
$colorsYin055: #0000008c;
|
|
15
|
-
$colorsYin065: #000000a6;
|
|
16
|
-
$colorsYin075: #000000bf;
|
|
17
|
-
$colorsYin090: #000000e6;
|
|
18
|
-
$colorsYang100: #ffffffff;
|
|
19
|
-
$colorsYang030: #ffffff4d;
|
|
20
|
-
$colorsYang080: #ffffffcc;
|
|
21
|
-
$colorsGray600: #666666ff;
|
|
22
|
-
$colorsGray700: #4d4d4dff;
|
|
23
|
-
$colorsGray750: #404040ff;
|
|
24
|
-
$colorsGray850: #262626ff;
|
|
25
|
-
$colorsGray900: #191919ff;
|
|
26
|
-
$colorsGray1000: #000000ff;
|
|
27
|
-
$colorsGray000: #ffffffff;
|
|
28
|
-
$colorsDisabled400: #f2f5f6ff;
|
|
29
|
-
$colorsDisabled500: #e6ebedff;
|
|
30
|
-
$colorsDisabled600: #ccd6dbff;
|
|
31
|
-
$colorsReadOnly400: #f2f5f6ff;
|
|
32
|
-
$colorsReadOnly500: #e6ebedff;
|
|
33
|
-
$colorsReadOnly600: #ccd6dbff;
|
|
34
|
-
$colorsComponentsMenuSpringStandard500: #e6ebedff;
|
|
35
|
-
$colorsComponentsMenuSpringStandard600: #007e45ff;
|
|
36
|
-
$colorsComponentsMenuSpringStandard700: #d9e0e4ff;
|
|
37
|
-
$colorsComponentsMenuSpringParent500: #e6ebedff;
|
|
38
|
-
$colorsComponentsMenuSpringParent600: #007e45ff;
|
|
39
|
-
$colorsComponentsMenuSpringParent700: #d9e0e4ff;
|
|
40
|
-
$colorsComponentsMenuSpringChild400: #ccd6dbff;
|
|
41
|
-
$colorsComponentsMenuSpringChild500: #ffffffff;
|
|
42
|
-
$colorsComponentsMenuSpringChild600: #007e45ff;
|
|
43
|
-
$colorsComponentsMenuSpringChildAlt400: #ccd6dbff;
|
|
44
|
-
$colorsComponentsMenuSpringChildAlt500: #e6ebedff;
|
|
45
|
-
$colorsComponentsMenuSpringChildAlt600: #007e45ff;
|
|
46
|
-
$colorsComponentsMenuSummerStandard400: #ccd6dbff;
|
|
47
|
-
$colorsComponentsMenuSummerStandard500: #ffffffff;
|
|
48
|
-
$colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
49
|
-
$colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
50
|
-
$colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
51
|
-
$colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
52
|
-
$colorsComponentsMenuSummerParent500: #ffffffff;
|
|
53
|
-
$colorsComponentsMenuSummerParent600: #007e45ff;
|
|
54
|
-
$colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
55
|
-
$colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
56
|
-
$colorsComponentsMenuSummerChild300: #b3c2c9ff;
|
|
57
|
-
$colorsComponentsMenuSummerChild400: #ccd6dbff;
|
|
58
|
-
$colorsComponentsMenuSummerChild500: #e6ebedff;
|
|
59
|
-
$colorsComponentsMenuSummerChild600: #007e45ff;
|
|
60
|
-
$colorsComponentsMenuSummerChild700: #e6ebedff;
|
|
61
|
-
$colorsComponentsMenuSummerChild800: #e6ebedff;
|
|
62
|
-
$colorsComponentsMenuSummerChildAlt300: #b3c2c9ff;
|
|
63
|
-
$colorsComponentsMenuSummerChildAlt400: #ccd6dbff;
|
|
64
|
-
$colorsComponentsMenuSummerChildAlt500: #d9e0e4ff;
|
|
65
|
-
$colorsComponentsMenuSummerChildAlt600: #007e45ff;
|
|
66
|
-
$colorsComponentsMenuSummerChildAlt700: #d9e0e4ff;
|
|
67
|
-
$colorsComponentsMenuSummerChildAlt800: #d9e0e4ff;
|
|
68
|
-
$colorsComponentsMenuAutumnStandard500: #00324cff;
|
|
69
|
-
$colorsComponentsMenuAutumnStandard600: #007e45ff;
|
|
70
|
-
$colorsComponentsMenuAutumnStandard700: #19475eff;
|
|
71
|
-
$colorsComponentsMenuAutumnParent500: #00324cff;
|
|
72
|
-
$colorsComponentsMenuAutumnParent600: #007e45ff;
|
|
73
|
-
$colorsComponentsMenuAutumnParent700: #19475eff;
|
|
74
|
-
$colorsComponentsMenuAutumnChild400: #19475eff;
|
|
75
|
-
$colorsComponentsMenuAutumnChild500: #001926ff;
|
|
76
|
-
$colorsComponentsMenuAutumnChild600: #007e45ff;
|
|
77
|
-
$colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
78
|
-
$colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
79
|
-
$colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
80
|
-
$colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
81
|
-
$colorsComponentsMenuWinterStandard500: #000000ff;
|
|
82
|
-
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
83
|
-
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
84
|
-
$colorsComponentsMenuWinterStandard800: #262626ff;
|
|
85
|
-
$colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
86
|
-
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
87
|
-
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
88
|
-
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
89
|
-
$colorsComponentsMenuWinterParent800: #262626ff;
|
|
90
|
-
$colorsComponentsMenuWinterChild300: #666666ff;
|
|
91
|
-
$colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
92
|
-
$colorsComponentsMenuWinterChild500: #262626ff;
|
|
93
|
-
$colorsComponentsMenuWinterChild600: #007e45ff;
|
|
94
|
-
$colorsComponentsMenuWinterChild700: #262626ff;
|
|
95
|
-
$colorsComponentsMenuWinterChild800: #262626ff;
|
|
96
|
-
$colorsComponentsMenuWinterChildAlt300: #666666ff;
|
|
97
|
-
$colorsComponentsMenuWinterChildAlt400: #4d4d4dff;
|
|
98
|
-
$colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
99
|
-
$colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
100
|
-
$colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
101
|
-
$colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
102
|
-
$colorsComponentsMenuYin100: #000000ff;
|
|
103
|
-
$colorsComponentsMenuYin065: #000000a6;
|
|
104
|
-
$colorsComponentsMenuYin090: #000000e6;
|
|
105
|
-
$colorsComponentsMenuYang100: #ffffffff;
|
|
106
|
-
$colorsComponentsMenuYang080: #ffffffcc;
|
|
107
|
-
$colorsComponentsMenuTransparent: #00000000;
|
|
108
11
|
$colorsUtilityMajor100: #ccd6dbff;
|
|
109
12
|
$colorsUtilityMajor150: #b3c2c9ff;
|
|
110
13
|
$colorsUtilityMajor200: #99adb7ff;
|
|
@@ -217,6 +120,103 @@ $colorsSemanticInfoYin055: #0000008c;
|
|
|
217
120
|
$colorsSemanticInfoYin065: #000000a6;
|
|
218
121
|
$colorsSemanticInfoYin090: #000000e6;
|
|
219
122
|
$colorsSemanticInfoYang100: #ffffffff;
|
|
123
|
+
$colorsLogo: #00d639ff;
|
|
124
|
+
$colorsTransparent: #00000000;
|
|
125
|
+
$colorsYin030: #0000004d;
|
|
126
|
+
$colorsYin055: #0000008c;
|
|
127
|
+
$colorsYin065: #000000a6;
|
|
128
|
+
$colorsYin075: #000000bf;
|
|
129
|
+
$colorsYin090: #000000e6;
|
|
130
|
+
$colorsYang100: #ffffffff;
|
|
131
|
+
$colorsYang030: #ffffff4d;
|
|
132
|
+
$colorsYang080: #ffffffcc;
|
|
133
|
+
$colorsGray600: #666666ff;
|
|
134
|
+
$colorsGray700: #4d4d4dff;
|
|
135
|
+
$colorsGray750: #404040ff;
|
|
136
|
+
$colorsGray850: #262626ff;
|
|
137
|
+
$colorsGray900: #191919ff;
|
|
138
|
+
$colorsGray1000: #000000ff;
|
|
139
|
+
$colorsGray000: #ffffffff;
|
|
140
|
+
$colorsDisabled400: #f2f5f6ff;
|
|
141
|
+
$colorsDisabled500: #e6ebedff;
|
|
142
|
+
$colorsDisabled600: #ccd6dbff;
|
|
143
|
+
$colorsReadOnly400: #f2f5f6ff;
|
|
144
|
+
$colorsReadOnly500: #e6ebedff;
|
|
145
|
+
$colorsReadOnly600: #ccd6dbff;
|
|
146
|
+
$colorsComponentsMenuSpringStandard500: #e6ebedff;
|
|
147
|
+
$colorsComponentsMenuSpringStandard600: #007e45ff;
|
|
148
|
+
$colorsComponentsMenuSpringStandard700: #d9e0e4ff;
|
|
149
|
+
$colorsComponentsMenuSpringParent500: #e6ebedff;
|
|
150
|
+
$colorsComponentsMenuSpringParent600: #007e45ff;
|
|
151
|
+
$colorsComponentsMenuSpringParent700: #d9e0e4ff;
|
|
152
|
+
$colorsComponentsMenuSpringChild400: #ccd6dbff;
|
|
153
|
+
$colorsComponentsMenuSpringChild500: #ffffffff;
|
|
154
|
+
$colorsComponentsMenuSpringChild600: #007e45ff;
|
|
155
|
+
$colorsComponentsMenuSpringChildAlt400: #ccd6dbff;
|
|
156
|
+
$colorsComponentsMenuSpringChildAlt500: #e6ebedff;
|
|
157
|
+
$colorsComponentsMenuSpringChildAlt600: #007e45ff;
|
|
158
|
+
$colorsComponentsMenuSummerStandard400: #ccd6dbff;
|
|
159
|
+
$colorsComponentsMenuSummerStandard500: #ffffffff;
|
|
160
|
+
$colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
161
|
+
$colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
162
|
+
$colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
163
|
+
$colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
164
|
+
$colorsComponentsMenuSummerParent500: #ffffffff;
|
|
165
|
+
$colorsComponentsMenuSummerParent600: #007e45ff;
|
|
166
|
+
$colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
167
|
+
$colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
168
|
+
$colorsComponentsMenuSummerChild300: #b3c2c9ff;
|
|
169
|
+
$colorsComponentsMenuSummerChild400: #ccd6dbff;
|
|
170
|
+
$colorsComponentsMenuSummerChild500: #e6ebedff;
|
|
171
|
+
$colorsComponentsMenuSummerChild600: #007e45ff;
|
|
172
|
+
$colorsComponentsMenuSummerChild700: #e6ebedff;
|
|
173
|
+
$colorsComponentsMenuSummerChild800: #e6ebedff;
|
|
174
|
+
$colorsComponentsMenuSummerChildAlt300: #b3c2c9ff;
|
|
175
|
+
$colorsComponentsMenuSummerChildAlt400: #ccd6dbff;
|
|
176
|
+
$colorsComponentsMenuSummerChildAlt500: #d9e0e4ff;
|
|
177
|
+
$colorsComponentsMenuSummerChildAlt600: #007e45ff;
|
|
178
|
+
$colorsComponentsMenuSummerChildAlt700: #d9e0e4ff;
|
|
179
|
+
$colorsComponentsMenuSummerChildAlt800: #d9e0e4ff;
|
|
180
|
+
$colorsComponentsMenuAutumnStandard500: #00324cff;
|
|
181
|
+
$colorsComponentsMenuAutumnStandard600: #007e45ff;
|
|
182
|
+
$colorsComponentsMenuAutumnStandard700: #19475eff;
|
|
183
|
+
$colorsComponentsMenuAutumnParent500: #00324cff;
|
|
184
|
+
$colorsComponentsMenuAutumnParent600: #007e45ff;
|
|
185
|
+
$colorsComponentsMenuAutumnParent700: #19475eff;
|
|
186
|
+
$colorsComponentsMenuAutumnChild400: #19475eff;
|
|
187
|
+
$colorsComponentsMenuAutumnChild500: #001926ff;
|
|
188
|
+
$colorsComponentsMenuAutumnChild600: #007e45ff;
|
|
189
|
+
$colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
190
|
+
$colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
191
|
+
$colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
192
|
+
$colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
193
|
+
$colorsComponentsMenuWinterStandard500: #000000ff;
|
|
194
|
+
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
195
|
+
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
196
|
+
$colorsComponentsMenuWinterStandard800: #262626ff;
|
|
197
|
+
$colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
198
|
+
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
199
|
+
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
200
|
+
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
201
|
+
$colorsComponentsMenuWinterParent800: #262626ff;
|
|
202
|
+
$colorsComponentsMenuWinterChild300: #666666ff;
|
|
203
|
+
$colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
204
|
+
$colorsComponentsMenuWinterChild500: #262626ff;
|
|
205
|
+
$colorsComponentsMenuWinterChild600: #007e45ff;
|
|
206
|
+
$colorsComponentsMenuWinterChild700: #262626ff;
|
|
207
|
+
$colorsComponentsMenuWinterChild800: #262626ff;
|
|
208
|
+
$colorsComponentsMenuWinterChildAlt300: #666666ff;
|
|
209
|
+
$colorsComponentsMenuWinterChildAlt400: #4d4d4dff;
|
|
210
|
+
$colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
211
|
+
$colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
212
|
+
$colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
213
|
+
$colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
214
|
+
$colorsComponentsMenuYin100: #000000ff;
|
|
215
|
+
$colorsComponentsMenuYin065: #000000a6;
|
|
216
|
+
$colorsComponentsMenuYin090: #000000e6;
|
|
217
|
+
$colorsComponentsMenuYang100: #ffffffff;
|
|
218
|
+
$colorsComponentsMenuYang080: #ffffffcc;
|
|
219
|
+
$colorsComponentsMenuTransparent: #00000000;
|
|
220
220
|
$sizing100: 8px;
|
|
221
221
|
$sizing125: 10px;
|
|
222
222
|
$sizing150: 12px;
|
|
@@ -316,7 +316,7 @@ $typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
|
316
316
|
$typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
317
317
|
$typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
|
318
318
|
$typographyCardSelectParagraphM: 400 14px/150% Sage UI;
|
|
319
|
-
$typographyDatePickerCalendarDateM:
|
|
319
|
+
$typographyDatePickerCalendarDateM: 700 14px/150% Sage UI;
|
|
320
320
|
$typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
|
|
321
321
|
$typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
|
|
322
322
|
$typographyDialogTitleXs: 700 24px/125% Sage UI;
|
|
@@ -386,28 +386,24 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
|
|
|
386
386
|
$typographyPillLabelM: 500 12px/150% Sage UI;
|
|
387
387
|
$typographyPillLabelL: 500 14px/150% Sage UI;
|
|
388
388
|
$typographyPillLabelXl: 500 16px/150% Sage UI;
|
|
389
|
-
$typographyProfileEmailTextXs: 400 12px/100% Sage UI;
|
|
390
389
|
$typographyProfileEmailTextS: 400 14px/100% Sage UI;
|
|
391
390
|
$typographyProfileEmailTextM: 400 14px/125% Sage UI;
|
|
392
391
|
$typographyProfileEmailTextMl: 400 14px/125% Sage UI;
|
|
393
392
|
$typographyProfileEmailTextL: 400 14px/125% Sage UI;
|
|
394
393
|
$typographyProfileEmailTextXl: 400 18px/125% Sage UI;
|
|
395
394
|
$typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
|
|
396
|
-
$typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
|
|
397
395
|
$typographyProfileEmailLinkS: 400 14px/100% Sage UI;
|
|
398
396
|
$typographyProfileEmailLinkM: 400 14px/125% Sage UI;
|
|
399
397
|
$typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
|
|
400
398
|
$typographyProfileEmailLinkL: 400 14px/125% Sage UI;
|
|
401
399
|
$typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
|
|
402
400
|
$typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
|
|
403
|
-
$typographyProfileInitialsXs: 500 10px/150% Sage UI;
|
|
404
401
|
$typographyProfileInitialsS: 500 14px/150% Sage UI;
|
|
405
402
|
$typographyProfileInitialsM: 500 18px/150% Sage UI;
|
|
406
403
|
$typographyProfileInitialsMl: 500 24px/150% Sage UI;
|
|
407
404
|
$typographyProfileInitialsL: 500 32px/150% Sage UI;
|
|
408
405
|
$typographyProfileInitialsXl: 500 48px/150% Sage UI;
|
|
409
406
|
$typographyProfileInitialsXxl: 500 56px/150% Sage UI;
|
|
410
|
-
$typographyProfileNameXs: 500 13px/100% Sage UI;
|
|
411
407
|
$typographyProfileNameS: 500 14px/100% Sage UI;
|
|
412
408
|
$typographyProfileNameM: 500 14px/125% Sage UI;
|
|
413
409
|
$typographyProfileNameMl: 500 16px/125% Sage UI;
|
|
@@ -417,7 +413,6 @@ $typographyProfileNameXxl: 500 32px/125% Sage UI;
|
|
|
417
413
|
$typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
|
|
418
414
|
$typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
|
|
419
415
|
$typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
|
|
420
|
-
$typographySearchLabelM: 400 14px/150% Sage UI;
|
|
421
416
|
$typographySidebarTitleXs: 700 20px/125% Sage UI;
|
|
422
417
|
$typographySidebarTitleS: 700 20px/125% Sage UI;
|
|
423
418
|
$typographySidebarTitleMs: 700 20px/125% Sage UI;
|
|
Binary file
|