onecart-ui-tokens 0.1.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.
@@ -0,0 +1,350 @@
1
+ /**
2
+ * File generated by the Figma Token Engine
3
+ * Do not edit directly
4
+ */
5
+
6
+ export const BORDER_RADIUS_TOOLTIP_DEFAULT = "0.25rem";
7
+ export const BORDER_RADIUS_POPOVER_DEFAULT = "0.5rem";
8
+ export const BORDER_RADIUS_TAG_SM = "0.25rem";
9
+ export const BORDER_RADIUS_TAG_XL = "62.4rem";
10
+ export const BORDER_RADIUS_BUTTON_SM = "0.25rem";
11
+ export const BORDER_RADIUS_BUTTON_FULL = "62.4rem";
12
+ export const BORDER_RADIUS_INPUT_SM = "0.25rem";
13
+ export const BORDER_RADIUS_INPUT_LG = "0.5rem";
14
+ export const BORDER_RADIUS_CARD_SM = "0.25rem";
15
+ export const BORDER_RADIUS_CARD_MD = "0.5rem";
16
+ export const BORDER_RADIUS_CARD_LG = "0.75rem";
17
+ export const BORDER_RADIUS_MODAL_LG = "0.75rem";
18
+ export const BORDER_RADIUS_MODAL_XL = "1rem";
19
+ export const BORDER_RADIUS_NONE = 0;
20
+ export const BORDER_RADIUS_XS = "0.25rem";
21
+ export const BORDER_RADIUS_SM = "0.5rem";
22
+ export const BORDER_RADIUS_MD = "0.75rem";
23
+ export const BORDER_RADIUS_LG = "1rem";
24
+ export const BORDER_RADIUS_XL = "1.25rem";
25
+ export const BORDER_RADIUS_2XL = "1.5rem";
26
+ export const BORDER_RADIUS_3XL = "1.75rem";
27
+ export const BORDER_RADIUS_FULL = "62.4rem";
28
+ export const BORDER_WIDTH_BUTTON_DEFAULT = "0.0625rem";
29
+ export const BORDER_WIDTH_BUTTON_HOVER = "0.125rem";
30
+ export const BORDER_WIDTH_BUTTON_PRESSED = "0.125rem";
31
+ export const BORDER_WIDTH_INPUT_DEFAULT = "0.0625rem";
32
+ export const BORDER_WIDTH_INPUT_FOCUS = "0.125rem";
33
+ export const BORDER_WIDTH_INPUT_ERROR = "0.125rem";
34
+ export const BORDER_WIDTH_CARD_DEFAULT = "0.0625rem";
35
+ export const BORDER_WIDTH_CARD_HOVER = "0.125rem";
36
+ export const BORDER_WIDTH_NONE = 0;
37
+ export const BORDER_WIDTH_XS = "0.0625rem";
38
+ export const BORDER_WIDTH_SM = "0.125rem";
39
+ export const BORDER_WIDTH_MD = "0.25rem";
40
+ export const BORDER_GREEN = "#00df88";
41
+ export const BORDER_BLUE = "#0053e2";
42
+ export const BORDER_YELLOW = "#f4b400";
43
+ export const BORDER_RED = "#a90000";
44
+ export const BORDER_DARK = "#111";
45
+ export const BORDER_LIGHT = "#e2e2e2";
46
+ export const BORDER_LIGHTER = "#f1f1f1";
47
+ export const LAYOUT_SPACING_INLINE_NONE = 0;
48
+ export const LAYOUT_SPACING_INLINE_3XS = "0.125rem";
49
+ export const LAYOUT_SPACING_INLINE_2XS = "0.25rem";
50
+ export const LAYOUT_SPACING_INLINE_XS = "0.5rem";
51
+ export const LAYOUT_SPACING_INLINE_SM = "0.75rem";
52
+ export const LAYOUT_SPACING_INLINE_MD = "1rem";
53
+ export const LAYOUT_SPACING_INLINE_LG = "2rem";
54
+ export const LAYOUT_SPACING_INLINE_XL = "2.5rem";
55
+ export const LAYOUT_SPACING_INLINE_2XL = "5rem";
56
+ export const LAYOUT_SPACING_STACK_NONE = 0;
57
+ export const LAYOUT_SPACING_STACK_3XS = "0.125rem";
58
+ export const LAYOUT_SPACING_STACK_2XS = "0.25rem";
59
+ export const LAYOUT_SPACING_STACK_XS = "0.5rem";
60
+ export const LAYOUT_SPACING_STACK_SM = "0.75rem";
61
+ export const LAYOUT_SPACING_STACK_MD = "1rem";
62
+ export const LAYOUT_SPACING_STACK_LG = "2rem";
63
+ export const LAYOUT_SPACING_STACK_XL = "2.5rem";
64
+ export const LAYOUT_SPACING_STACK_2XL = "5rem";
65
+ export const SECTION_SPACING_SM = "1.5rem";
66
+ export const SECTION_SPACING_MD = "1.75rem";
67
+ export const SECTION_SPACING_LG = "2rem";
68
+ export const SECTION_SPACING_XL = "2.5rem";
69
+ export const SECTION_SPACING_2XL = "3.5rem";
70
+ export const SECTION_SPACING_3XL = "5rem";
71
+ export const COMPONENT_CARD_SM = "0.75rem";
72
+ export const COMPONENT_CARD_MD = "1.25rem";
73
+ export const COMPONENT_CARD_LG = "1.5rem";
74
+ export const COMPONENT_CARD_XL = "2rem";
75
+ export const COMPONENT_CARD_2XL = "2.5rem";
76
+ export const COMPONENT_MODAL_SM = "1.25rem";
77
+ export const COMPONENT_MODAL_MD = "1.5rem";
78
+ export const COMPONENT_MODAL_LG = "1.75rem";
79
+ export const SPACE_0 = 0;
80
+ export const SPACE_3XS = "0.125rem";
81
+ export const SPACE_2XS = "0.25rem";
82
+ export const SPACE_XS = "0.5rem";
83
+ export const SPACE_SM = "0.75rem";
84
+ export const SPACE_MD = "1rem";
85
+ export const SPACE_LG = "1.25rem";
86
+ export const SPACE_XL = "1.5rem";
87
+ export const SPACE_2XL = "1.75rem";
88
+ export const SPACE_3XL = "2rem";
89
+ export const SPACE_4XL = "2.5rem";
90
+ export const SPACE_5XL = "3rem";
91
+ export const SPACE_6XL = "3.5rem";
92
+ export const SPACE_7XL = "4rem";
93
+ export const SPACE_8XL = "5rem";
94
+ export const XS = "0.75rem";
95
+ export const S = "1rem";
96
+ export const MD = "1.25rem";
97
+ export const LG = "1.5rem";
98
+ export const XL = "1.75rem";
99
+ export const XXL = "2rem";
100
+ export const BACKGROUND_YELLOW_LIGHT = "#fff5d9";
101
+ export const BACKGROUND_YELLOW_MEDIUM = "#ffe7a5";
102
+ export const BACKGROUND_BLUE_LIGHT = "#e3ebff";
103
+ export const BACKGROUND_BLUE_MEDIUM = "#c3deff";
104
+ export const BACKGROUND_GREEN_LIGHT = "#E5FCF3";
105
+ export const BACKGROUND_GREEN_MEDIUM = "#ccf9e7";
106
+ export const BACKGROUND_GREEN_DARK = "#00df88";
107
+ export const BACKGROUND_RED_LIGHT = "#feecec";
108
+ export const BACKGROUND_RED_MEDIUM = "#fed8d8";
109
+ export const BACKGROUND_WHITE_LIGHT = "#ffffff";
110
+ export const BACKGROUND_NEUTRAL_DARK = "#111";
111
+ export const BACKGROUND_NEUTRAL_GREY = "#e2e2e2";
112
+ export const BACKGROUND_NEUTRAL_LIGHT = "#f1f1f1";
113
+ export const TEXT_INVERSE = "#ffffff";
114
+ export const TEXT_DISABLED = "#ababab";
115
+ export const TEXT_PLACEHOLDER = "#919191";
116
+ export const TEXT_TERTIARY = "#525252";
117
+ export const TEXT_BODY = "#3b3b3b";
118
+ export const TEXT_HEADER = "#111";
119
+ export const TEXT_GREEN = "#00df88";
120
+ export const TEXT_BLUE = "#0053e2";
121
+ export const TEXT_ERROR = "#a90000";
122
+ export const TEXT_YELLOW = "#f4b400";
123
+ export const FEEDBACK_ALERT_SUCCESS = "#00df88";
124
+ export const FEEDBACK_ALERT_ERROR = "#a90000";
125
+ export const FEEDBACK_ALERT_WARNING = "#fff5d9";
126
+ export const FEEDBACK_ALERT_NEUTRAL = "#111";
127
+ export const ACTION_PRIMARY_DEFAULT = "#00df88";
128
+ export const ACTION_PRIMARY_HOVER = "#4ce9ac";
129
+ export const ACTION_PRIMARY_ACTIVE = "#98f2cf";
130
+ export const ACTION_PRIMARY_DISABLED = "#E5FCF3";
131
+ export const ACTION_SECONDARY_DEFAULT = "#0053e2";
132
+ export const ACTION_SECONDARY_HOVER = "#254cac";
133
+ export const ACTION_SECONDARY_ACTIVE = "#9ec1ff";
134
+ export const ACTION_SECONDARY_DISABLED = "#e3ebff";
135
+ export const ACTION_DESTRUCTIVE_DEFAULT = "#d60000";
136
+ export const ACTION_DESTRUCTIVE_HOVER = "#a90000";
137
+ export const ACTION_DESTRUCTIVE_ACTIVE = "#fed8d8";
138
+ export const ACTION_DESTRUCTIVE_DISABLE = "#feecec";
139
+ export const ACTION_TERTIARY_DEFAULT = "#3b3b3b";
140
+ export const ACTION_TERTIARY_HOVER = "#111";
141
+ export const ACTION_TERTIARY_ACTIVE = "#ababab";
142
+ export const ACTION_TERTIARY_DISABLE = "#f1f1f1";
143
+ export const ICON_YELLOW = "#f4b400";
144
+ export const ICON_BLUE = "#0053e2";
145
+ export const ICON_GREEN = "#00df88";
146
+ export const ICON_RED = "#a90000";
147
+ export const ICON_NEUTRAL = "#111";
148
+ export const ICON_LIGHT = "#e2e2e2";
149
+ export const ICON_LIGHTER = "#f1f1f1";
150
+ export const GREEN_10 = "#E5FCF3";
151
+ export const GREEN_20 = "#ccf9e7";
152
+ export const GREEN_30 = "#B2F5DB";
153
+ export const GREEN_40 = "#98f2cf";
154
+ export const GREEN_50 = "#81efc3";
155
+ export const GREEN_60 = "#66ecb8";
156
+ export const GREEN_70 = "#4ce9ac";
157
+ export const GREEN_80 = "#31e5a0";
158
+ export const GREEN_90 = "#1ae294";
159
+ export const GREEN_100 = "#00df88";
160
+ export const NEUTRAL_10 = "#f1f1f1";
161
+ export const NEUTRAL_20 = "#e2e2e2";
162
+ export const NEUTRAL_30 = "#c6c6c6";
163
+ export const NEUTRAL_40 = "#ababab";
164
+ export const NEUTRAL_50 = "#919191";
165
+ export const NEUTRAL_60 = "#6a6a6a";
166
+ export const NEUTRAL_70 = "#525252";
167
+ export const NEUTRAL_80 = "#3b3b3b";
168
+ export const NEUTRAL_90 = "#262626";
169
+ export const NEUTRAL_100 = "#111";
170
+ export const BLUE_10 = "#e3ebff";
171
+ export const BLUE_20 = "#c3deff";
172
+ export const BLUE_30 = "#9ec1ff";
173
+ export const BLUE_40 = "#5c83fd";
174
+ export const BLUE_50 = "#446ef5";
175
+ export const BLUE_60 = "#0053e2";
176
+ export const BLUE_70 = "#254cac";
177
+ export const BLUE_80 = "#14328d";
178
+ export const BLUE_90 = "#0c285f";
179
+ export const BLUE_100 = "#071e3c";
180
+ export const RED_10 = "#feecec";
181
+ export const RED_20 = "#fed8d8";
182
+ export const RED_30 = "#feb3b3";
183
+ export const RED_40 = "#fe8888";
184
+ export const RED_50 = "#fb5959";
185
+ export const RED_60 = "#d60000";
186
+ export const RED_70 = "#a90000";
187
+ export const RED_80 = "#820000";
188
+ export const RED_90 = "#550000";
189
+ export const RED_100 = "#3a0000";
190
+ export const YELLOW_10 = "#fff5d9";
191
+ export const YELLOW_20 = "#ffe7a5";
192
+ export const YELLOW_30 = "#ffd86b";
193
+ export const YELLOW_40 = "#ffce46";
194
+ export const YELLOW_50 = "#ffc420";
195
+ export const YELLOW_60 = "#f4b400";
196
+ export const YELLOW_70 = "#dba200";
197
+ export const YELLOW_80 = "#c69200";
198
+ export const YELLOW_90 = "#b38400";
199
+ export const YELLOW_100 = "#9a7100";
200
+ export const WHITE_10 = "#ffffff";
201
+ export const DISPLAY_2XL_FONT_FAMILY = "Campton";
202
+ export const DISPLAY_2XL_FONT_WEIGHT = 500;
203
+ export const DISPLAY_2XL_LINE_HEIGHT = "56px";
204
+ export const DISPLAY_2XL_FONT_SIZE = "52px";
205
+ export const DISPLAY_2XL_LETTER_SPACING = "0%";
206
+ export const DISPLAY_2XL_PARAGRAPH_INDENT = "0px";
207
+ export const DISPLAY_2XL_TEXT_CASE = "none";
208
+ export const DISPLAY_2XL_TEXT_DECORATION = "none";
209
+ export const DISPLAY_XL_FONT_FAMILY = "Campton";
210
+ export const DISPLAY_XL_FONT_WEIGHT = 500;
211
+ export const DISPLAY_XL_LINE_HEIGHT = "48px";
212
+ export const DISPLAY_XL_FONT_SIZE = "44px";
213
+ export const DISPLAY_XL_LETTER_SPACING = "0%";
214
+ export const DISPLAY_XL_PARAGRAPH_INDENT = "0px";
215
+ export const DISPLAY_XL_TEXT_CASE = "none";
216
+ export const DISPLAY_XL_TEXT_DECORATION = "none";
217
+ export const HEADING_XL_FONT_FAMILY = "Campton";
218
+ export const HEADING_XL_FONT_WEIGHT = 600;
219
+ export const HEADING_XL_LINE_HEIGHT = "48px";
220
+ export const HEADING_XL_FONT_SIZE = "40px";
221
+ export const HEADING_XL_LETTER_SPACING = "0%";
222
+ export const HEADING_XL_PARAGRAPH_INDENT = "0px";
223
+ export const HEADING_XL_TEXT_CASE = "none";
224
+ export const HEADING_XL_TEXT_DECORATION = "none";
225
+ export const HEADING_LG_FONT_FAMILY = "Campton";
226
+ export const HEADING_LG_FONT_WEIGHT = 600;
227
+ export const HEADING_LG_LINE_HEIGHT = "44px";
228
+ export const HEADING_LG_FONT_SIZE = "36px";
229
+ export const HEADING_LG_LETTER_SPACING = "0%";
230
+ export const HEADING_LG_PARAGRAPH_INDENT = "0px";
231
+ export const HEADING_LG_TEXT_CASE = "none";
232
+ export const HEADING_LG_TEXT_DECORATION = "none";
233
+ export const HEADING_MD_FONT_FAMILY = "Campton";
234
+ export const HEADING_MD_FONT_WEIGHT = 600;
235
+ export const HEADING_MD_LINE_HEIGHT = "40px";
236
+ export const HEADING_MD_FONT_SIZE = "32px";
237
+ export const HEADING_MD_LETTER_SPACING = "0%";
238
+ export const HEADING_MD_PARAGRAPH_INDENT = "0px";
239
+ export const HEADING_MD_TEXT_CASE = "none";
240
+ export const HEADING_MD_TEXT_DECORATION = "none";
241
+ export const HEADING_SM_FONT_FAMILY = "Campton";
242
+ export const HEADING_SM_FONT_WEIGHT = 600;
243
+ export const HEADING_SM_LINE_HEIGHT = "36px";
244
+ export const HEADING_SM_FONT_SIZE = "28px";
245
+ export const HEADING_SM_LETTER_SPACING = "0%";
246
+ export const HEADING_SM_PARAGRAPH_INDENT = "0px";
247
+ export const HEADING_SM_TEXT_CASE = "none";
248
+ export const HEADING_SM_TEXT_DECORATION = "none";
249
+ export const HEADING_XS_FONT_FAMILY = "Campton";
250
+ export const HEADING_XS_FONT_WEIGHT = 600;
251
+ export const HEADING_XS_LINE_HEIGHT = "28px";
252
+ export const HEADING_XS_FONT_SIZE = "20px";
253
+ export const HEADING_XS_LETTER_SPACING = "0%";
254
+ export const HEADING_XS_PARAGRAPH_INDENT = "0px";
255
+ export const HEADING_XS_TEXT_CASE = "none";
256
+ export const HEADING_XS_TEXT_DECORATION = "none";
257
+ export const HEADING_2XS_FONT_FAMILY = "Campton";
258
+ export const HEADING_2XS_FONT_WEIGHT = 600;
259
+ export const HEADING_2XS_LINE_HEIGHT = "24px";
260
+ export const HEADING_2XS_FONT_SIZE = "18px";
261
+ export const HEADING_2XS_LETTER_SPACING = "0%";
262
+ export const HEADING_2XS_PARAGRAPH_INDENT = "0px";
263
+ export const HEADING_2XS_TEXT_CASE = "none";
264
+ export const HEADING_2XS_TEXT_DECORATION = "none";
265
+ export const BODY_XL_FONT_FAMILY = "Campton";
266
+ export const BODY_XL_FONT_WEIGHT = "book";
267
+ export const BODY_XL_LINE_HEIGHT = "28px";
268
+ export const BODY_XL_FONT_SIZE = "18px";
269
+ export const BODY_XL_LETTER_SPACING = "0%";
270
+ export const BODY_XL_PARAGRAPH_INDENT = "0px";
271
+ export const BODY_XL_TEXT_CASE = "none";
272
+ export const BODY_XL_TEXT_DECORATION = "none";
273
+ export const BODY_LG_FONT_FAMILY = "Campton";
274
+ export const BODY_LG_FONT_WEIGHT = "book";
275
+ export const BODY_LG_LINE_HEIGHT = "24px";
276
+ export const BODY_LG_FONT_SIZE = "16px";
277
+ export const BODY_LG_LETTER_SPACING = "0%";
278
+ export const BODY_LG_PARAGRAPH_INDENT = "0px";
279
+ export const BODY_LG_TEXT_CASE = "none";
280
+ export const BODY_LG_TEXT_DECORATION = "none";
281
+ export const BODY_MD_FONT_FAMILY = "Campton";
282
+ export const BODY_MD_FONT_WEIGHT = "book";
283
+ export const BODY_MD_LINE_HEIGHT = "20px";
284
+ export const BODY_MD_FONT_SIZE = "14px";
285
+ export const BODY_MD_LETTER_SPACING = "0%";
286
+ export const BODY_MD_PARAGRAPH_INDENT = "0px";
287
+ export const BODY_MD_TEXT_CASE = "none";
288
+ export const BODY_MD_TEXT_DECORATION = "none";
289
+ export const BODY_SM_FONT_FAMILY = "Campton";
290
+ export const BODY_SM_FONT_WEIGHT = "book";
291
+ export const BODY_SM_LINE_HEIGHT = "20px";
292
+ export const BODY_SM_FONT_SIZE = "12px";
293
+ export const BODY_SM_LETTER_SPACING = "0%";
294
+ export const BODY_SM_PARAGRAPH_INDENT = "0px";
295
+ export const BODY_SM_TEXT_CASE = "none";
296
+ export const BODY_SM_TEXT_DECORATION = "none";
297
+ export const UTILITY_BUTTON_FONT_FAMILY = "Campton";
298
+ export const UTILITY_BUTTON_FONT_WEIGHT = 500;
299
+ export const UTILITY_BUTTON_LINE_HEIGHT = "16px";
300
+ export const UTILITY_BUTTON_FONT_SIZE = "16px";
301
+ export const UTILITY_BUTTON_LETTER_SPACING = "0%";
302
+ export const UTILITY_BUTTON_PARAGRAPH_INDENT = "0px";
303
+ export const UTILITY_BUTTON_TEXT_CASE = "none";
304
+ export const UTILITY_BUTTON_TEXT_DECORATION = "none";
305
+ export const UTILITY_LINK_FONT_FAMILY = "Campton";
306
+ export const UTILITY_LINK_FONT_WEIGHT = 500;
307
+ export const UTILITY_LINK_LINE_HEIGHT = "20px";
308
+ export const UTILITY_LINK_FONT_SIZE = "14px";
309
+ export const UTILITY_LINK_LETTER_SPACING = "0%";
310
+ export const UTILITY_LINK_PARAGRAPH_INDENT = "0px";
311
+ export const UTILITY_LINK_TEXT_CASE = "none";
312
+ export const UTILITY_LINK_TEXT_DECORATION = "underline";
313
+ export const UTILITY_CAPTION_FONT_FAMILY = "Campton";
314
+ export const UTILITY_CAPTION_FONT_WEIGHT = "book";
315
+ export const UTILITY_CAPTION_LINE_HEIGHT = "16px";
316
+ export const UTILITY_CAPTION_FONT_SIZE = "12px";
317
+ export const UTILITY_CAPTION_LETTER_SPACING = "0%";
318
+ export const UTILITY_CAPTION_PARAGRAPH_INDENT = "0px";
319
+ export const UTILITY_CAPTION_TEXT_CASE = "none";
320
+ export const UTILITY_CAPTION_TEXT_DECORATION = "none";
321
+ export const FONT_FAMILIES_CAMPTON = "Campton";
322
+ export const LINE_HEIGHT_6XL = "56px";
323
+ export const LINE_HEIGHT_5XL = "48px";
324
+ export const LINE_HEIGHT_4XL = "44px";
325
+ export const LINE_HEIGHT_3XL = "40px";
326
+ export const LINE_HEIGHT_2XL = "36px";
327
+ export const LINE_HEIGHT_XL = "32px";
328
+ export const LINE_HEIGHT_LG = "28px";
329
+ export const LINE_HEIGHT_MD = "24px";
330
+ export const LINE_HEIGHT_S = "20px";
331
+ export const LINE_HEIGHT_XS = "16px";
332
+ export const MEDIUM = 500;
333
+ export const SEMI_BOLD = 600;
334
+ export const BOOK = "book";
335
+ export const FONT_SIZE_2XS = "14px";
336
+ export const FONT_SIZE_3XS = "12px";
337
+ export const FONT_SIZE_XS = "16px";
338
+ export const FONT_SIZE_MD = "18px";
339
+ export const FONT_SIZE_LG = "20px";
340
+ export const FONT_SIZE_XL = "28px";
341
+ export const FONT_SIZE_2XL = "32px";
342
+ export const FONT_SIZE_3XL = "36px";
343
+ export const FONT_SIZE_4XL = "40px";
344
+ export const FONT_SIZE_5XL = "44px";
345
+ export const FONT_SIZE_6XL = "52px";
346
+ export const LETTER_SPACING_0 = "0%";
347
+ export const TEXT_CASE_NONE = "none";
348
+ export const TEXT_DECORATION_NONE = "none";
349
+ export const TEXT_DECORATION_UNDERLINE = "underline";
350
+ export const PARAGRAPH_INDENT_0 = "0px";