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