@sage/design-tokens 2.2.0 → 2.3.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 +385 -0
- package/assets/fonts/sageui.css +18 -18
- package/css/base.css +387 -0
- package/data/tokens.json +1450 -257
- package/docs/tokens/{no-theme → base}/border-radius/index.html +25 -20
- package/docs/tokens/{no-theme → base}/border-width/index.html +35 -30
- package/docs/tokens/base/box-shadow/index.html +451 -0
- package/docs/tokens/base/colors/index.html +4063 -0
- package/docs/tokens/{no-theme → base}/font-families/index.html +33 -28
- package/docs/tokens/{no-theme → base}/font-sizes/index.html +65 -60
- package/docs/tokens/{no-theme → base}/font-weights/index.html +29 -24
- package/docs/tokens/base/index.html +8353 -0
- package/docs/tokens/{no-theme → base}/line-heights/index.html +47 -21
- package/docs/tokens/{no-theme/box-shadow → base/opacity}/index.html +42 -58
- package/docs/tokens/{no-theme → base}/sizing/index.html +167 -78
- package/docs/tokens/{no-theme → base}/spacing/index.html +71 -66
- package/docs/tokens/base/typography/index.html +2698 -0
- package/docs/tokens/index.html +4318 -1771
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/ios/base.h +389 -0
- package/js/{no-theme → base}/common.d.ts +136 -16
- package/js/base/common.js +387 -0
- package/js/{no-theme → base}/es6.d.ts +136 -16
- package/js/base/es6.js +382 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.3.0.tgz +0 -0
- package/scss/base.scss +384 -0
- package/android/no-theme.xml +0 -265
- package/css/no-theme.css +0 -267
- package/docs/tokens/no-theme/colors/index.html +0 -2903
- package/docs/tokens/no-theme/index.html +0 -5811
- package/docs/tokens/no-theme/typography/index.html +0 -1559
- package/ios/no-theme.h +0 -269
- package/js/no-theme/common.js +0 -267
- package/js/no-theme/es6.js +0 -262
- package/sage-design-tokens-2.2.0.tgz +0 -0
- package/scss/no-theme.scss +0 -264
package/android/base.xml
ADDED
|
@@ -0,0 +1,385 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Tue, 15 Mar 2022 13:44:38 GMT
|
|
6
|
+
-->
|
|
7
|
+
<resources>
|
|
8
|
+
<string name="metaName">Base Theme</string>
|
|
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="colorsGray850">#262626ff</string>
|
|
21
|
+
<string name="colorsGray900">#1a1a1aff</string>
|
|
22
|
+
<string name="colorsGray1000">#000000ff</string>
|
|
23
|
+
<string name="colorsGray000">#ffffffff</string>
|
|
24
|
+
<string name="colorsDisabled400">#f2f5f6ff</string>
|
|
25
|
+
<string name="colorsDisabled500">#e6ebedff</string>
|
|
26
|
+
<string name="colorsDisabled600">#ccd6dbff</string>
|
|
27
|
+
<string name="colorsReadOnly400">#f2f5f6ff</string>
|
|
28
|
+
<string name="colorsReadOnly500">#e6ebedff</string>
|
|
29
|
+
<string name="colorsReadOnly600">#ccd6dbff</string>
|
|
30
|
+
<string name="colorsComponentsMenuSpringStandard500">#e6ebedff</string>
|
|
31
|
+
<string name="colorsComponentsMenuSpringStandard600">#007e45ff</string>
|
|
32
|
+
<string name="colorsComponentsMenuSpringStandard700">#d9e0e4ff</string>
|
|
33
|
+
<string name="colorsComponentsMenuSpringParent500">#e6ebedff</string>
|
|
34
|
+
<string name="colorsComponentsMenuSpringParent600">#ffffffff</string>
|
|
35
|
+
<string name="colorsComponentsMenuSpringParent700">#d9e0e4ff</string>
|
|
36
|
+
<string name="colorsComponentsMenuSpringChild400">#ccd6dbff</string>
|
|
37
|
+
<string name="colorsComponentsMenuSpringChild500">#ffffffff</string>
|
|
38
|
+
<string name="colorsComponentsMenuSpringChild600">#007e45ff</string>
|
|
39
|
+
<string name="colorsComponentsMenuSpringChildAlt500">#e6ebedff</string>
|
|
40
|
+
<string name="colorsComponentsMenuSpringChildAlt600">#007e45ff</string>
|
|
41
|
+
<string name="colorsComponentsMenuSummerStandard500">#ffffffff</string>
|
|
42
|
+
<string name="colorsComponentsMenuSummerStandard600">#007e45ff</string>
|
|
43
|
+
<string name="colorsComponentsMenuSummerStandard700">#f2f5f6ff</string>
|
|
44
|
+
<string name="colorsComponentsMenuSummerParent500">#ffffffff</string>
|
|
45
|
+
<string name="colorsComponentsMenuSummerParent600">#e6ebedff</string>
|
|
46
|
+
<string name="colorsComponentsMenuSummerParent700">#f2f5f6ff</string>
|
|
47
|
+
<string name="colorsComponentsMenuSummerChild400">#b3c2c9ff</string>
|
|
48
|
+
<string name="colorsComponentsMenuSummerChild500">#e6ebedff</string>
|
|
49
|
+
<string name="colorsComponentsMenuSummerChild600">#007e45ff</string>
|
|
50
|
+
<string name="colorsComponentsMenuSummerChildAlt500">#ccd6dbff</string>
|
|
51
|
+
<string name="colorsComponentsMenuSummerChildAlt600">#007e45ff</string>
|
|
52
|
+
<string name="colorsComponentsMenuAutumnStandard500">#00324cff</string>
|
|
53
|
+
<string name="colorsComponentsMenuAutumnStandard600">#007e45ff</string>
|
|
54
|
+
<string name="colorsComponentsMenuAutumnStandard700">#19475eff</string>
|
|
55
|
+
<string name="colorsComponentsMenuAutumnParent500">#00324cff</string>
|
|
56
|
+
<string name="colorsComponentsMenuAutumnParent600">#001926ff</string>
|
|
57
|
+
<string name="colorsComponentsMenuAutumnParent700">#19475eff</string>
|
|
58
|
+
<string name="colorsComponentsMenuAutumnChild400">#19475eff</string>
|
|
59
|
+
<string name="colorsComponentsMenuAutumnChild500">#001926ff</string>
|
|
60
|
+
<string name="colorsComponentsMenuAutumnChild600">#007e45ff</string>
|
|
61
|
+
<string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
|
|
62
|
+
<string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
|
|
63
|
+
<string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
|
|
64
|
+
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
65
|
+
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
66
|
+
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
67
|
+
<string name="colorsComponentsMenuWinterParent600">#000000ff</string>
|
|
68
|
+
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
69
|
+
<string name="colorsComponentsMenuWinterChild400">#262626ff</string>
|
|
70
|
+
<string name="colorsComponentsMenuWinterChild500">#000000ff</string>
|
|
71
|
+
<string name="colorsComponentsMenuWinterChild600">#007e45ff</string>
|
|
72
|
+
<string name="colorsComponentsMenuWinterChildAlt500">#1a1a1aff</string>
|
|
73
|
+
<string name="colorsComponentsMenuWinterChildAlt600">#007e45ff</string>
|
|
74
|
+
<string name="colorsComponentsMenuYin100">#000000ff</string>
|
|
75
|
+
<string name="colorsComponentsMenuYin065">#000000a6</string>
|
|
76
|
+
<string name="colorsComponentsMenuYin090">#000000e6</string>
|
|
77
|
+
<string name="colorsComponentsMenuYang100">#ffffffff</string>
|
|
78
|
+
<string name="colorsComponentsMenuYang080">#ffffffcc</string>
|
|
79
|
+
<string name="colorsUtilityMajor100">#ccd6dbff</string>
|
|
80
|
+
<string name="colorsUtilityMajor150">#b3c2c9ff</string>
|
|
81
|
+
<string name="colorsUtilityMajor200">#99adb7ff</string>
|
|
82
|
+
<string name="colorsUtilityMajor300">#668494ff</string>
|
|
83
|
+
<string name="colorsUtilityMajor400">#335b70ff</string>
|
|
84
|
+
<string name="colorsUtilityMajor500">#00324cff</string>
|
|
85
|
+
<string name="colorsUtilityMajor800">#00141eff</string>
|
|
86
|
+
<string name="colorsUtilityMajor025">#f2f5f6ff</string>
|
|
87
|
+
<string name="colorsUtilityMajor010">#fafbfbff</string>
|
|
88
|
+
<string name="colorsUtilityMajor040">#edf1f2ff</string>
|
|
89
|
+
<string name="colorsUtilityMajor050">#e6ebedff</string>
|
|
90
|
+
<string name="colorsUtilityMajor075">#d9e0e4ff</string>
|
|
91
|
+
<string name="colorsUtilityMajorTransparent">#00000000</string>
|
|
92
|
+
<string name="colorsUtilityYin030">#0000004d</string>
|
|
93
|
+
<string name="colorsUtilityYin055">#0000008c</string>
|
|
94
|
+
<string name="colorsUtilityYin065">#000000a6</string>
|
|
95
|
+
<string name="colorsUtilityYin090">#000000e6</string>
|
|
96
|
+
<string name="colorsUtilityYang100">#ffffffff</string>
|
|
97
|
+
<string name="colorsUtilityDisabled400">#f2f5f6ff</string>
|
|
98
|
+
<string name="colorsUtilityDisabled500">#e6ebedff</string>
|
|
99
|
+
<string name="colorsUtilityDisabled600">#ccd6dbff</string>
|
|
100
|
+
<string name="colorsUtilityReadOnly400">#f2f5f6ff</string>
|
|
101
|
+
<string name="colorsUtilityReadOnly500">#e6ebedff</string>
|
|
102
|
+
<string name="colorsUtilityReadOnly600">#ccd6dbff</string>
|
|
103
|
+
<string name="colorsActionMajor150">#b3d9c8ff</string>
|
|
104
|
+
<string name="colorsActionMajor350">#4da77eff</string>
|
|
105
|
+
<string name="colorsActionMajor450">#198e59ff</string>
|
|
106
|
+
<string name="colorsActionMajor500">#007e45ff</string>
|
|
107
|
+
<string name="colorsActionMajor600">#006738ff</string>
|
|
108
|
+
<string name="colorsActionMajor700">#004d2aff</string>
|
|
109
|
+
<string name="colorsActionMajor025">#f2f9f6ff</string>
|
|
110
|
+
<string name="colorsActionMajorTransparent">#00000000</string>
|
|
111
|
+
<string name="colorsActionMajorYin030">#0000004d</string>
|
|
112
|
+
<string name="colorsActionMajorYin055">#0000008c</string>
|
|
113
|
+
<string name="colorsActionMajorYin065">#000000a6</string>
|
|
114
|
+
<string name="colorsActionMajorYin090">#000000e6</string>
|
|
115
|
+
<string name="colorsActionMajorYang100">#ffffffff</string>
|
|
116
|
+
<string name="colorsActionMajorYang030">#ffffff4d</string>
|
|
117
|
+
<string name="colorsActionMinor100">#e6ebedff</string>
|
|
118
|
+
<string name="colorsActionMinor150">#d9e0e4ff</string>
|
|
119
|
+
<string name="colorsActionMinor200">#ccd6dbff</string>
|
|
120
|
+
<string name="colorsActionMinor250">#b3c2c9ff</string>
|
|
121
|
+
<string name="colorsActionMinor300">#99adb7ff</string>
|
|
122
|
+
<string name="colorsActionMinor400">#668494ff</string>
|
|
123
|
+
<string name="colorsActionMinor500">#335b70ff</string>
|
|
124
|
+
<string name="colorsActionMinor550">#19475eff</string>
|
|
125
|
+
<string name="colorsActionMinor600">#00324cff</string>
|
|
126
|
+
<string name="colorsActionMinor850">#001926ff</string>
|
|
127
|
+
<string name="colorsActionMinor900">#00141eff</string>
|
|
128
|
+
<string name="colorsActionMinor025">#fafbfbff</string>
|
|
129
|
+
<string name="colorsActionMinor050">#f2f5f6ff</string>
|
|
130
|
+
<string name="colorsActionMinorTransparent">#00000000</string>
|
|
131
|
+
<string name="colorsActionMinorYin030">#0000004d</string>
|
|
132
|
+
<string name="colorsActionMinorYin055">#0000008c</string>
|
|
133
|
+
<string name="colorsActionMinorYin065">#000000a6</string>
|
|
134
|
+
<string name="colorsActionMinorYin090">#000000e6</string>
|
|
135
|
+
<string name="colorsActionMinorYang100">#ffffffff</string>
|
|
136
|
+
<string name="colorsActionDisabled400">#f2f5f6ff</string>
|
|
137
|
+
<string name="colorsActionDisabled500">#e6ebedff</string>
|
|
138
|
+
<string name="colorsActionDisabled600">#ccd6dbff</string>
|
|
139
|
+
<string name="colorsActionReadOnly400">#f2f5f6ff</string>
|
|
140
|
+
<string name="colorsActionReadOnly500">#e6ebedff</string>
|
|
141
|
+
<string name="colorsActionReadOnly600">#ccd6dbff</string>
|
|
142
|
+
<string name="colorsSemanticNeutral200">#ccd6dbff</string>
|
|
143
|
+
<string name="colorsSemanticNeutral500">#335b70ff</string>
|
|
144
|
+
<string name="colorsSemanticNeutral600">#00324cff</string>
|
|
145
|
+
<string name="colorsSemanticNeutralTransparent">#00000000</string>
|
|
146
|
+
<string name="colorsSemanticNeutralYin030">#0000004d</string>
|
|
147
|
+
<string name="colorsSemanticNeutralYin055">#0000008c</string>
|
|
148
|
+
<string name="colorsSemanticNeutralYin065">#000000a6</string>
|
|
149
|
+
<string name="colorsSemanticNeutralYin090">#000000e6</string>
|
|
150
|
+
<string name="colorsSemanticNeutralYang100">#ffffffff</string>
|
|
151
|
+
<string name="colorsSemanticFocus250">#ffda80ff</string>
|
|
152
|
+
<string name="colorsSemanticFocus500">#ffb500ff</string>
|
|
153
|
+
<string name="colorsSemanticFocusTransparent">#00000000</string>
|
|
154
|
+
<string name="colorsSemanticPositive500">#008a21ff</string>
|
|
155
|
+
<string name="colorsSemanticPositive600">#006e1aff</string>
|
|
156
|
+
<string name="colorsSemanticPositiveTransparent">#00000000</string>
|
|
157
|
+
<string name="colorsSemanticPositiveYin030">#0000004d</string>
|
|
158
|
+
<string name="colorsSemanticPositiveYin055">#0000008c</string>
|
|
159
|
+
<string name="colorsSemanticPositiveYin065">#000000a6</string>
|
|
160
|
+
<string name="colorsSemanticPositiveYin090">#000000e6</string>
|
|
161
|
+
<string name="colorsSemanticPositiveYang100">#ffffffff</string>
|
|
162
|
+
<string name="colorsSemanticNegative500">#cd384bff</string>
|
|
163
|
+
<string name="colorsSemanticNegative600">#a42d3cff</string>
|
|
164
|
+
<string name="colorsSemanticNegativeTransparent">#00000000</string>
|
|
165
|
+
<string name="colorsSemanticNegativeYin030">#0000004d</string>
|
|
166
|
+
<string name="colorsSemanticNegativeYin055">#0000008c</string>
|
|
167
|
+
<string name="colorsSemanticNegativeYin065">#000000a6</string>
|
|
168
|
+
<string name="colorsSemanticNegativeYin090">#000000e6</string>
|
|
169
|
+
<string name="colorsSemanticNegativeYang100">#ffffffff</string>
|
|
170
|
+
<string name="colorsSemanticCaution400">#f28533ff</string>
|
|
171
|
+
<string name="colorsSemanticCaution500">#ef6700ff</string>
|
|
172
|
+
<string name="colorsSemanticCaution600">#bf5200ff</string>
|
|
173
|
+
<string name="colorsSemanticCaution650">#a74800ff</string>
|
|
174
|
+
<string name="colorsSemanticCautionTransparent">#00000000</string>
|
|
175
|
+
<string name="colorsSemanticCautionYin030">#0000004d</string>
|
|
176
|
+
<string name="colorsSemanticCautionYin055">#0000008c</string>
|
|
177
|
+
<string name="colorsSemanticCautionYin065">#000000a6</string>
|
|
178
|
+
<string name="colorsSemanticCautionYin090">#000000e6</string>
|
|
179
|
+
<string name="colorsSemanticCautionYang100">#ffffffff</string>
|
|
180
|
+
<string name="colorsSemanticInfo150">#b3cfe5ff</string>
|
|
181
|
+
<string name="colorsSemanticInfo500">#0060a7ff</string>
|
|
182
|
+
<string name="colorsSemanticInfo600">#004d86ff</string>
|
|
183
|
+
<string name="colorsSemanticInfoTransparent">#00000000</string>
|
|
184
|
+
<string name="colorsSemanticInfoYin030">#0000004d</string>
|
|
185
|
+
<string name="colorsSemanticInfoYin055">#0000008c</string>
|
|
186
|
+
<string name="colorsSemanticInfoYin065">#000000a6</string>
|
|
187
|
+
<string name="colorsSemanticInfoYin090">#000000e6</string>
|
|
188
|
+
<string name="colorsSemanticInfoYang100">#ffffffff</string>
|
|
189
|
+
<string name="sizing100">8px</string>
|
|
190
|
+
<string name="sizing125">10px</string>
|
|
191
|
+
<string name="sizing150">12px</string>
|
|
192
|
+
<string name="sizing175">14px</string>
|
|
193
|
+
<string name="sizing200">16px</string>
|
|
194
|
+
<string name="sizing250">20px</string>
|
|
195
|
+
<string name="sizing275">22px</string>
|
|
196
|
+
<string name="sizing300">24px</string>
|
|
197
|
+
<string name="sizing350">28px</string>
|
|
198
|
+
<string name="sizing375">30px</string>
|
|
199
|
+
<string name="sizing400">32px</string>
|
|
200
|
+
<string name="sizing450">36px</string>
|
|
201
|
+
<string name="sizing500">40px</string>
|
|
202
|
+
<string name="sizing600">48px</string>
|
|
203
|
+
<string name="sizing700">56px</string>
|
|
204
|
+
<string name="sizing800">64px</string>
|
|
205
|
+
<string name="sizing900">72px</string>
|
|
206
|
+
<string name="sizing1000">80px</string>
|
|
207
|
+
<string name="sizing1300">104px</string>
|
|
208
|
+
<string name="sizing1600">128px</string>
|
|
209
|
+
<string name="sizing025">2px</string>
|
|
210
|
+
<string name="sizing050">4px</string>
|
|
211
|
+
<string name="sizing075">6px</string>
|
|
212
|
+
<string name="sizingLogowidth">40px</string>
|
|
213
|
+
<string name="sizing010">1px</string>
|
|
214
|
+
<string name="spacing100">8px</string>
|
|
215
|
+
<string name="spacing125">10px</string>
|
|
216
|
+
<string name="spacing150">12px</string>
|
|
217
|
+
<string name="spacing200">16px</string>
|
|
218
|
+
<string name="spacing250">20px</string>
|
|
219
|
+
<string name="spacing300">24px</string>
|
|
220
|
+
<string name="spacing400">32px</string>
|
|
221
|
+
<string name="spacing500">40px</string>
|
|
222
|
+
<string name="spacing600">48px</string>
|
|
223
|
+
<string name="spacing700">56px</string>
|
|
224
|
+
<string name="spacing800">64px</string>
|
|
225
|
+
<string name="spacing900">72px</string>
|
|
226
|
+
<string name="spacing1000">80px</string>
|
|
227
|
+
<string name="spacing000">0</string>
|
|
228
|
+
<string name="spacing025">2px</string>
|
|
229
|
+
<string name="spacing050">4px</string>
|
|
230
|
+
<string name="spacing075">6px</string>
|
|
231
|
+
<string name="borderWidth100">1px</string>
|
|
232
|
+
<string name="borderWidth200">2px</string>
|
|
233
|
+
<string name="borderWidth300">3px</string>
|
|
234
|
+
<string name="borderWidth400">4px</string>
|
|
235
|
+
<string name="borderWidth000">0px</string>
|
|
236
|
+
<string name="fontSizes100">14px</string>
|
|
237
|
+
<string name="fontSizes200">16px</string>
|
|
238
|
+
<string name="fontSizes300">18px</string>
|
|
239
|
+
<string name="fontSizes400">20px</string>
|
|
240
|
+
<string name="fontSizes500">22px</string>
|
|
241
|
+
<string name="fontSizes600">24px</string>
|
|
242
|
+
<string name="fontSizes700">32px</string>
|
|
243
|
+
<string name="fontSizes800">40px</string>
|
|
244
|
+
<string name="fontSizes900">48px</string>
|
|
245
|
+
<string name="fontSizes1000">56px</string>
|
|
246
|
+
<string name="fontSizes010">10px</string>
|
|
247
|
+
<string name="fontSizes025">12px</string>
|
|
248
|
+
<string name="fontSizes050">13px</string>
|
|
249
|
+
<string name="boxShadow100">0 5px 5px 0 #00141e33, 0 10px 10px 0 #00141e1a</string>
|
|
250
|
+
<string name="boxShadow150">0 -4px 12px 0 #00141e0d</string>
|
|
251
|
+
<string name="boxShadow200">0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a</string>
|
|
252
|
+
<string name="boxShadow300">0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a</string>
|
|
253
|
+
<string name="boxShadow400">0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a</string>
|
|
254
|
+
<string name="boxShadow075">inset 0 6px 4px -4px #00141e0d</string>
|
|
255
|
+
<string name="boxShadow050">0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26</string>
|
|
256
|
+
<string name="fontWeights400">Regular</string>
|
|
257
|
+
<string name="fontWeights500">Medium</string>
|
|
258
|
+
<string name="fontWeights700">Bold</string>
|
|
259
|
+
<string name="lineHeights300">100%</string>
|
|
260
|
+
<string name="lineHeights400">125%</string>
|
|
261
|
+
<string name="lineHeights500">150%</string>
|
|
262
|
+
<string name="fontFamiliesDefault">Sage UI</string>
|
|
263
|
+
<string name="fontFamiliesIos">San Francisco</string>
|
|
264
|
+
<string name="fontFamiliesAndroid">Roboto</string>
|
|
265
|
+
<string name="fontFamiliesOther">Open Sans</string>
|
|
266
|
+
<string name="borderRadiusCircle">50%</string>
|
|
267
|
+
<string name="typographyAccordionTitleM">Bold 20px/125% Sage UI</string>
|
|
268
|
+
<string name="typographyAccordionSubtitleM">Regular 14px/150% Sage UI</string>
|
|
269
|
+
<string name="typographyAccordionParagraphM">Regular 14px/150% Sage UI</string>
|
|
270
|
+
<string name="typographyActionPopoverMenuItemM">Bold 14px/150% Sage UI</string>
|
|
271
|
+
<string name="typographyAnchorNavLabelM">Medium 14px/150% Sage UI</string>
|
|
272
|
+
<string name="typographyBadgeLabelM">Medium 12px/150% Sage UI</string>
|
|
273
|
+
<string name="typographyButtonLabelS">Bold 14px/150% Sage UI</string>
|
|
274
|
+
<string name="typographyButtonLabelM">Bold 14px/150% Sage UI</string>
|
|
275
|
+
<string name="typographyButtonLabelL">Bold 16px/150% Sage UI</string>
|
|
276
|
+
<string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
|
|
277
|
+
<string name="typographyCardSelectSubtitleM">Medium 14px/150% Sage UI</string>
|
|
278
|
+
<string name="typographyCardSelectParagraphM">Regular 14px/150% Sage UI</string>
|
|
279
|
+
<string name="typographyDatePickerCalendarDateM">Bold 14px/150% Sage UI</string>
|
|
280
|
+
<string name="typographyDatePickerCalendarDayM">Bold 14px/150% Sage UI</string>
|
|
281
|
+
<string name="typographyDatePickerCalendarMonthM">Bold 16px/125% Sage UI</string>
|
|
282
|
+
<string name="typographyDialogTitleM">Bold 24px/125% Sage UI</string>
|
|
283
|
+
<string name="typographyDialogParagraphM">Regular 14px/150% Sage UI</string>
|
|
284
|
+
<string name="typographyDrawerTitleM">Bold 22px/125% Sage UI</string>
|
|
285
|
+
<string name="typographyDrawerParagraphM">0 none</string>
|
|
286
|
+
<string name="typographyFlashTextM">Regular 14px/150% Sage UI</string>
|
|
287
|
+
<string name="typographyFlashTextL">Regular 16px/150% Sage UI</string>
|
|
288
|
+
<string name="typographyFormFieldLabelXs">Medium 14px/150% Sage UI</string>
|
|
289
|
+
<string name="typographyFormFieldLabelS">Medium 14px/150% Sage UI</string>
|
|
290
|
+
<string name="typographyFormFieldLabelM">Medium 14px/150% Sage UI</string>
|
|
291
|
+
<string name="typographyFormFieldLabelL">Medium 16px/150% Sage UI</string>
|
|
292
|
+
<string name="typographyFormFieldHintTextXs">Regular 14px/150% Sage UI</string>
|
|
293
|
+
<string name="typographyFormFieldHintTextS">Regular 14px/150% Sage UI</string>
|
|
294
|
+
<string name="typographyFormFieldHintTextM">Regular 14px/150% Sage UI</string>
|
|
295
|
+
<string name="typographyFormFieldHintTextL">Regular 16px/150% Sage UI</string>
|
|
296
|
+
<string name="typographyFormFieldErrorMessageXs">Medium 14px/150% Sage UI</string>
|
|
297
|
+
<string name="typographyFormFieldErrorMessageS">Medium 14px/150% Sage UI</string>
|
|
298
|
+
<string name="typographyFormFieldErrorMessageM">Medium 14px/150% Sage UI</string>
|
|
299
|
+
<string name="typographyFormFieldErrorMessageL">Medium 16px/150% Sage UI</string>
|
|
300
|
+
<string name="typographyFormFieldCautionMessageXs">Regular 14px/150% Sage UI</string>
|
|
301
|
+
<string name="typographyFormFieldCautionMessageS">Regular 14px/150% Sage UI</string>
|
|
302
|
+
<string name="typographyFormFieldCautionMessageM">Regular 14px/150% Sage UI</string>
|
|
303
|
+
<string name="typographyFormFieldCautionMessageL">Regular 16px/150% Sage UI</string>
|
|
304
|
+
<string name="typographyFormFieldInputTextXs">Regular 14px/150% Sage UI</string>
|
|
305
|
+
<string name="typographyFormFieldInputTextS">Regular 14px/150% Sage UI</string>
|
|
306
|
+
<string name="typographyFormFieldInputTextM">Regular 14px/150% Sage UI</string>
|
|
307
|
+
<string name="typographyFormFieldInputTextL">Regular 16px/150% Sage UI</string>
|
|
308
|
+
<string name="typographyFormFieldDropdownOptionsXs">Regular 14px/150% Sage UI</string>
|
|
309
|
+
<string name="typographyFormFieldDropdownOptionsS">Regular 14px/150% Sage UI</string>
|
|
310
|
+
<string name="typographyFormFieldDropdownOptionsM">Regular 14px/150% Sage UI</string>
|
|
311
|
+
<string name="typographyFormFieldDropdownOptionsL">Regular 16px/150% Sage UI</string>
|
|
312
|
+
<string name="typographyFormFieldSecondLabelXs">Medium 14px/150% Sage UI</string>
|
|
313
|
+
<string name="typographyFormFieldSecondLabelS">Medium 14px/150% Sage UI</string>
|
|
314
|
+
<string name="typographyFormFieldSecondLabelM">Medium 14px/150% Sage UI</string>
|
|
315
|
+
<string name="typographyFormFieldSecondLabelL">Medium 16px/150% Sage UI</string>
|
|
316
|
+
<string name="typographyFormFieldCharacterCountXs">Regular 14px/150% Sage UI</string>
|
|
317
|
+
<string name="typographyFormFieldCharacterCountS">Regular 14px/150% Sage UI</string>
|
|
318
|
+
<string name="typographyFormFieldCharacterCountM">Regular 14px/150% Sage UI</string>
|
|
319
|
+
<string name="typographyFormFieldCharacterCountL">Regular 16px/150% Sage UI</string>
|
|
320
|
+
<string name="typographyLinkTextS">Regular 12px/150% Sage UI</string>
|
|
321
|
+
<string name="typographyLinkTextM">Regular 14px/150% Sage UI</string>
|
|
322
|
+
<string name="typographyLinkTextL">Regular 16px/150% Sage UI</string>
|
|
323
|
+
<string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>
|
|
324
|
+
<string name="typographyMenuSegmentTitleM">Medium 12px/150% Sage UI</string>
|
|
325
|
+
<string name="typographyMessageHeadingM">Bold 14px/150% Sage UI</string>
|
|
326
|
+
<string name="typographyMessageHeadingL">Bold 16px/150% Sage UI</string>
|
|
327
|
+
<string name="typographyMessageTextM">Regular 14px/150% Sage UI</string>
|
|
328
|
+
<string name="typographyMessageTextL">Regular 16px/150% Sage UI</string>
|
|
329
|
+
<string name="typographyPaginationLabelM">Regular 13px/150% Sage UI</string>
|
|
330
|
+
<string name="typographyTileParagraphM">Regular 14px/150% Sage UI</string>
|
|
331
|
+
<string name="typographyPillLabelS">Medium 10px/150% Sage UI</string>
|
|
332
|
+
<string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
|
|
333
|
+
<string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
|
|
334
|
+
<string name="typographyPillLabelXl">Medium 16px/150% Sage UI</string>
|
|
335
|
+
<string name="typographyProfileEmailXs">Regular 12px/100% Sage UI</string>
|
|
336
|
+
<string name="typographyProfileEmailS">Regular 14px/100% Sage UI</string>
|
|
337
|
+
<string name="typographyProfileEmailM">Regular 14px/125% Sage UI</string>
|
|
338
|
+
<string name="typographyProfileEmailMl">Regular 14px/125% Sage UI</string>
|
|
339
|
+
<string name="typographyProfileEmailL">Regular 14px/125% Sage UI</string>
|
|
340
|
+
<string name="typographyProfileEmailXl">Regular 18px/125% Sage UI</string>
|
|
341
|
+
<string name="typographyProfileEmailXxl">Regular 24px/125% Sage UI</string>
|
|
342
|
+
<string name="typographyProfileInitialsXs">Medium 10px/150% Sage UI</string>
|
|
343
|
+
<string name="typographyProfileInitialsS">Medium 14px/150% Sage UI</string>
|
|
344
|
+
<string name="typographyProfileInitialsM">Medium 18px/150% Sage UI</string>
|
|
345
|
+
<string name="typographyProfileInitialsMl">Medium 24px/150% Sage UI</string>
|
|
346
|
+
<string name="typographyProfileInitialsL">Medium 32px/150% Sage UI</string>
|
|
347
|
+
<string name="typographyProfileInitialsXl">Medium 48px/150% Sage UI</string>
|
|
348
|
+
<string name="typographyProfileInitialsXxl">Medium 56px/150% Sage UI</string>
|
|
349
|
+
<string name="typographyProfileNameXs">Medium 13px/100% Sage UI</string>
|
|
350
|
+
<string name="typographyProfileNameS">Medium 14px/100% Sage UI</string>
|
|
351
|
+
<string name="typographyProfileNameM">Medium 14px/125% Sage UI</string>
|
|
352
|
+
<string name="typographyProfileNameMl">Medium 16px/125% Sage UI</string>
|
|
353
|
+
<string name="typographyProfileNameL">Medium 20px/125% Sage UI</string>
|
|
354
|
+
<string name="typographyProfileNameXl">Medium 24px/125% Sage UI</string>
|
|
355
|
+
<string name="typographyProfileNameXxl">Medium 32px/125% Sage UI</string>
|
|
356
|
+
<string name="typographyProgressTrackerValueLabelS">Medium 14px/150% Sage UI</string>
|
|
357
|
+
<string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
|
|
358
|
+
<string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
|
|
359
|
+
<string name="typographySearchLabelM">Regular 14px/150% Sage UI</string>
|
|
360
|
+
<string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
|
|
361
|
+
<string name="typographySidebarTitleM">Bold 20px/125% Sage UI</string>
|
|
362
|
+
<string name="typographySidebarTitleL">Bold 20px/125% Sage UI</string>
|
|
363
|
+
<string name="typographySidebarParagraphM">0 none</string>
|
|
364
|
+
<string name="typographyStepFlowCompleteLabelM">Medium 14px/150% Sage UI</string>
|
|
365
|
+
<string name="typographyStepFlowCurrentLabelM">Medium 14px/150% Sage UI</string>
|
|
366
|
+
<string name="typographyStepFlowIncompleteLabelM">Medium 14px/150% Sage UI</string>
|
|
367
|
+
<string name="typographySwitchOptionLabelM">Medium 12px/150% Sage UI</string>
|
|
368
|
+
<string name="typographySwitchOptionLabelL">Medium 14px/150% Sage UI</string>
|
|
369
|
+
<string name="typographyTableHeaderTextXs">Medium 13px/150% Sage UI</string>
|
|
370
|
+
<string name="typographyTableHeaderTextS">Medium 14px/150% Sage UI</string>
|
|
371
|
+
<string name="typographyTableHeaderTextM">Medium 14px/150% Sage UI</string>
|
|
372
|
+
<string name="typographyTableHeaderTextL">Medium 16px/150% Sage UI</string>
|
|
373
|
+
<string name="typographyTableHeaderTextXl">Medium 16px/150% Sage UI</string>
|
|
374
|
+
<string name="typographyTableCellTextXs">Regular 13px/150% Sage UI</string>
|
|
375
|
+
<string name="typographyTableCellTextS">Regular 14px/150% Sage UI</string>
|
|
376
|
+
<string name="typographyTableCellTextM">Regular 14px/150% Sage UI</string>
|
|
377
|
+
<string name="typographyTableCellTextL">Regular 16px/150% Sage UI</string>
|
|
378
|
+
<string name="typographyTableCellTextXl">Regular 16px/150% Sage UI</string>
|
|
379
|
+
<string name="typographyTooltipTextM">Regular 14px/150% Sage UI</string>
|
|
380
|
+
<string name="typographyTooltipTextL">Regular 16px/150% Sage UI</string>
|
|
381
|
+
<string name="opacity300">0.3</string>
|
|
382
|
+
<string name="opacity600">0.6</string>
|
|
383
|
+
<string name="opacity800">0.8</string>
|
|
384
|
+
|
|
385
|
+
</resources>
|
package/assets/fonts/sageui.css
CHANGED
|
@@ -3,34 +3,34 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
@font-face {
|
|
6
|
-
font-family: "
|
|
6
|
+
font-family: "Sage UI";
|
|
7
7
|
font-style: normal;
|
|
8
8
|
font-weight: 400;
|
|
9
|
-
src:local("
|
|
10
|
-
src:url("./sageui-regular.woff2") format("woff2"),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
src: local("Sage UI Regular"), local("SageUI-Regular");
|
|
10
|
+
src: url("./sageui-regular.woff2") format("woff2"),
|
|
11
|
+
url("./sageui-regular.woff") format("woff"),
|
|
12
|
+
url("./sageui-regular.ttf") format("truetype"),
|
|
13
|
+
url("./sageui-regular.otf") format("opentype");
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@font-face {
|
|
17
|
-
font-family: "
|
|
17
|
+
font-family: "Sage UI";
|
|
18
18
|
font-style: normal;
|
|
19
19
|
font-weight: 500;
|
|
20
|
-
src:local("
|
|
21
|
-
src:url("./sageui-medium.woff2") format("woff2"),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
src: local("Sage UI Medium"), local("SageUI-Medium");
|
|
21
|
+
src: url("./sageui-medium.woff2") format("woff2"),
|
|
22
|
+
url("./sageui-medium.woff") format("woff"),
|
|
23
|
+
url("./sageui-medium.ttf") format("truetype"),
|
|
24
|
+
url("./sageui-medium.otf") format("opentype");
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
@font-face {
|
|
28
|
-
font-family: "
|
|
28
|
+
font-family: "Sage UI";
|
|
29
29
|
font-style: normal;
|
|
30
30
|
font-weight: 700;
|
|
31
|
-
src:local("
|
|
32
|
-
src:url("./sageui-bold.woff2") format("woff2"),
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
src: local("Sage UI Bold"), local("SageUI-Bold");
|
|
32
|
+
src: url("./sageui-bold.woff2") format("woff2"),
|
|
33
|
+
url("./sageui-bold.woff") format("woff"),
|
|
34
|
+
url("./sageui-bold.ttf") format("truetype"),
|
|
35
|
+
url("./sageui-bold.otf") format("opentype");
|
|
36
36
|
}
|