@sage/design-tokens 2.26.0 → 2.27.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 (28) hide show
  1. package/data/tokens.json +1 -3535
  2. package/docs/tokens/index.html +0 -9651
  3. package/index.d.ts +0 -2
  4. package/index.js +0 -3
  5. package/package.json +1 -1
  6. package/sage-design-tokens-2.27.0.tgz +0 -0
  7. package/android/base.xml +0 -454
  8. package/css/base.css +0 -456
  9. package/docs/tokens/base/border-radius/index.html +0 -325
  10. package/docs/tokens/base/border-width/index.html +0 -409
  11. package/docs/tokens/base/box-shadow/index.html +0 -514
  12. package/docs/tokens/base/colors/index.html +0 -4651
  13. package/docs/tokens/base/font-families/index.html +0 -388
  14. package/docs/tokens/base/font-sizes/index.html +0 -590
  15. package/docs/tokens/base/font-weights/index.html +0 -367
  16. package/docs/tokens/base/index.html +0 -9802
  17. package/docs/tokens/base/line-heights/index.html +0 -367
  18. package/docs/tokens/base/opacity/index.html +0 -367
  19. package/docs/tokens/base/sizing/index.html +0 -871
  20. package/docs/tokens/base/spacing/index.html +0 -724
  21. package/docs/tokens/base/typography/index.html +0 -3391
  22. package/ios/base.h +0 -458
  23. package/js/base/common.d.ts +0 -445
  24. package/js/base/common.js +0 -456
  25. package/js/base/es6.d.ts +0 -448
  26. package/js/base/es6.js +0 -451
  27. package/sage-design-tokens-2.26.0.tgz +0 -0
  28. package/scss/base.scss +0 -453
package/ios/base.h DELETED
@@ -1,458 +0,0 @@
1
-
2
- //
3
- // base.h
4
- //
5
-
6
- // Do not edit directly
7
- // Generated on Thu, 26 May 2022 09:33:48 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 colorsGray600 #666666ff
26
- #define colorsGray700 #4d4d4dff
27
- #define colorsGray750 #404040ff
28
- #define colorsGray850 #262626ff
29
- #define colorsGray900 #191919ff
30
- #define colorsGray1000 #000000ff
31
- #define colorsGray000 #ffffffff
32
- #define colorsDisabled400 #f2f5f6ff
33
- #define colorsDisabled500 #e6ebedff
34
- #define colorsDisabled600 #ccd6dbff
35
- #define colorsReadOnly400 #f2f5f6ff
36
- #define colorsReadOnly500 #e6ebedff
37
- #define colorsReadOnly600 #ccd6dbff
38
- #define colorsComponentsMenuSpringStandard500 #e6ebedff
39
- #define colorsComponentsMenuSpringStandard600 #007e45ff
40
- #define colorsComponentsMenuSpringStandard700 #d9e0e4ff
41
- #define colorsComponentsMenuSpringParent500 #e6ebedff
42
- #define colorsComponentsMenuSpringParent600 #007e45ff
43
- #define colorsComponentsMenuSpringParent700 #d9e0e4ff
44
- #define colorsComponentsMenuSpringChild400 #ccd6dbff
45
- #define colorsComponentsMenuSpringChild500 #ffffffff
46
- #define colorsComponentsMenuSpringChild600 #007e45ff
47
- #define colorsComponentsMenuSpringChildAlt400 #ccd6dbff
48
- #define colorsComponentsMenuSpringChildAlt500 #e6ebedff
49
- #define colorsComponentsMenuSpringChildAlt600 #007e45ff
50
- #define colorsComponentsMenuSummerStandard400 #ccd6dbff
51
- #define colorsComponentsMenuSummerStandard500 #ffffffff
52
- #define colorsComponentsMenuSummerStandard600 #007e45ff
53
- #define colorsComponentsMenuSummerStandard700 #e6ebedff
54
- #define colorsComponentsMenuSummerStandard800 #e6ebedff
55
- #define colorsComponentsMenuSummerParent400 #ccd6dbff
56
- #define colorsComponentsMenuSummerParent500 #ffffffff
57
- #define colorsComponentsMenuSummerParent600 #007e45ff
58
- #define colorsComponentsMenuSummerParent700 #e6ebedff
59
- #define colorsComponentsMenuSummerParent800 #e6ebedff
60
- #define colorsComponentsMenuSummerChild300 #b3c2c9ff
61
- #define colorsComponentsMenuSummerChild400 #ccd6dbff
62
- #define colorsComponentsMenuSummerChild500 #e6ebedff
63
- #define colorsComponentsMenuSummerChild600 #007e45ff
64
- #define colorsComponentsMenuSummerChild700 #e6ebedff
65
- #define colorsComponentsMenuSummerChild800 #e6ebedff
66
- #define colorsComponentsMenuSummerChildAlt300 #b3c2c9ff
67
- #define colorsComponentsMenuSummerChildAlt400 #ccd6dbff
68
- #define colorsComponentsMenuSummerChildAlt500 #d9e0e4ff
69
- #define colorsComponentsMenuSummerChildAlt600 #007e45ff
70
- #define colorsComponentsMenuSummerChildAlt700 #d9e0e4ff
71
- #define colorsComponentsMenuSummerChildAlt800 #d9e0e4ff
72
- #define colorsComponentsMenuAutumnStandard500 #00324cff
73
- #define colorsComponentsMenuAutumnStandard600 #007e45ff
74
- #define colorsComponentsMenuAutumnStandard700 #19475eff
75
- #define colorsComponentsMenuAutumnParent500 #00324cff
76
- #define colorsComponentsMenuAutumnParent600 #007e45ff
77
- #define colorsComponentsMenuAutumnParent700 #19475eff
78
- #define colorsComponentsMenuAutumnChild400 #19475eff
79
- #define colorsComponentsMenuAutumnChild500 #001926ff
80
- #define colorsComponentsMenuAutumnChild600 #007e45ff
81
- #define colorsComponentsMenuAutumnChildAlt400 #19475eff
82
- #define colorsComponentsMenuAutumnChildAlt500 #00324cff
83
- #define colorsComponentsMenuAutumnChildAlt600 #007e45ff
84
- #define colorsComponentsMenuWinterStandard400 #4d4d4dff
85
- #define colorsComponentsMenuWinterStandard500 #000000ff
86
- #define colorsComponentsMenuWinterStandard600 #007e45ff
87
- #define colorsComponentsMenuWinterStandard700 #262626ff
88
- #define colorsComponentsMenuWinterStandard800 #262626ff
89
- #define colorsComponentsMenuWinterParent400 #4d4d4dff
90
- #define colorsComponentsMenuWinterParent500 #000000ff
91
- #define colorsComponentsMenuWinterParent600 #007e45ff
92
- #define colorsComponentsMenuWinterParent700 #262626ff
93
- #define colorsComponentsMenuWinterParent800 #262626ff
94
- #define colorsComponentsMenuWinterChild300 #666666ff
95
- #define colorsComponentsMenuWinterChild400 #4d4d4dff
96
- #define colorsComponentsMenuWinterChild500 #262626ff
97
- #define colorsComponentsMenuWinterChild600 #007e45ff
98
- #define colorsComponentsMenuWinterChild700 #262626ff
99
- #define colorsComponentsMenuWinterChild800 #262626ff
100
- #define colorsComponentsMenuWinterChildAlt300 #666666ff
101
- #define colorsComponentsMenuWinterChildAlt400 #4d4d4dff
102
- #define colorsComponentsMenuWinterChildAlt500 #404040ff
103
- #define colorsComponentsMenuWinterChildAlt600 #007e45ff
104
- #define colorsComponentsMenuWinterChildAlt700 #404040ff
105
- #define colorsComponentsMenuWinterChildAlt800 #404040ff
106
- #define colorsComponentsMenuYin100 #000000ff
107
- #define colorsComponentsMenuYin065 #000000a6
108
- #define colorsComponentsMenuYin090 #000000e6
109
- #define colorsComponentsMenuYang100 #ffffffff
110
- #define colorsComponentsMenuYang080 #ffffffcc
111
- #define colorsComponentsMenuTransparent #00000000
112
- #define colorsUtilityMajor100 #ccd6dbff
113
- #define colorsUtilityMajor150 #b3c2c9ff
114
- #define colorsUtilityMajor200 #99adb7ff
115
- #define colorsUtilityMajor300 #668494ff
116
- #define colorsUtilityMajor400 #335b70ff
117
- #define colorsUtilityMajor500 #00324cff
118
- #define colorsUtilityMajor800 #00141eff
119
- #define colorsUtilityMajor025 #f2f5f6ff
120
- #define colorsUtilityMajor010 #fafbfbff
121
- #define colorsUtilityMajor040 #edf1f2ff
122
- #define colorsUtilityMajor050 #e6ebedff
123
- #define colorsUtilityMajor075 #d9e0e4ff
124
- #define colorsUtilityMajorTransparent #00000000
125
- #define colorsUtilityYin030 #0000004d
126
- #define colorsUtilityYin055 #0000008c
127
- #define colorsUtilityYin065 #000000a6
128
- #define colorsUtilityYin090 #000000e6
129
- #define colorsUtilityYang100 #ffffffff
130
- #define colorsUtilityDisabled400 #f2f5f6ff
131
- #define colorsUtilityDisabled500 #e6ebedff
132
- #define colorsUtilityDisabled600 #ccd6dbff
133
- #define colorsUtilityReadOnly400 #f2f5f6ff
134
- #define colorsUtilityReadOnly500 #e6ebedff
135
- #define colorsUtilityReadOnly600 #ccd6dbff
136
- #define colorsActionMajor150 #b3d9c8ff
137
- #define colorsActionMajor350 #4da77eff
138
- #define colorsActionMajor450 #198e59ff
139
- #define colorsActionMajor500 #007e45ff
140
- #define colorsActionMajor600 #006738ff
141
- #define colorsActionMajor700 #004d2aff
142
- #define colorsActionMajor025 #f2f9f6ff
143
- #define colorsActionMajorTransparent #00000000
144
- #define colorsActionMajorYin030 #0000004d
145
- #define colorsActionMajorYin055 #0000008c
146
- #define colorsActionMajorYin065 #000000a6
147
- #define colorsActionMajorYin090 #000000e6
148
- #define colorsActionMajorYang100 #ffffffff
149
- #define colorsActionMajorYang030 #ffffff4d
150
- #define colorsActionMinor100 #e6ebedff
151
- #define colorsActionMinor150 #d9e0e4ff
152
- #define colorsActionMinor200 #ccd6dbff
153
- #define colorsActionMinor250 #b3c2c9ff
154
- #define colorsActionMinor300 #99adb7ff
155
- #define colorsActionMinor400 #668494ff
156
- #define colorsActionMinor500 #335b70ff
157
- #define colorsActionMinor550 #19475eff
158
- #define colorsActionMinor600 #00324cff
159
- #define colorsActionMinor850 #001926ff
160
- #define colorsActionMinor900 #00141eff
161
- #define colorsActionMinor025 #fafbfbff
162
- #define colorsActionMinor050 #f2f5f6ff
163
- #define colorsActionMinorTransparent #00000000
164
- #define colorsActionMinorYin030 #0000004d
165
- #define colorsActionMinorYin055 #0000008c
166
- #define colorsActionMinorYin065 #000000a6
167
- #define colorsActionMinorYin090 #000000e6
168
- #define colorsActionMinorYang100 #ffffffff
169
- #define colorsActionDisabled400 #f2f5f6ff
170
- #define colorsActionDisabled500 #e6ebedff
171
- #define colorsActionDisabled600 #ccd6dbff
172
- #define colorsActionReadOnly400 #f2f5f6ff
173
- #define colorsActionReadOnly500 #e6ebedff
174
- #define colorsActionReadOnly600 #ccd6dbff
175
- #define colorsSemanticNeutral200 #ccd6dbff
176
- #define colorsSemanticNeutral500 #335b70ff
177
- #define colorsSemanticNeutral600 #00324cff
178
- #define colorsSemanticNeutralTransparent #00000000
179
- #define colorsSemanticNeutralYin030 #0000004d
180
- #define colorsSemanticNeutralYin055 #0000008c
181
- #define colorsSemanticNeutralYin065 #000000a6
182
- #define colorsSemanticNeutralYin090 #000000e6
183
- #define colorsSemanticNeutralYang100 #ffffffff
184
- #define colorsSemanticFocus250 #ffda80ff
185
- #define colorsSemanticFocus500 #ffb500ff
186
- #define colorsSemanticFocusTransparent #00000000
187
- #define colorsSemanticPositive500 #008a21ff
188
- #define colorsSemanticPositive600 #006e1aff
189
- #define colorsSemanticPositiveTransparent #00000000
190
- #define colorsSemanticPositiveYin030 #0000004d
191
- #define colorsSemanticPositiveYin055 #0000008c
192
- #define colorsSemanticPositiveYin065 #000000a6
193
- #define colorsSemanticPositiveYin090 #000000e6
194
- #define colorsSemanticPositiveYang100 #ffffffff
195
- #define colorsSemanticNegative500 #cd384bff
196
- #define colorsSemanticNegative600 #a42d3cff
197
- #define colorsSemanticNegativeTransparent #00000000
198
- #define colorsSemanticNegativeYin030 #0000004d
199
- #define colorsSemanticNegativeYin055 #0000008c
200
- #define colorsSemanticNegativeYin065 #000000a6
201
- #define colorsSemanticNegativeYin090 #000000e6
202
- #define colorsSemanticNegativeYang100 #ffffffff
203
- #define colorsSemanticCaution400 #f28533ff
204
- #define colorsSemanticCaution500 #ef6700ff
205
- #define colorsSemanticCaution600 #bf5200ff
206
- #define colorsSemanticCaution650 #a74800ff
207
- #define colorsSemanticCautionTransparent #00000000
208
- #define colorsSemanticCautionYin030 #0000004d
209
- #define colorsSemanticCautionYin055 #0000008c
210
- #define colorsSemanticCautionYin065 #000000a6
211
- #define colorsSemanticCautionYin090 #000000e6
212
- #define colorsSemanticCautionYang100 #ffffffff
213
- #define colorsSemanticInfo150 #b3cfe5ff
214
- #define colorsSemanticInfo500 #0060a7ff
215
- #define colorsSemanticInfo600 #004d86ff
216
- #define colorsSemanticInfoTransparent #00000000
217
- #define colorsSemanticInfoYin030 #0000004d
218
- #define colorsSemanticInfoYin055 #0000008c
219
- #define colorsSemanticInfoYin065 #000000a6
220
- #define colorsSemanticInfoYin090 #000000e6
221
- #define colorsSemanticInfoYang100 #ffffffff
222
- #define sizing100 8px
223
- #define sizing125 10px
224
- #define sizing150 12px
225
- #define sizing175 14px
226
- #define sizing200 16px
227
- #define sizing250 20px
228
- #define sizing275 22px
229
- #define sizing300 24px
230
- #define sizing350 28px
231
- #define sizing375 30px
232
- #define sizing400 32px
233
- #define sizing450 36px
234
- #define sizing500 40px
235
- #define sizing525 42px
236
- #define sizing600 48px
237
- #define sizing700 56px
238
- #define sizing800 64px
239
- #define sizing900 72px
240
- #define sizing1000 80px
241
- #define sizing1200 96px
242
- #define sizing1300 104px
243
- #define sizing1600 128px
244
- #define sizing010 1px
245
- #define sizing025 2px
246
- #define sizing050 4px
247
- #define sizing075 6px
248
- #define sizingLogowidth 40px
249
- #define spacing100 8px
250
- #define spacing110 9px
251
- #define spacing125 10px
252
- #define spacing150 12px
253
- #define spacing200 16px
254
- #define spacing250 20px
255
- #define spacing300 24px
256
- #define spacing400 32px
257
- #define spacing500 40px
258
- #define spacing600 48px
259
- #define spacing700 56px
260
- #define spacing800 64px
261
- #define spacing900 72px
262
- #define spacing1000 80px
263
- #define spacing000 0
264
- #define spacing010 1px
265
- #define spacing025 2px
266
- #define spacing050 4px
267
- #define spacing060 5px
268
- #define spacing075 6px
269
- #define borderWidth100 1px
270
- #define borderWidth200 2px
271
- #define borderWidth300 3px
272
- #define borderWidth400 4px
273
- #define borderWidth000 0px
274
- #define fontSizes100 14px
275
- #define fontSizes200 16px
276
- #define fontSizes300 18px
277
- #define fontSizes400 20px
278
- #define fontSizes500 22px
279
- #define fontSizes600 24px
280
- #define fontSizes700 32px
281
- #define fontSizes800 40px
282
- #define fontSizes900 48px
283
- #define fontSizes1000 56px
284
- #define fontSizes010 10px
285
- #define fontSizes025 12px
286
- #define fontSizes050 13px
287
- #define boxShadow100 0 5px 5px 0 #00141e33, 0 10px 10px 0 #00141e1a
288
- #define boxShadow150 0 -4px 12px 0 #00141e0d
289
- #define boxShadow200 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a
290
- #define boxShadow300 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a
291
- #define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
292
- #define boxShadow010 inset 0 -1px 0 0 #e6ebedff
293
- #define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
294
- #define boxShadow075 inset 0 6px 4px -4px #00141e0d
295
- #define boxShadow090 0 4px 8px -4px #00141e1a
296
- #define boxShadow091 4px 0 8px -4px #00141e1a
297
- #define fontWeights400 Regular
298
- #define fontWeights500 Medium
299
- #define fontWeights700 Bold
300
- #define lineHeights300 100%
301
- #define lineHeights400 125%
302
- #define lineHeights500 150%
303
- #define fontFamiliesDefault Sage UI
304
- #define fontFamiliesIos San Francisco
305
- #define fontFamiliesAndroid Roboto
306
- #define fontFamiliesOther Open Sans
307
- #define borderRadiusCircle 50%
308
- #define typographyAccordionTitleM Bold 20px/125% Sage UI
309
- #define typographyAccordionSubtitleM Regular 14px/150% Sage UI
310
- #define typographyAccordionParagraphM Regular 14px/150% Sage UI
311
- #define typographyActionPopoverMenuItemM Bold 14px/150% Sage UI
312
- #define typographyAnchorNavLabelM Medium 14px/150% Sage UI
313
- #define typographyBadgeLabelM Medium 12px/150% Sage UI
314
- #define typographyButtonLabelS Medium 14px/150% Sage UI
315
- #define typographyButtonLabelM Medium 14px/150% Sage UI
316
- #define typographyButtonLabelL Medium 16px/150% Sage UI
317
- #define typographyCardParagraphM Regular 14px/150% Sage UI
318
- #define typographyCardSelectTitleM Bold 16px/150% Sage UI
319
- #define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
320
- #define typographyCardSelectParagraphM Regular 14px/150% Sage UI
321
- #define typographyDatePickerCalendarDateM Bold 14px/150% Sage UI
322
- #define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
323
- #define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
324
- #define typographyDialogTitleXs Bold 24px/125% Sage UI
325
- #define typographyDialogTitleS Bold 24px/125% Sage UI
326
- #define typographyDialogTitleMs Bold 24px/125% Sage UI
327
- #define typographyDialogTitleM Bold 24px/125% Sage UI
328
- #define typographyDialogTitleMl Bold 24px/125% Sage UI
329
- #define typographyDialogTitleL Bold 24px/125% Sage UI
330
- #define typographyDialogTitleXl Bold 24px/125% Sage UI
331
- #define typographyDialogTitleXxl Bold 24px/125% Sage UI
332
- #define typographyDialogParagraphXs Regular 14px/150% Sage UI
333
- #define typographyDialogParagraphS Regular 14px/150% Sage UI
334
- #define typographyDialogParagraphMs Regular 14px/150% Sage UI
335
- #define typographyDialogParagraphM Regular 14px/150% Sage UI
336
- #define typographyDialogParagraphMl Regular 14px/150% Sage UI
337
- #define typographyDialogParagraphL Regular 14px/150% Sage UI
338
- #define typographyDialogParagraphXl Regular 14px/150% Sage UI
339
- #define typographyDialogParagraphXxl Regular 14px/150% Sage UI
340
- #define typographyDrawerTitleM Bold 22px/125% Sage UI
341
- #define typographyDrawerParagraphM Regular 14px/125% Sage UI
342
- #define typographyFlashTextM Regular 14px/150% Sage UI
343
- #define typographyFlashTextL Regular 16px/150% Sage UI
344
- #define typographyFormFieldLabelXs Medium 14px/150% Sage UI
345
- #define typographyFormFieldLabelS Medium 14px/150% Sage UI
346
- #define typographyFormFieldLabelM Medium 14px/150% Sage UI
347
- #define typographyFormFieldLabelL Medium 16px/150% Sage UI
348
- #define typographyFormFieldHintTextXs Regular 14px/150% Sage UI
349
- #define typographyFormFieldHintTextS Regular 14px/150% Sage UI
350
- #define typographyFormFieldHintTextM Regular 14px/150% Sage UI
351
- #define typographyFormFieldHintTextL Regular 16px/150% Sage UI
352
- #define typographyFormFieldErrorMessageXs Medium 14px/150% Sage UI
353
- #define typographyFormFieldErrorMessageS Medium 14px/150% Sage UI
354
- #define typographyFormFieldErrorMessageM Medium 14px/150% Sage UI
355
- #define typographyFormFieldErrorMessageL Medium 16px/150% Sage UI
356
- #define typographyFormFieldCautionMessageXs Regular 14px/150% Sage UI
357
- #define typographyFormFieldCautionMessageS Regular 14px/150% Sage UI
358
- #define typographyFormFieldCautionMessageM Regular 14px/150% Sage UI
359
- #define typographyFormFieldCautionMessageL Regular 16px/150% Sage UI
360
- #define typographyFormFieldInputTextXs Regular 14px/150% Sage UI
361
- #define typographyFormFieldInputTextS Regular 14px/150% Sage UI
362
- #define typographyFormFieldInputTextM Regular 14px/150% Sage UI
363
- #define typographyFormFieldInputTextL Regular 16px/150% Sage UI
364
- #define typographyFormFieldDropdownOptionsXs Regular 14px/150% Sage UI
365
- #define typographyFormFieldDropdownOptionsS Regular 14px/150% Sage UI
366
- #define typographyFormFieldDropdownOptionsM Regular 14px/150% Sage UI
367
- #define typographyFormFieldDropdownOptionsL Regular 16px/150% Sage UI
368
- #define typographyFormFieldSecondLabelXs Medium 14px/150% Sage UI
369
- #define typographyFormFieldSecondLabelS Medium 14px/150% Sage UI
370
- #define typographyFormFieldSecondLabelM Medium 14px/150% Sage UI
371
- #define typographyFormFieldSecondLabelL Medium 16px/150% Sage UI
372
- #define typographyFormFieldCharacterCountXs Regular 14px/150% Sage UI
373
- #define typographyFormFieldCharacterCountS Regular 14px/150% Sage UI
374
- #define typographyFormFieldCharacterCountM Regular 14px/150% Sage UI
375
- #define typographyFormFieldCharacterCountL Regular 16px/150% Sage UI
376
- #define typographyLinkTextS Regular 12px/150% Sage UI
377
- #define typographyLinkTextM Regular 14px/150% Sage UI
378
- #define typographyLinkTextL Regular 16px/150% Sage UI
379
- #define typographyMenuLabelM Medium 14px/150% Sage UI
380
- #define typographyMenuLabelL Medium 16px/150% Sage UI
381
- #define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
382
- #define typographyMessageHeadingM Bold 14px/150% Sage UI
383
- #define typographyMessageHeadingL Bold 16px/150% Sage UI
384
- #define typographyMessageTextM Regular 14px/150% Sage UI
385
- #define typographyMessageTextL Regular 16px/150% Sage UI
386
- #define typographyPaginationLabelM Regular 13px/150% Sage UI
387
- #define typographyPillLabelS Medium 10px/150% Sage UI
388
- #define typographyPillLabelM Medium 12px/150% Sage UI
389
- #define typographyPillLabelL Medium 14px/150% Sage UI
390
- #define typographyPillLabelXl Medium 16px/150% Sage UI
391
- #define typographyProfileEmailTextXs Regular 12px/100% Sage UI
392
- #define typographyProfileEmailTextS Regular 14px/100% Sage UI
393
- #define typographyProfileEmailTextM Regular 14px/125% Sage UI
394
- #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
395
- #define typographyProfileEmailTextL Regular 14px/125% Sage UI
396
- #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
397
- #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
398
- #define typographyProfileEmailLinkXs Regular 12px/100% Sage UI
399
- #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
400
- #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
401
- #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
402
- #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
403
- #define typographyProfileEmailLinkXl Regular 18px/125% Sage UI
404
- #define typographyProfileEmailLinkXxl Regular 24px/125% Sage UI
405
- #define typographyProfileInitialsXs Medium 10px/150% Sage UI
406
- #define typographyProfileInitialsS Medium 14px/150% Sage UI
407
- #define typographyProfileInitialsM Medium 18px/150% Sage UI
408
- #define typographyProfileInitialsMl Medium 24px/150% Sage UI
409
- #define typographyProfileInitialsL Medium 32px/150% Sage UI
410
- #define typographyProfileInitialsXl Medium 48px/150% Sage UI
411
- #define typographyProfileInitialsXxl Medium 56px/150% Sage UI
412
- #define typographyProfileNameXs Medium 13px/100% Sage UI
413
- #define typographyProfileNameS Medium 14px/100% Sage UI
414
- #define typographyProfileNameM Medium 14px/125% Sage UI
415
- #define typographyProfileNameMl Medium 16px/125% Sage UI
416
- #define typographyProfileNameL Medium 20px/125% Sage UI
417
- #define typographyProfileNameXl Medium 24px/125% Sage UI
418
- #define typographyProfileNameXxl Medium 32px/125% Sage UI
419
- #define typographyProgressTrackerValueLabelS Medium 14px/150% Sage UI
420
- #define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
421
- #define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
422
- #define typographySearchLabelM Regular 14px/150% Sage UI
423
- #define typographySidebarTitleXs Bold 20px/125% Sage UI
424
- #define typographySidebarTitleS Bold 20px/125% Sage UI
425
- #define typographySidebarTitleMs Bold 20px/125% Sage UI
426
- #define typographySidebarTitleM Bold 20px/125% Sage UI
427
- #define typographySidebarTitleMl Bold 20px/125% Sage UI
428
- #define typographySidebarTitleL Bold 20px/125% Sage UI
429
- #define typographySidebarTitleXl Bold 20px/125% Sage UI
430
- #define typographySidebarParagraphXs Regular 14px/125% Sage UI
431
- #define typographySidebarParagraphS Regular 14px/125% Sage UI
432
- #define typographySidebarParagraphMs Regular 14px/125% Sage UI
433
- #define typographySidebarParagraphM Regular 14px/125% Sage UI
434
- #define typographySidebarParagraphMl Regular 14px/125% Sage UI
435
- #define typographySidebarParagraphL Regular 14px/125% Sage UI
436
- #define typographySidebarParagraphXl Regular 14px/125% Sage UI
437
- #define typographyStepFlowCompleteLabelM Medium 14px/150% Sage UI
438
- #define typographyStepFlowCurrentLabelM Medium 14px/150% Sage UI
439
- #define typographyStepFlowIncompleteLabelM Medium 14px/150% Sage UI
440
- #define typographySwitchOptionLabelM Medium 12px/150% Sage UI
441
- #define typographySwitchOptionLabelL Medium 14px/150% Sage UI
442
- #define typographyTableHeaderTextXs Medium 13px/150% Sage UI
443
- #define typographyTableHeaderTextS Medium 14px/150% Sage UI
444
- #define typographyTableHeaderTextM Medium 14px/150% Sage UI
445
- #define typographyTableHeaderTextL Medium 16px/150% Sage UI
446
- #define typographyTableHeaderTextXl Medium 16px/150% Sage UI
447
- #define typographyTableCellTextXs Regular 13px/150% Sage UI
448
- #define typographyTableCellTextS Regular 14px/150% Sage UI
449
- #define typographyTableCellTextM Regular 14px/150% Sage UI
450
- #define typographyTableCellTextL Regular 16px/150% Sage UI
451
- #define typographyTableCellTextXl Regular 16px/150% Sage UI
452
- #define typographyTileParagraphM Regular 14px/150% Sage UI
453
- #define typographyTooltipTextM Regular 14px/150% Sage UI
454
- #define typographyTooltipTextL Regular 16px/150% Sage UI
455
- #define opacity300 0.3
456
- #define opacity600 0.6
457
- #define opacity800 0.8
458
-