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