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