@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/ios/no-theme.h DELETED
@@ -1,269 +0,0 @@
1
-
2
- //
3
- // no-theme.h
4
- //
5
-
6
- // Do not edit directly
7
- // Generated on Tue, 15 Mar 2022 12:59:32 GMT
8
-
9
-
10
- #import <Foundation/Foundation.h>
11
- #import <UIKit/UIKit.h>
12
-
13
- #define metaName No Theme
14
- #define metaPublic true
15
- #define colorsLogo #ef001dff
16
- #define colorsTransparent #00000000
17
- #define colorsYin030 #00ac004d
18
- #define colorsYin055 #00ac008c
19
- #define colorsYin065 #00ac00a6
20
- #define colorsYin090 #00ac00e6
21
- #define colorsYang100 #ffff00ff
22
- #define colorsDisabled400 #ed99f9ff
23
- #define colorsDisabled500 #e880f7ff
24
- #define colorsDisabled600 #e366f5ff
25
- #define colorsReadOnly400 #4da6f4ff
26
- #define colorsReadOnly500 #198df1ff
27
- #define colorsReadOnly600 #0073d7ff
28
- #define colorsComponentsNavigation500 #fcccd2ff
29
- #define colorsComponentsNavigation600 #f999a5ff
30
- #define colorsComponentsNavigation700 #f56677ff
31
- #define colorsComponentsNavigationTransparent #00000000
32
- #define colorsComponentsNavigationYin100 #00ac00ff
33
- #define colorsComponentsNavigationYin030 #00ac004d
34
- #define colorsComponentsNavigationYin055 #00ac008c
35
- #define colorsComponentsNavigationYin065 #00ac00a6
36
- #define colorsComponentsNavigationYin090 #00ac00e6
37
- #define colorsComponentsNavigationYang100 #ffff00ff
38
- #define colorsUtilityMajor100 #94a9ffff
39
- #define colorsUtilityMajor150 #7c96ffff
40
- #define colorsUtilityMajor200 #6482ffff
41
- #define colorsUtilityMajor300 #3a61ffff
42
- #define colorsUtilityMajor400 #0031fcff
43
- #define colorsUtilityMajor500 #0029d1ff
44
- #define colorsUtilityMajor800 #001053ff
45
- #define colorsUtilityMajor025 #e5eaffff
46
- #define colorsUtilityMajor050 #ced8ffff
47
- #define colorsUtilityMajor075 #afbfffff
48
- #define colorsUtilityMajorTransparent #00000000
49
- #define colorsUtilityYin030 #00ac004d
50
- #define colorsUtilityYin055 #00ac008c
51
- #define colorsUtilityYin065 #00ac00a6
52
- #define colorsUtilityYin090 #00ac00e6
53
- #define colorsUtilityYang100 #ffff00ff
54
- #define colorsUtilityDisabled400 #ed99f9ff
55
- #define colorsUtilityDisabled500 #e880f7ff
56
- #define colorsUtilityDisabled600 #e366f5ff
57
- #define colorsUtilityReadOnly400 #4da6f4ff
58
- #define colorsUtilityReadOnly500 #198df1ff
59
- #define colorsUtilityReadOnly600 #0073d7ff
60
- #define colorsActionMajor150 #daccfcff
61
- #define colorsActionMajor500 #9166f5ff
62
- #define colorsActionMajor600 #6c33f2ff
63
- #define colorsActionMajor700 #4700efff
64
- #define colorsActionMajorTransparent #00000000
65
- #define colorsActionMajorYin030 #00ac004d
66
- #define colorsActionMajorYin055 #00ac008c
67
- #define colorsActionMajorYin065 #00ac00a6
68
- #define colorsActionMajorYin090 #00ac00e6
69
- #define colorsActionMajorYang100 #ffff00ff
70
- #define colorsActionMinor100 #ced8ffff
71
- #define colorsActionMinor150 #afbfffff
72
- #define colorsActionMinor200 #94a9ffff
73
- #define colorsActionMinor250 #7c96ffff
74
- #define colorsActionMinor300 #6482ffff
75
- #define colorsActionMinor400 #3a61ffff
76
- #define colorsActionMinor500 #0031fcff
77
- #define colorsActionMinor600 #0029d1ff
78
- #define colorsActionMinor900 #001053ff
79
- #define colorsActionMinor025 #f1f4ffff
80
- #define colorsActionMinor050 #e5eaffff
81
- #define colorsActionMinorTransparent #00000000
82
- #define colorsActionMinorYin030 #00ac004d
83
- #define colorsActionMinorYin055 #00ac008c
84
- #define colorsActionMinorYin065 #00ac00a6
85
- #define colorsActionMinorYin090 #00ac00e6
86
- #define colorsActionMinorYang100 #ffff00ff
87
- #define colorsActionDisabled400 #ed99f9ff
88
- #define colorsActionDisabled500 #e880f7ff
89
- #define colorsActionDisabled600 #e366f5ff
90
- #define colorsActionReadOnly400 #4da6f4ff
91
- #define colorsActionReadOnly500 #198df1ff
92
- #define colorsActionReadOnly600 #0073d7ff
93
- #define colorsSemanticNeutral200 #99f0f9ff
94
- #define colorsSemanticNeutral500 #00d9efff
95
- #define colorsSemanticNeutral600 #00aebfff
96
- #define colorsSemanticNeutralTransparent #00000000
97
- #define colorsSemanticNeutralYin030 #00ac004d
98
- #define colorsSemanticNeutralYin055 #00ac008c
99
- #define colorsSemanticNeutralYin065 #00ac00a6
100
- #define colorsSemanticNeutralYin090 #00ac00e6
101
- #define colorsSemanticNeutralYang100 #ffff00ff
102
- #define colorsSemanticFocus250 #80f7d2ff
103
- #define colorsSemanticFocus500 #00efa5ff
104
- #define colorsSemanticFocusTransparent #00000000
105
- #define colorsSemanticPositive500 #ffc173ff
106
- #define colorsSemanticPositive600 #ffb04bff
107
- #define colorsSemanticPositiveTransparent #00000000
108
- #define colorsSemanticPositiveYin030 #00ac004d
109
- #define colorsSemanticPositiveYin055 #00ac008c
110
- #define colorsSemanticPositiveYin065 #00ac00a6
111
- #define colorsSemanticPositiveYin090 #00ac00e6
112
- #define colorsSemanticPositiveYang100 #ffff00ff
113
- #define colorsSemanticNegative500 #d5ef00ff
114
- #define colorsSemanticNegative600 #aabf00ff
115
- #define colorsSemanticNegativeTransparent #00000000
116
- #define colorsSemanticNegativeYin030 #00ac004d
117
- #define colorsSemanticNegativeYin055 #00ac008c
118
- #define colorsSemanticNegativeYin065 #00ac00a6
119
- #define colorsSemanticNegativeYin090 #00ac00e6
120
- #define colorsSemanticNegativeYang100 #ffff00ff
121
- #define colorsSemanticCaution400 #4dcbb9ff
122
- #define colorsSemanticCaution500 #01b49bff
123
- #define colorsSemanticCaution600 #01907cff
124
- #define colorsSemanticCautionTransparent #00000000
125
- #define colorsSemanticCautionYin030 #00ac004d
126
- #define colorsSemanticCautionYin055 #00ac008c
127
- #define colorsSemanticCautionYin065 #00ac00a6
128
- #define colorsSemanticCautionYin090 #00ac00e6
129
- #define colorsSemanticCautionYang100 #ffff00ff
130
- #define colorsSemanticInfo150 #ffd7c8ff
131
- #define colorsSemanticInfo500 #ffaf90ff
132
- #define colorsSemanticInfo600 #ff946bff
133
- #define colorsSemanticInfoTransparent #00000000
134
- #define colorsSemanticInfoYin030 #00ac004d
135
- #define colorsSemanticInfoYin055 #00ac008c
136
- #define colorsSemanticInfoYin065 #00ac00a6
137
- #define colorsSemanticInfoYin090 #00ac00e6
138
- #define colorsSemanticInfoYang100 #ffff00ff
139
- #define sizing100 8px
140
- #define sizing125 10px
141
- #define sizing150 12px
142
- #define sizing175 14px
143
- #define sizing200 16px
144
- #define sizing250 20px
145
- #define sizing300 24px
146
- #define sizing350 28px
147
- #define sizing375 30px
148
- #define sizing400 32px
149
- #define sizing500 40px
150
- #define sizing600 48px
151
- #define sizing700 56px
152
- #define sizing800 64px
153
- #define sizing900 72px
154
- #define sizing1000 80px
155
- #define sizing025 2px
156
- #define sizing050 4px
157
- #define sizing075 6px
158
- #define sizingLogowidth 40px
159
- #define sizing010 1px
160
- #define spacing100 8px
161
- #define spacing125 10px
162
- #define spacing150 12px
163
- #define spacing200 16px
164
- #define spacing250 20px
165
- #define spacing300 24px
166
- #define spacing400 32px
167
- #define spacing500 40px
168
- #define spacing600 48px
169
- #define spacing700 56px
170
- #define spacing800 64px
171
- #define spacing900 72px
172
- #define spacing1000 80px
173
- #define spacing000 0
174
- #define spacing025 2px
175
- #define spacing050 4px
176
- #define spacing075 6px
177
- #define borderWidth100 1px
178
- #define borderWidth200 2px
179
- #define borderWidth300 3px
180
- #define borderWidth400 4px
181
- #define borderWidth000 0px
182
- #define fontSizes100 14px
183
- #define fontSizes200 16px
184
- #define fontSizes300 18px
185
- #define fontSizes400 20px
186
- #define fontSizes500 22px
187
- #define fontSizes600 24px
188
- #define fontSizes700 32px
189
- #define fontSizes800 48px
190
- #define fontSizes900 56px
191
- #define fontSizes1000 64px
192
- #define fontSizes010 10px
193
- #define fontSizes025 12px
194
- #define fontSizes050 13px
195
- #define boxShadow100 0 10px 10px 0 #fb450080
196
- #define boxShadow200 0 20px 40px 0 #95db0080
197
- #define boxShadow300 0 30px 60px 0 #00b3db80
198
- #define boxShadow400 0 50px 80px 0 #6000db80
199
- #define fontWeights400 Regular
200
- #define fontWeights500 Medium
201
- #define fontWeights700 Bold
202
- #define lineHeights400 125%
203
- #define lineHeights500 150%
204
- #define fontFamiliesDefault Pridi
205
- #define fontFamiliesIos San Francisco
206
- #define fontFamiliesAndroid Roboto
207
- #define fontFamiliesOther Open Sans
208
- #define borderRadiusCircle 10%
209
- #define typographyButtonLabelS Bold 14px/150% Pridi
210
- #define typographyButtonLabelM Bold 14px/150% Pridi
211
- #define typographyButtonLabelL Bold 16px/150% Pridi
212
- #define typographyDialogTitleXs Bold 20px/125% Pridi
213
- #define typographyDialogTitleS Bold 20px/125% Pridi
214
- #define typographyDialogTitleMs Bold 20px/125% Pridi
215
- #define typographyDialogTitleM Bold 20px/125% Pridi
216
- #define typographyDialogTitleMl Bold 20px/125% Pridi
217
- #define typographyDialogTitleL Bold 20px/125% Pridi
218
- #define typographyDialogTitleXl Bold 20px/125% Pridi
219
- #define typographyFlashTextM Regular 14px/150% Pridi
220
- #define typographyFlashTextL Regular 16px/150% Pridi
221
- #define typographyFormFieldLabelXs Medium 14px/150% Pridi
222
- #define typographyFormFieldLabelS Medium 14px/150% Pridi
223
- #define typographyFormFieldLabelM Medium 14px/150% Pridi
224
- #define typographyFormFieldLabelL Medium 16px/150% Pridi
225
- #define typographyFormFieldHintTextXs Regular 14px/150% Pridi
226
- #define typographyFormFieldHintTextS Regular 14px/150% Pridi
227
- #define typographyFormFieldHintTextM Regular 14px/150% Pridi
228
- #define typographyFormFieldHintTextL Regular 16px/150% Pridi
229
- #define typographyFormFieldErrorMessageXs Medium 14px/150% Pridi
230
- #define typographyFormFieldErrorMessageS Medium 14px/150% Pridi
231
- #define typographyFormFieldErrorMessageM Medium 14px/150% Pridi
232
- #define typographyFormFieldErrorMessageL Medium 16px/150% Pridi
233
- #define typographyFormFieldCautionMessageXs Regular 14px/150% Pridi
234
- #define typographyFormFieldCautionMessageS Regular 14px/150% Pridi
235
- #define typographyFormFieldCautionMessageM Regular 14px/150% Pridi
236
- #define typographyFormFieldCautionMessageL Regular 16px/150% Pridi
237
- #define typographyFormFieldInputTextXs Regular 14px/150% Pridi
238
- #define typographyFormFieldInputTextS Regular 14px/150% Pridi
239
- #define typographyFormFieldInputTextM Regular 14px/150% Pridi
240
- #define typographyFormFieldInputTextL Regular 16px/150% Pridi
241
- #define typographyFormFieldDropdownOptionsXs Regular 14px/150% Pridi
242
- #define typographyFormFieldDropdownOptionsS Regular 14px/150% Pridi
243
- #define typographyFormFieldDropdownOptionsM Regular 14px/150% Pridi
244
- #define typographyFormFieldDropdownOptionsL Regular 16px/150% Pridi
245
- #define typographyFormFieldSecondLabelXs Medium 14px/150% Pridi
246
- #define typographyFormFieldSecondLabelS Medium 14px/150% Pridi
247
- #define typographyFormFieldSecondLabelM Medium 14px/150% Pridi
248
- #define typographyFormFieldSecondLabelL Medium 16px/150% Pridi
249
- #define typographyFormFieldCharacterCountXs Regular 14px/150% Pridi
250
- #define typographyFormFieldCharacterCountS Regular 14px/150% Pridi
251
- #define typographyFormFieldCharacterCountM Regular 14px/150% Pridi
252
- #define typographyFormFieldCharacterCountL Regular 14px/150% Pridi
253
- #define typographyLinkTextM Regular 14px/150% Pridi
254
- #define typographyLinkTextL Regular 16px/150% Pridi
255
- #define typographyMessageHeadingM Bold 14px/150% Pridi
256
- #define typographyMessageHeadingL Bold 16px/150% Pridi
257
- #define typographyMessageTextM Regular 14px/150% Pridi
258
- #define typographyMessageTextL Regular 16px/150% Pridi
259
- #define typographyPillLabelS Medium 10px/150% Pridi
260
- #define typographyPillLabelM Medium 12px/150% Pridi
261
- #define typographyPillLabelL Medium 14px/150% Pridi
262
- #define typographyPillLabelXl Medium 16px/150% Pridi
263
- #define typographySwitchOptionLabelM Medium 12px/150% Pridi
264
- #define typographySwitchOptionLabelL Medium 14px/150% Pridi
265
- #define typographyTableHeaderTextM Medium 14px/150% Pridi
266
- #define typographyTableCellTextM Regular 14px/150% Pridi
267
- #define typographyTooltipTextM Regular 14px/150% Pridi
268
- #define typographyTooltipTextL Regular 16px/150% Pridi
269
-
package/js/no-theme/common.js DELETED
@@ -1,267 +0,0 @@
1
- /*
2
- Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
3
- */
4
-
5
- /**
6
- * Do not edit directly
7
- * Generated on Tue, 15 Mar 2022 12:59:32 GMT
8
- */
9
-
10
- module.exports = {
11
- metaName: 'No Theme',
12
- metaPublic: 'true',
13
- colorsLogo: '#ef001dff',
14
- colorsTransparent: '#00000000',
15
- colorsYin030: '#00ac004d',
16
- colorsYin055: '#00ac008c',
17
- colorsYin065: '#00ac00a6',
18
- colorsYin090: '#00ac00e6',
19
- colorsYang100: '#ffff00ff',
20
- colorsDisabled400: '#ed99f9ff',
21
- colorsDisabled500: '#e880f7ff',
22
- colorsDisabled600: '#e366f5ff',
23
- colorsReadOnly400: '#4da6f4ff',
24
- colorsReadOnly500: '#198df1ff',
25
- colorsReadOnly600: '#0073d7ff',
26
- colorsComponentsNavigation500: '#fcccd2ff',
27
- colorsComponentsNavigation600: '#f999a5ff',
28
- colorsComponentsNavigation700: '#f56677ff',
29
- colorsComponentsNavigationTransparent: '#00000000',
30
- colorsComponentsNavigationYin100: '#00ac00ff',
31
- colorsComponentsNavigationYin030: '#00ac004d',
32
- colorsComponentsNavigationYin055: '#00ac008c',
33
- colorsComponentsNavigationYin065: '#00ac00a6',
34
- colorsComponentsNavigationYin090: '#00ac00e6',
35
- colorsComponentsNavigationYang100: '#ffff00ff',
36
- colorsUtilityMajor100: '#94a9ffff',
37
- colorsUtilityMajor150: '#7c96ffff',
38
- colorsUtilityMajor200: '#6482ffff',
39
- colorsUtilityMajor300: '#3a61ffff',
40
- colorsUtilityMajor400: '#0031fcff',
41
- colorsUtilityMajor500: '#0029d1ff',
42
- colorsUtilityMajor800: '#001053ff',
43
- colorsUtilityMajor025: '#e5eaffff',
44
- colorsUtilityMajor050: '#ced8ffff',
45
- colorsUtilityMajor075: '#afbfffff',
46
- colorsUtilityMajorTransparent: '#00000000',
47
- colorsUtilityYin030: '#00ac004d',
48
- colorsUtilityYin055: '#00ac008c',
49
- colorsUtilityYin065: '#00ac00a6',
50
- colorsUtilityYin090: '#00ac00e6',
51
- colorsUtilityYang100: '#ffff00ff',
52
- colorsUtilityDisabled400: '#ed99f9ff',
53
- colorsUtilityDisabled500: '#e880f7ff',
54
- colorsUtilityDisabled600: '#e366f5ff',
55
- colorsUtilityReadOnly400: '#4da6f4ff',
56
- colorsUtilityReadOnly500: '#198df1ff',
57
- colorsUtilityReadOnly600: '#0073d7ff',
58
- colorsActionMajor150: '#daccfcff',
59
- colorsActionMajor500: '#9166f5ff',
60
- colorsActionMajor600: '#6c33f2ff',
61
- colorsActionMajor700: '#4700efff',
62
- colorsActionMajorTransparent: '#00000000',
63
- colorsActionMajorYin030: '#00ac004d',
64
- colorsActionMajorYin055: '#00ac008c',
65
- colorsActionMajorYin065: '#00ac00a6',
66
- colorsActionMajorYin090: '#00ac00e6',
67
- colorsActionMajorYang100: '#ffff00ff',
68
- colorsActionMinor100: '#ced8ffff',
69
- colorsActionMinor150: '#afbfffff',
70
- colorsActionMinor200: '#94a9ffff',
71
- colorsActionMinor250: '#7c96ffff',
72
- colorsActionMinor300: '#6482ffff',
73
- colorsActionMinor400: '#3a61ffff',
74
- colorsActionMinor500: '#0031fcff',
75
- colorsActionMinor600: '#0029d1ff',
76
- colorsActionMinor900: '#001053ff',
77
- colorsActionMinor025: '#f1f4ffff',
78
- colorsActionMinor050: '#e5eaffff',
79
- colorsActionMinorTransparent: '#00000000',
80
- colorsActionMinorYin030: '#00ac004d',
81
- colorsActionMinorYin055: '#00ac008c',
82
- colorsActionMinorYin065: '#00ac00a6',
83
- colorsActionMinorYin090: '#00ac00e6',
84
- colorsActionMinorYang100: '#ffff00ff',
85
- colorsActionDisabled400: '#ed99f9ff',
86
- colorsActionDisabled500: '#e880f7ff',
87
- colorsActionDisabled600: '#e366f5ff',
88
- colorsActionReadOnly400: '#4da6f4ff',
89
- colorsActionReadOnly500: '#198df1ff',
90
- colorsActionReadOnly600: '#0073d7ff',
91
- colorsSemanticNeutral200: '#99f0f9ff',
92
- colorsSemanticNeutral500: '#00d9efff',
93
- colorsSemanticNeutral600: '#00aebfff',
94
- colorsSemanticNeutralTransparent: '#00000000',
95
- colorsSemanticNeutralYin030: '#00ac004d',
96
- colorsSemanticNeutralYin055: '#00ac008c',
97
- colorsSemanticNeutralYin065: '#00ac00a6',
98
- colorsSemanticNeutralYin090: '#00ac00e6',
99
- colorsSemanticNeutralYang100: '#ffff00ff',
100
- colorsSemanticFocus250: '#80f7d2ff',
101
- colorsSemanticFocus500: '#00efa5ff',
102
- colorsSemanticFocusTransparent: '#00000000',
103
- colorsSemanticPositive500: '#ffc173ff',
104
- colorsSemanticPositive600: '#ffb04bff',
105
- colorsSemanticPositiveTransparent: '#00000000',
106
- colorsSemanticPositiveYin030: '#00ac004d',
107
- colorsSemanticPositiveYin055: '#00ac008c',
108
- colorsSemanticPositiveYin065: '#00ac00a6',
109
- colorsSemanticPositiveYin090: '#00ac00e6',
110
- colorsSemanticPositiveYang100: '#ffff00ff',
111
- colorsSemanticNegative500: '#d5ef00ff',
112
- colorsSemanticNegative600: '#aabf00ff',
113
- colorsSemanticNegativeTransparent: '#00000000',
114
- colorsSemanticNegativeYin030: '#00ac004d',
115
- colorsSemanticNegativeYin055: '#00ac008c',
116
- colorsSemanticNegativeYin065: '#00ac00a6',
117
- colorsSemanticNegativeYin090: '#00ac00e6',
118
- colorsSemanticNegativeYang100: '#ffff00ff',
119
- colorsSemanticCaution400: '#4dcbb9ff',
120
- colorsSemanticCaution500: '#01b49bff',
121
- colorsSemanticCaution600: '#01907cff',
122
- colorsSemanticCautionTransparent: '#00000000',
123
- colorsSemanticCautionYin030: '#00ac004d',
124
- colorsSemanticCautionYin055: '#00ac008c',
125
- colorsSemanticCautionYin065: '#00ac00a6',
126
- colorsSemanticCautionYin090: '#00ac00e6',
127
- colorsSemanticCautionYang100: '#ffff00ff',
128
- colorsSemanticInfo150: '#ffd7c8ff',
129
- colorsSemanticInfo500: '#ffaf90ff',
130
- colorsSemanticInfo600: '#ff946bff',
131
- colorsSemanticInfoTransparent: '#00000000',
132
- colorsSemanticInfoYin030: '#00ac004d',
133
- colorsSemanticInfoYin055: '#00ac008c',
134
- colorsSemanticInfoYin065: '#00ac00a6',
135
- colorsSemanticInfoYin090: '#00ac00e6',
136
- colorsSemanticInfoYang100: '#ffff00ff',
137
- sizing100: '8px',
138
- sizing125: '10px',
139
- sizing150: '12px',
140
- sizing175: '14px',
141
- sizing200: '16px',
142
- sizing250: '20px',
143
- sizing300: '24px',
144
- sizing350: '28px',
145
- sizing375: '30px',
146
- sizing400: '32px',
147
- sizing500: '40px',
148
- sizing600: '48px',
149
- sizing700: '56px',
150
- sizing800: '64px',
151
- sizing900: '72px',
152
- sizing1000: '80px',
153
- sizing025: '2px',
154
- sizing050: '4px',
155
- sizing075: '6px',
156
- sizingLogowidth: '40px',
157
- sizing010: '1px',
158
- spacing100: '8px',
159
- spacing125: '10px',
160
- spacing150: '12px',
161
- spacing200: '16px',
162
- spacing250: '20px',
163
- spacing300: '24px',
164
- spacing400: '32px',
165
- spacing500: '40px',
166
- spacing600: '48px',
167
- spacing700: '56px',
168
- spacing800: '64px',
169
- spacing900: '72px',
170
- spacing1000: '80px',
171
- spacing000: '0',
172
- spacing025: '2px',
173
- spacing050: '4px',
174
- spacing075: '6px',
175
- borderWidth100: '1px',
176
- borderWidth200: '2px',
177
- borderWidth300: '3px',
178
- borderWidth400: '4px',
179
- borderWidth000: '0px',
180
- fontSizes100: '14px',
181
- fontSizes200: '16px',
182
- fontSizes300: '18px',
183
- fontSizes400: '20px',
184
- fontSizes500: '22px',
185
- fontSizes600: '24px',
186
- fontSizes700: '32px',
187
- fontSizes800: '48px',
188
- fontSizes900: '56px',
189
- fontSizes1000: '64px',
190
- fontSizes010: '10px',
191
- fontSizes025: '12px',
192
- fontSizes050: '13px',
193
- boxShadow100: '0 10px 10px 0 #fb450080',
194
- boxShadow200: '0 20px 40px 0 #95db0080',
195
- boxShadow300: '0 30px 60px 0 #00b3db80',
196
- boxShadow400: '0 50px 80px 0 #6000db80',
197
- fontWeights400: '400',
198
- fontWeights500: '500',
199
- fontWeights700: '700',
200
- lineHeights400: '125%',
201
- lineHeights500: '150%',
202
- fontFamiliesDefault: 'Pridi',
203
- fontFamiliesIos: 'San Francisco',
204
- fontFamiliesAndroid: 'Roboto',
205
- fontFamiliesOther: 'Open Sans',
206
- borderRadiusCircle: '10%',
207
- typographyButtonLabelS: '700 14px/150% Pridi',
208
- typographyButtonLabelM: '700 14px/150% Pridi',
209
- typographyButtonLabelL: '700 16px/150% Pridi',
210
- typographyDialogTitleXs: '700 20px/125% Pridi',
211
- typographyDialogTitleS: '700 20px/125% Pridi',
212
- typographyDialogTitleMs: '700 20px/125% Pridi',
213
- typographyDialogTitleM: '700 20px/125% Pridi',
214
- typographyDialogTitleMl: '700 20px/125% Pridi',
215
- typographyDialogTitleL: '700 20px/125% Pridi',
216
- typographyDialogTitleXl: '700 20px/125% Pridi',
217
- typographyFlashTextM: '400 14px/150% Pridi',
218
- typographyFlashTextL: '400 16px/150% Pridi',
219
- typographyFormFieldLabelXs: '500 14px/150% Pridi',
220
- typographyFormFieldLabelS: '500 14px/150% Pridi',
221
- typographyFormFieldLabelM: '500 14px/150% Pridi',
222
- typographyFormFieldLabelL: '500 16px/150% Pridi',
223
- typographyFormFieldHintTextXs: '400 14px/150% Pridi',
224
- typographyFormFieldHintTextS: '400 14px/150% Pridi',
225
- typographyFormFieldHintTextM: '400 14px/150% Pridi',
226
- typographyFormFieldHintTextL: '400 16px/150% Pridi',
227
- typographyFormFieldErrorMessageXs: '500 14px/150% Pridi',
228
- typographyFormFieldErrorMessageS: '500 14px/150% Pridi',
229
- typographyFormFieldErrorMessageM: '500 14px/150% Pridi',
230
- typographyFormFieldErrorMessageL: '500 16px/150% Pridi',
231
- typographyFormFieldCautionMessageXs: '400 14px/150% Pridi',
232
- typographyFormFieldCautionMessageS: '400 14px/150% Pridi',
233
- typographyFormFieldCautionMessageM: '400 14px/150% Pridi',
234
- typographyFormFieldCautionMessageL: '400 16px/150% Pridi',
235
- typographyFormFieldInputTextXs: '400 14px/150% Pridi',
236
- typographyFormFieldInputTextS: '400 14px/150% Pridi',
237
- typographyFormFieldInputTextM: '400 14px/150% Pridi',
238
- typographyFormFieldInputTextL: '400 16px/150% Pridi',
239
- typographyFormFieldDropdownOptionsXs: '400 14px/150% Pridi',
240
- typographyFormFieldDropdownOptionsS: '400 14px/150% Pridi',
241
- typographyFormFieldDropdownOptionsM: '400 14px/150% Pridi',
242
- typographyFormFieldDropdownOptionsL: '400 16px/150% Pridi',
243
- typographyFormFieldSecondLabelXs: '500 14px/150% Pridi',
244
- typographyFormFieldSecondLabelS: '500 14px/150% Pridi',
245
- typographyFormFieldSecondLabelM: '500 14px/150% Pridi',
246
- typographyFormFieldSecondLabelL: '500 16px/150% Pridi',
247
- typographyFormFieldCharacterCountXs: '400 14px/150% Pridi',
248
- typographyFormFieldCharacterCountS: '400 14px/150% Pridi',
249
- typographyFormFieldCharacterCountM: '400 14px/150% Pridi',
250
- typographyFormFieldCharacterCountL: '400 14px/150% Pridi',
251
- typographyLinkTextM: '400 14px/150% Pridi',
252
- typographyLinkTextL: '400 16px/150% Pridi',
253
- typographyMessageHeadingM: '700 14px/150% Pridi',
254
- typographyMessageHeadingL: '700 16px/150% Pridi',
255
- typographyMessageTextM: '400 14px/150% Pridi',
256
- typographyMessageTextL: '400 16px/150% Pridi',
257
- typographyPillLabelS: '500 10px/150% Pridi',
258
- typographyPillLabelM: '500 12px/150% Pridi',
259
- typographyPillLabelL: '500 14px/150% Pridi',
260
- typographyPillLabelXl: '500 16px/150% Pridi',
261
- typographySwitchOptionLabelM: '500 12px/150% Pridi',
262
- typographySwitchOptionLabelL: '500 14px/150% Pridi',
263
- typographyTableHeaderTextM: '500 14px/150% Pridi',
264
- typographyTableCellTextM: '400 14px/150% Pridi',
265
- typographyTooltipTextM: '400 14px/150% Pridi',
266
- typographyTooltipTextL: '400 16px/150% Pridi'
267
- }