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