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