@sage/design-tokens 2.33.0 → 2.34.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 -99
- package/css/base.css +99 -99
- package/data/tokens.json +857 -853
- package/docs/tokens/base/colors/index.html +1241 -1241
- package/docs/tokens/base/index.html +1242 -1242
- package/docs/tokens/base/typography/index.html +1 -1
- package/docs/tokens/index.html +1242 -1242
- package/ios/base.h +99 -99
- package/js/base/common.d.ts +97 -97
- package/js/base/common.js +99 -99
- package/js/base/es6.d.ts +97 -97
- package/js/base/es6.js +98 -98
- package/package.json +1 -1
- package/sage-design-tokens-2.34.0.tgz +0 -0
- package/scss/base.scss +99 -99
- 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:18:58 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>
|
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:18:58 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;
|