@sage/design-tokens 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/no-theme.xml +1 -1
- package/css/no-theme.css +1 -1
- package/data/tokens.json +0 -2864
- package/docs/tokens/index.html +68 -8329
- package/docs/tokens/no-theme/border-radius/index.html +0 -79
- package/docs/tokens/no-theme/border-width/index.html +0 -79
- package/docs/tokens/no-theme/box-shadow/index.html +0 -79
- package/docs/tokens/no-theme/colors/index.html +0 -79
- package/docs/tokens/no-theme/font-families/index.html +0 -79
- package/docs/tokens/no-theme/font-sizes/index.html +0 -79
- package/docs/tokens/no-theme/font-weights/index.html +0 -79
- package/docs/tokens/no-theme/index.html +0 -79
- package/docs/tokens/no-theme/line-heights/index.html +0 -79
- package/docs/tokens/no-theme/sizing/index.html +0 -79
- package/docs/tokens/no-theme/spacing/index.html +0 -79
- package/docs/tokens/no-theme/typography/index.html +0 -79
- package/index.d.ts +0 -2
- package/index.js +0 -2
- package/ios/no-theme.h +1 -1
- package/js/no-theme/common.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-2.2.0.tgz +0 -0
- package/scss/no-theme.scss +1 -1
- package/android/base.xml +0 -385
- package/css/base.css +0 -387
- package/docs/tokens/base/border-radius/index.html +0 -399
- package/docs/tokens/base/border-width/index.html +0 -483
- package/docs/tokens/base/box-shadow/index.html +0 -525
- package/docs/tokens/base/colors/index.html +0 -4137
- package/docs/tokens/base/font-families/index.html +0 -462
- package/docs/tokens/base/font-sizes/index.html +0 -664
- package/docs/tokens/base/font-weights/index.html +0 -441
- package/docs/tokens/base/index.html +0 -8427
- package/docs/tokens/base/line-heights/index.html +0 -441
- package/docs/tokens/base/opacity/index.html +0 -441
- package/docs/tokens/base/sizing/index.html +0 -903
- package/docs/tokens/base/spacing/index.html +0 -735
- package/docs/tokens/base/typography/index.html +0 -2772
- package/docs/tokens/figma-only/index.html +0 -394
- package/docs/tokens/figma-only/sizing/index.html +0 -399
- package/ios/base.h +0 -389
- package/js/base/common.d.ts +0 -376
- package/js/base/common.js +0 -387
- package/js/base/es6.d.ts +0 -379
- package/js/base/es6.js +0 -382
- package/sage-design-tokens-2.1.0.tgz +0 -0
- package/scss/base.scss +0 -384
package/ios/base.h
DELETED
|
@@ -1,389 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// base.h
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// Do not edit directly
|
|
7
|
-
// Generated on Mon, 14 Mar 2022 10:20:22 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
|
-
|