@livepeer/design-system 0.0.0-beta.6 → 0.0.0-beta.9
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Container.d.ts +989 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.es.js +43 -5
- package/dist/index.js +42 -7
- package/package.json +1 -1
@@ -0,0 +1,989 @@
|
|
1
|
+
export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
2
|
+
size?: number | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | undefined;
|
3
|
+
}, {
|
4
|
+
bp1: "(min-width: 520px)";
|
5
|
+
bp2: "(min-width: 900px)";
|
6
|
+
bp3: "(min-width: 1200px)";
|
7
|
+
bp4: "(min-width: 1800px)";
|
8
|
+
motion: "(prefers-reduced-motion)";
|
9
|
+
hover: "(any-hover: hover)";
|
10
|
+
dark: "(prefers-color-scheme: dark)";
|
11
|
+
light: "(prefers-color-scheme: light)";
|
12
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
13
|
+
bp1: "(min-width: 520px)";
|
14
|
+
bp2: "(min-width: 900px)";
|
15
|
+
bp3: "(min-width: 1200px)";
|
16
|
+
bp4: "(min-width: 1800px)";
|
17
|
+
motion: "(prefers-reduced-motion)";
|
18
|
+
hover: "(any-hover: hover)";
|
19
|
+
dark: "(prefers-color-scheme: dark)";
|
20
|
+
light: "(prefers-color-scheme: light)";
|
21
|
+
}, {
|
22
|
+
colors: {
|
23
|
+
hiContrast: string;
|
24
|
+
loContrast: string;
|
25
|
+
canvas: string;
|
26
|
+
panel: string;
|
27
|
+
transparentPanel: string;
|
28
|
+
shadowLight: string;
|
29
|
+
shadowDark: string;
|
30
|
+
blackA1: string;
|
31
|
+
blackA2: string;
|
32
|
+
blackA3: string;
|
33
|
+
blackA4: string;
|
34
|
+
blackA5: string;
|
35
|
+
blackA6: string;
|
36
|
+
blackA7: string;
|
37
|
+
blackA8: string;
|
38
|
+
blackA9: string;
|
39
|
+
blackA10: string;
|
40
|
+
blackA11: string;
|
41
|
+
blackA12: string;
|
42
|
+
whiteA1: string;
|
43
|
+
whiteA2: string;
|
44
|
+
whiteA3: string;
|
45
|
+
whiteA4: string;
|
46
|
+
whiteA5: string;
|
47
|
+
whiteA6: string;
|
48
|
+
whiteA7: string;
|
49
|
+
whiteA8: string;
|
50
|
+
whiteA9: string;
|
51
|
+
whiteA10: string;
|
52
|
+
whiteA11: string;
|
53
|
+
whiteA12: string;
|
54
|
+
goldA1: string;
|
55
|
+
goldA2: string;
|
56
|
+
goldA3: string;
|
57
|
+
goldA4: string;
|
58
|
+
goldA5: string;
|
59
|
+
goldA6: string;
|
60
|
+
goldA7: string;
|
61
|
+
goldA8: string;
|
62
|
+
goldA9: string;
|
63
|
+
goldA10: string;
|
64
|
+
goldA11: string;
|
65
|
+
goldA12: string;
|
66
|
+
bronzeA1: string;
|
67
|
+
bronzeA2: string;
|
68
|
+
bronzeA3: string;
|
69
|
+
bronzeA4: string;
|
70
|
+
bronzeA5: string;
|
71
|
+
bronzeA6: string;
|
72
|
+
bronzeA7: string;
|
73
|
+
bronzeA8: string;
|
74
|
+
bronzeA9: string;
|
75
|
+
bronzeA10: string;
|
76
|
+
bronzeA11: string;
|
77
|
+
bronzeA12: string;
|
78
|
+
brownA1: string;
|
79
|
+
brownA2: string;
|
80
|
+
brownA3: string;
|
81
|
+
brownA4: string;
|
82
|
+
brownA5: string;
|
83
|
+
brownA6: string;
|
84
|
+
brownA7: string;
|
85
|
+
brownA8: string;
|
86
|
+
brownA9: string;
|
87
|
+
brownA10: string;
|
88
|
+
brownA11: string;
|
89
|
+
brownA12: string;
|
90
|
+
orangeA1: string;
|
91
|
+
orangeA2: string;
|
92
|
+
orangeA3: string;
|
93
|
+
orangeA4: string;
|
94
|
+
orangeA5: string;
|
95
|
+
orangeA6: string;
|
96
|
+
orangeA7: string;
|
97
|
+
orangeA8: string;
|
98
|
+
orangeA9: string;
|
99
|
+
orangeA10: string;
|
100
|
+
orangeA11: string;
|
101
|
+
orangeA12: string;
|
102
|
+
amberA1: string;
|
103
|
+
amberA2: string;
|
104
|
+
amberA3: string;
|
105
|
+
amberA4: string;
|
106
|
+
amberA5: string;
|
107
|
+
amberA6: string;
|
108
|
+
amberA7: string;
|
109
|
+
amberA8: string;
|
110
|
+
amberA9: string;
|
111
|
+
amberA10: string;
|
112
|
+
amberA11: string;
|
113
|
+
amberA12: string;
|
114
|
+
yellowA1: string;
|
115
|
+
yellowA2: string;
|
116
|
+
yellowA3: string;
|
117
|
+
yellowA4: string;
|
118
|
+
yellowA5: string;
|
119
|
+
yellowA6: string;
|
120
|
+
yellowA7: string;
|
121
|
+
yellowA8: string;
|
122
|
+
yellowA9: string;
|
123
|
+
yellowA10: string;
|
124
|
+
yellowA11: string;
|
125
|
+
yellowA12: string;
|
126
|
+
limeA1: string;
|
127
|
+
limeA2: string;
|
128
|
+
limeA3: string;
|
129
|
+
limeA4: string;
|
130
|
+
limeA5: string;
|
131
|
+
limeA6: string;
|
132
|
+
limeA7: string;
|
133
|
+
limeA8: string;
|
134
|
+
limeA9: string;
|
135
|
+
limeA10: string;
|
136
|
+
limeA11: string;
|
137
|
+
limeA12: string;
|
138
|
+
grassA1: string;
|
139
|
+
grassA2: string;
|
140
|
+
grassA3: string;
|
141
|
+
grassA4: string;
|
142
|
+
grassA5: string;
|
143
|
+
grassA6: string;
|
144
|
+
grassA7: string;
|
145
|
+
grassA8: string;
|
146
|
+
grassA9: string;
|
147
|
+
grassA10: string;
|
148
|
+
grassA11: string;
|
149
|
+
grassA12: string;
|
150
|
+
greenA1: string;
|
151
|
+
greenA2: string;
|
152
|
+
greenA3: string;
|
153
|
+
greenA4: string;
|
154
|
+
greenA5: string;
|
155
|
+
greenA6: string;
|
156
|
+
greenA7: string;
|
157
|
+
greenA8: string;
|
158
|
+
greenA9: string;
|
159
|
+
greenA10: string;
|
160
|
+
greenA11: string;
|
161
|
+
greenA12: string;
|
162
|
+
tealA1: string;
|
163
|
+
tealA2: string;
|
164
|
+
tealA3: string;
|
165
|
+
tealA4: string;
|
166
|
+
tealA5: string;
|
167
|
+
tealA6: string;
|
168
|
+
tealA7: string;
|
169
|
+
tealA8: string;
|
170
|
+
tealA9: string;
|
171
|
+
tealA10: string;
|
172
|
+
tealA11: string;
|
173
|
+
tealA12: string;
|
174
|
+
cyanA1: string;
|
175
|
+
cyanA2: string;
|
176
|
+
cyanA3: string;
|
177
|
+
cyanA4: string;
|
178
|
+
cyanA5: string;
|
179
|
+
cyanA6: string;
|
180
|
+
cyanA7: string;
|
181
|
+
cyanA8: string;
|
182
|
+
cyanA9: string;
|
183
|
+
cyanA10: string;
|
184
|
+
cyanA11: string;
|
185
|
+
cyanA12: string;
|
186
|
+
mintA1: string;
|
187
|
+
mintA2: string;
|
188
|
+
mintA3: string;
|
189
|
+
mintA4: string;
|
190
|
+
mintA5: string;
|
191
|
+
mintA6: string;
|
192
|
+
mintA7: string;
|
193
|
+
mintA8: string;
|
194
|
+
mintA9: string;
|
195
|
+
mintA10: string;
|
196
|
+
mintA11: string;
|
197
|
+
mintA12: string;
|
198
|
+
skyA1: string;
|
199
|
+
skyA2: string;
|
200
|
+
skyA3: string;
|
201
|
+
skyA4: string;
|
202
|
+
skyA5: string;
|
203
|
+
skyA6: string;
|
204
|
+
skyA7: string;
|
205
|
+
skyA8: string;
|
206
|
+
skyA9: string;
|
207
|
+
skyA10: string;
|
208
|
+
skyA11: string;
|
209
|
+
skyA12: string;
|
210
|
+
blueA1: string;
|
211
|
+
blueA2: string;
|
212
|
+
blueA3: string;
|
213
|
+
blueA4: string;
|
214
|
+
blueA5: string;
|
215
|
+
blueA6: string;
|
216
|
+
blueA7: string;
|
217
|
+
blueA8: string;
|
218
|
+
blueA9: string;
|
219
|
+
blueA10: string;
|
220
|
+
blueA11: string;
|
221
|
+
blueA12: string;
|
222
|
+
indigoA1: string;
|
223
|
+
indigoA2: string;
|
224
|
+
indigoA3: string;
|
225
|
+
indigoA4: string;
|
226
|
+
indigoA5: string;
|
227
|
+
indigoA6: string;
|
228
|
+
indigoA7: string;
|
229
|
+
indigoA8: string;
|
230
|
+
indigoA9: string;
|
231
|
+
indigoA10: string;
|
232
|
+
indigoA11: string;
|
233
|
+
indigoA12: string;
|
234
|
+
violetA1: string;
|
235
|
+
violetA2: string;
|
236
|
+
violetA3: string;
|
237
|
+
violetA4: string;
|
238
|
+
violetA5: string;
|
239
|
+
violetA6: string;
|
240
|
+
violetA7: string;
|
241
|
+
violetA8: string;
|
242
|
+
violetA9: string;
|
243
|
+
violetA10: string;
|
244
|
+
violetA11: string;
|
245
|
+
violetA12: string;
|
246
|
+
purpleA1: string;
|
247
|
+
purpleA2: string;
|
248
|
+
purpleA3: string;
|
249
|
+
purpleA4: string;
|
250
|
+
purpleA5: string;
|
251
|
+
purpleA6: string;
|
252
|
+
purpleA7: string;
|
253
|
+
purpleA8: string;
|
254
|
+
purpleA9: string;
|
255
|
+
purpleA10: string;
|
256
|
+
purpleA11: string;
|
257
|
+
purpleA12: string;
|
258
|
+
plumA1: string;
|
259
|
+
plumA2: string;
|
260
|
+
plumA3: string;
|
261
|
+
plumA4: string;
|
262
|
+
plumA5: string;
|
263
|
+
plumA6: string;
|
264
|
+
plumA7: string;
|
265
|
+
plumA8: string;
|
266
|
+
plumA9: string;
|
267
|
+
plumA10: string;
|
268
|
+
plumA11: string;
|
269
|
+
plumA12: string;
|
270
|
+
pinkA1: string;
|
271
|
+
pinkA2: string;
|
272
|
+
pinkA3: string;
|
273
|
+
pinkA4: string;
|
274
|
+
pinkA5: string;
|
275
|
+
pinkA6: string;
|
276
|
+
pinkA7: string;
|
277
|
+
pinkA8: string;
|
278
|
+
pinkA9: string;
|
279
|
+
pinkA10: string;
|
280
|
+
pinkA11: string;
|
281
|
+
pinkA12: string;
|
282
|
+
crimsonA1: string;
|
283
|
+
crimsonA2: string;
|
284
|
+
crimsonA3: string;
|
285
|
+
crimsonA4: string;
|
286
|
+
crimsonA5: string;
|
287
|
+
crimsonA6: string;
|
288
|
+
crimsonA7: string;
|
289
|
+
crimsonA8: string;
|
290
|
+
crimsonA9: string;
|
291
|
+
crimsonA10: string;
|
292
|
+
crimsonA11: string;
|
293
|
+
crimsonA12: string;
|
294
|
+
redA1: string;
|
295
|
+
redA2: string;
|
296
|
+
redA3: string;
|
297
|
+
redA4: string;
|
298
|
+
redA5: string;
|
299
|
+
redA6: string;
|
300
|
+
redA7: string;
|
301
|
+
redA8: string;
|
302
|
+
redA9: string;
|
303
|
+
redA10: string;
|
304
|
+
redA11: string;
|
305
|
+
redA12: string;
|
306
|
+
tomatoA1: string;
|
307
|
+
tomatoA2: string;
|
308
|
+
tomatoA3: string;
|
309
|
+
tomatoA4: string;
|
310
|
+
tomatoA5: string;
|
311
|
+
tomatoA6: string;
|
312
|
+
tomatoA7: string;
|
313
|
+
tomatoA8: string;
|
314
|
+
tomatoA9: string;
|
315
|
+
tomatoA10: string;
|
316
|
+
tomatoA11: string;
|
317
|
+
tomatoA12: string;
|
318
|
+
sandA1: string;
|
319
|
+
sandA2: string;
|
320
|
+
sandA3: string;
|
321
|
+
sandA4: string;
|
322
|
+
sandA5: string;
|
323
|
+
sandA6: string;
|
324
|
+
sandA7: string;
|
325
|
+
sandA8: string;
|
326
|
+
sandA9: string;
|
327
|
+
sandA10: string;
|
328
|
+
sandA11: string;
|
329
|
+
sandA12: string;
|
330
|
+
oliveA1: string;
|
331
|
+
oliveA2: string;
|
332
|
+
oliveA3: string;
|
333
|
+
oliveA4: string;
|
334
|
+
oliveA5: string;
|
335
|
+
oliveA6: string;
|
336
|
+
oliveA7: string;
|
337
|
+
oliveA8: string;
|
338
|
+
oliveA9: string;
|
339
|
+
oliveA10: string;
|
340
|
+
oliveA11: string;
|
341
|
+
oliveA12: string;
|
342
|
+
sageA1: string;
|
343
|
+
sageA2: string;
|
344
|
+
sageA3: string;
|
345
|
+
sageA4: string;
|
346
|
+
sageA5: string;
|
347
|
+
sageA6: string;
|
348
|
+
sageA7: string;
|
349
|
+
sageA8: string;
|
350
|
+
sageA9: string;
|
351
|
+
sageA10: string;
|
352
|
+
sageA11: string;
|
353
|
+
sageA12: string;
|
354
|
+
slateA1: string;
|
355
|
+
slateA2: string;
|
356
|
+
slateA3: string;
|
357
|
+
slateA4: string;
|
358
|
+
slateA5: string;
|
359
|
+
slateA6: string;
|
360
|
+
slateA7: string;
|
361
|
+
slateA8: string;
|
362
|
+
slateA9: string;
|
363
|
+
slateA10: string;
|
364
|
+
slateA11: string;
|
365
|
+
slateA12: string;
|
366
|
+
mauveA1: string;
|
367
|
+
mauveA2: string;
|
368
|
+
mauveA3: string;
|
369
|
+
mauveA4: string;
|
370
|
+
mauveA5: string;
|
371
|
+
mauveA6: string;
|
372
|
+
mauveA7: string;
|
373
|
+
mauveA8: string;
|
374
|
+
mauveA9: string;
|
375
|
+
mauveA10: string;
|
376
|
+
mauveA11: string;
|
377
|
+
mauveA12: string;
|
378
|
+
grayA1: string;
|
379
|
+
grayA2: string;
|
380
|
+
grayA3: string;
|
381
|
+
grayA4: string;
|
382
|
+
grayA5: string;
|
383
|
+
grayA6: string;
|
384
|
+
grayA7: string;
|
385
|
+
grayA8: string;
|
386
|
+
grayA9: string;
|
387
|
+
grayA10: string;
|
388
|
+
grayA11: string;
|
389
|
+
grayA12: string;
|
390
|
+
gold1: string;
|
391
|
+
gold2: string;
|
392
|
+
gold3: string;
|
393
|
+
gold4: string;
|
394
|
+
gold5: string;
|
395
|
+
gold6: string;
|
396
|
+
gold7: string;
|
397
|
+
gold8: string;
|
398
|
+
gold9: string;
|
399
|
+
gold10: string;
|
400
|
+
gold11: string;
|
401
|
+
gold12: string;
|
402
|
+
bronze1: string;
|
403
|
+
bronze2: string;
|
404
|
+
bronze3: string;
|
405
|
+
bronze4: string;
|
406
|
+
bronze5: string;
|
407
|
+
bronze6: string;
|
408
|
+
bronze7: string;
|
409
|
+
bronze8: string;
|
410
|
+
bronze9: string;
|
411
|
+
bronze10: string;
|
412
|
+
bronze11: string;
|
413
|
+
bronze12: string;
|
414
|
+
brown1: string;
|
415
|
+
brown2: string;
|
416
|
+
brown3: string;
|
417
|
+
brown4: string;
|
418
|
+
brown5: string;
|
419
|
+
brown6: string;
|
420
|
+
brown7: string;
|
421
|
+
brown8: string;
|
422
|
+
brown9: string;
|
423
|
+
brown10: string;
|
424
|
+
brown11: string;
|
425
|
+
brown12: string;
|
426
|
+
orange1: string;
|
427
|
+
orange2: string;
|
428
|
+
orange3: string;
|
429
|
+
orange4: string;
|
430
|
+
orange5: string;
|
431
|
+
orange6: string;
|
432
|
+
orange7: string;
|
433
|
+
orange8: string;
|
434
|
+
orange9: string;
|
435
|
+
orange10: string;
|
436
|
+
orange11: string;
|
437
|
+
orange12: string;
|
438
|
+
amber1: string;
|
439
|
+
amber2: string;
|
440
|
+
amber3: string;
|
441
|
+
amber4: string;
|
442
|
+
amber5: string;
|
443
|
+
amber6: string;
|
444
|
+
amber7: string;
|
445
|
+
amber8: string;
|
446
|
+
amber9: string;
|
447
|
+
amber10: string;
|
448
|
+
amber11: string;
|
449
|
+
amber12: string;
|
450
|
+
yellow1: string;
|
451
|
+
yellow2: string;
|
452
|
+
yellow3: string;
|
453
|
+
yellow4: string;
|
454
|
+
yellow5: string;
|
455
|
+
yellow6: string;
|
456
|
+
yellow7: string;
|
457
|
+
yellow8: string;
|
458
|
+
yellow9: string;
|
459
|
+
yellow10: string;
|
460
|
+
yellow11: string;
|
461
|
+
yellow12: string;
|
462
|
+
lime1: string;
|
463
|
+
lime2: string;
|
464
|
+
lime3: string;
|
465
|
+
lime4: string;
|
466
|
+
lime5: string;
|
467
|
+
lime6: string;
|
468
|
+
lime7: string;
|
469
|
+
lime8: string;
|
470
|
+
lime9: string;
|
471
|
+
lime10: string;
|
472
|
+
lime11: string;
|
473
|
+
lime12: string;
|
474
|
+
grass1: string;
|
475
|
+
grass2: string;
|
476
|
+
grass3: string;
|
477
|
+
grass4: string;
|
478
|
+
grass5: string;
|
479
|
+
grass6: string;
|
480
|
+
grass7: string;
|
481
|
+
grass8: string;
|
482
|
+
grass9: string;
|
483
|
+
grass10: string;
|
484
|
+
grass11: string;
|
485
|
+
grass12: string;
|
486
|
+
green1: string;
|
487
|
+
green2: string;
|
488
|
+
green3: string;
|
489
|
+
green4: string;
|
490
|
+
green5: string;
|
491
|
+
green6: string;
|
492
|
+
green7: string;
|
493
|
+
green8: string;
|
494
|
+
green9: string;
|
495
|
+
green10: string;
|
496
|
+
green11: string;
|
497
|
+
green12: string;
|
498
|
+
teal1: string;
|
499
|
+
teal2: string;
|
500
|
+
teal3: string;
|
501
|
+
teal4: string;
|
502
|
+
teal5: string;
|
503
|
+
teal6: string;
|
504
|
+
teal7: string;
|
505
|
+
teal8: string;
|
506
|
+
teal9: string;
|
507
|
+
teal10: string;
|
508
|
+
teal11: string;
|
509
|
+
teal12: string;
|
510
|
+
cyan1: string;
|
511
|
+
cyan2: string;
|
512
|
+
cyan3: string;
|
513
|
+
cyan4: string;
|
514
|
+
cyan5: string;
|
515
|
+
cyan6: string;
|
516
|
+
cyan7: string;
|
517
|
+
cyan8: string;
|
518
|
+
cyan9: string;
|
519
|
+
cyan10: string;
|
520
|
+
cyan11: string;
|
521
|
+
cyan12: string;
|
522
|
+
mint1: string;
|
523
|
+
mint2: string;
|
524
|
+
mint3: string;
|
525
|
+
mint4: string;
|
526
|
+
mint5: string;
|
527
|
+
mint6: string;
|
528
|
+
mint7: string;
|
529
|
+
mint8: string;
|
530
|
+
mint9: string;
|
531
|
+
mint10: string;
|
532
|
+
mint11: string;
|
533
|
+
mint12: string;
|
534
|
+
sky1: string;
|
535
|
+
sky2: string;
|
536
|
+
sky3: string;
|
537
|
+
sky4: string;
|
538
|
+
sky5: string;
|
539
|
+
sky6: string;
|
540
|
+
sky7: string;
|
541
|
+
sky8: string;
|
542
|
+
sky9: string;
|
543
|
+
sky10: string;
|
544
|
+
sky11: string;
|
545
|
+
sky12: string;
|
546
|
+
blue1: string;
|
547
|
+
blue2: string;
|
548
|
+
blue3: string;
|
549
|
+
blue4: string;
|
550
|
+
blue5: string;
|
551
|
+
blue6: string;
|
552
|
+
blue7: string;
|
553
|
+
blue8: string;
|
554
|
+
blue9: string;
|
555
|
+
blue10: string;
|
556
|
+
blue11: string;
|
557
|
+
blue12: string;
|
558
|
+
indigo1: string;
|
559
|
+
indigo2: string;
|
560
|
+
indigo3: string;
|
561
|
+
indigo4: string;
|
562
|
+
indigo5: string;
|
563
|
+
indigo6: string;
|
564
|
+
indigo7: string;
|
565
|
+
indigo8: string;
|
566
|
+
indigo9: string;
|
567
|
+
indigo10: string;
|
568
|
+
indigo11: string;
|
569
|
+
indigo12: string;
|
570
|
+
violet1: string;
|
571
|
+
violet2: string;
|
572
|
+
violet3: string;
|
573
|
+
violet4: string;
|
574
|
+
violet5: string;
|
575
|
+
violet6: string;
|
576
|
+
violet7: string;
|
577
|
+
violet8: string;
|
578
|
+
violet9: string;
|
579
|
+
violet10: string;
|
580
|
+
violet11: string;
|
581
|
+
violet12: string;
|
582
|
+
purple1: string;
|
583
|
+
purple2: string;
|
584
|
+
purple3: string;
|
585
|
+
purple4: string;
|
586
|
+
purple5: string;
|
587
|
+
purple6: string;
|
588
|
+
purple7: string;
|
589
|
+
purple8: string;
|
590
|
+
purple9: string;
|
591
|
+
purple10: string;
|
592
|
+
purple11: string;
|
593
|
+
purple12: string;
|
594
|
+
plum1: string;
|
595
|
+
plum2: string;
|
596
|
+
plum3: string;
|
597
|
+
plum4: string;
|
598
|
+
plum5: string;
|
599
|
+
plum6: string;
|
600
|
+
plum7: string;
|
601
|
+
plum8: string;
|
602
|
+
plum9: string;
|
603
|
+
plum10: string;
|
604
|
+
plum11: string;
|
605
|
+
plum12: string;
|
606
|
+
pink1: string;
|
607
|
+
pink2: string;
|
608
|
+
pink3: string;
|
609
|
+
pink4: string;
|
610
|
+
pink5: string;
|
611
|
+
pink6: string;
|
612
|
+
pink7: string;
|
613
|
+
pink8: string;
|
614
|
+
pink9: string;
|
615
|
+
pink10: string;
|
616
|
+
pink11: string;
|
617
|
+
pink12: string;
|
618
|
+
crimson1: string;
|
619
|
+
crimson2: string;
|
620
|
+
crimson3: string;
|
621
|
+
crimson4: string;
|
622
|
+
crimson5: string;
|
623
|
+
crimson6: string;
|
624
|
+
crimson7: string;
|
625
|
+
crimson8: string;
|
626
|
+
crimson9: string;
|
627
|
+
crimson10: string;
|
628
|
+
crimson11: string;
|
629
|
+
crimson12: string;
|
630
|
+
red1: string;
|
631
|
+
red2: string;
|
632
|
+
red3: string;
|
633
|
+
red4: string;
|
634
|
+
red5: string;
|
635
|
+
red6: string;
|
636
|
+
red7: string;
|
637
|
+
red8: string;
|
638
|
+
red9: string;
|
639
|
+
red10: string;
|
640
|
+
red11: string;
|
641
|
+
red12: string;
|
642
|
+
tomato1: string;
|
643
|
+
tomato2: string;
|
644
|
+
tomato3: string;
|
645
|
+
tomato4: string;
|
646
|
+
tomato5: string;
|
647
|
+
tomato6: string;
|
648
|
+
tomato7: string;
|
649
|
+
tomato8: string;
|
650
|
+
tomato9: string;
|
651
|
+
tomato10: string;
|
652
|
+
tomato11: string;
|
653
|
+
tomato12: string;
|
654
|
+
sand1: string;
|
655
|
+
sand2: string;
|
656
|
+
sand3: string;
|
657
|
+
sand4: string;
|
658
|
+
sand5: string;
|
659
|
+
sand6: string;
|
660
|
+
sand7: string;
|
661
|
+
sand8: string;
|
662
|
+
sand9: string;
|
663
|
+
sand10: string;
|
664
|
+
sand11: string;
|
665
|
+
sand12: string;
|
666
|
+
olive1: string;
|
667
|
+
olive2: string;
|
668
|
+
olive3: string;
|
669
|
+
olive4: string;
|
670
|
+
olive5: string;
|
671
|
+
olive6: string;
|
672
|
+
olive7: string;
|
673
|
+
olive8: string;
|
674
|
+
olive9: string;
|
675
|
+
olive10: string;
|
676
|
+
olive11: string;
|
677
|
+
olive12: string;
|
678
|
+
sage1: string;
|
679
|
+
sage2: string;
|
680
|
+
sage3: string;
|
681
|
+
sage4: string;
|
682
|
+
sage5: string;
|
683
|
+
sage6: string;
|
684
|
+
sage7: string;
|
685
|
+
sage8: string;
|
686
|
+
sage9: string;
|
687
|
+
sage10: string;
|
688
|
+
sage11: string;
|
689
|
+
sage12: string;
|
690
|
+
slate1: string;
|
691
|
+
slate2: string;
|
692
|
+
slate3: string;
|
693
|
+
slate4: string;
|
694
|
+
slate5: string;
|
695
|
+
slate6: string;
|
696
|
+
slate7: string;
|
697
|
+
slate8: string;
|
698
|
+
slate9: string;
|
699
|
+
slate10: string;
|
700
|
+
slate11: string;
|
701
|
+
slate12: string;
|
702
|
+
mauve1: string;
|
703
|
+
mauve2: string;
|
704
|
+
mauve3: string;
|
705
|
+
mauve4: string;
|
706
|
+
mauve5: string;
|
707
|
+
mauve6: string;
|
708
|
+
mauve7: string;
|
709
|
+
mauve8: string;
|
710
|
+
mauve9: string;
|
711
|
+
mauve10: string;
|
712
|
+
mauve11: string;
|
713
|
+
mauve12: string;
|
714
|
+
gray1: string;
|
715
|
+
gray2: string;
|
716
|
+
gray3: string;
|
717
|
+
gray4: string;
|
718
|
+
gray5: string;
|
719
|
+
gray6: string;
|
720
|
+
gray7: string;
|
721
|
+
gray8: string;
|
722
|
+
gray9: string;
|
723
|
+
gray10: string;
|
724
|
+
gray11: string;
|
725
|
+
gray12: string;
|
726
|
+
};
|
727
|
+
fonts: {
|
728
|
+
untitled: string;
|
729
|
+
mono: string;
|
730
|
+
};
|
731
|
+
space: {
|
732
|
+
1: string;
|
733
|
+
2: string;
|
734
|
+
3: string;
|
735
|
+
4: string;
|
736
|
+
5: string;
|
737
|
+
6: string;
|
738
|
+
7: string;
|
739
|
+
8: string;
|
740
|
+
9: string;
|
741
|
+
};
|
742
|
+
sizes: {
|
743
|
+
1: string;
|
744
|
+
2: string;
|
745
|
+
3: string;
|
746
|
+
4: string;
|
747
|
+
5: string;
|
748
|
+
6: string;
|
749
|
+
7: string;
|
750
|
+
8: string;
|
751
|
+
9: string;
|
752
|
+
};
|
753
|
+
fontSizes: {
|
754
|
+
1: string;
|
755
|
+
2: string;
|
756
|
+
3: string;
|
757
|
+
4: string;
|
758
|
+
5: string;
|
759
|
+
6: string;
|
760
|
+
7: string;
|
761
|
+
8: string;
|
762
|
+
9: string;
|
763
|
+
};
|
764
|
+
radii: {
|
765
|
+
1: string;
|
766
|
+
2: string;
|
767
|
+
3: string;
|
768
|
+
4: string;
|
769
|
+
round: string;
|
770
|
+
pill: string;
|
771
|
+
};
|
772
|
+
zIndices: {
|
773
|
+
1: string;
|
774
|
+
2: string;
|
775
|
+
3: string;
|
776
|
+
4: string;
|
777
|
+
max: string;
|
778
|
+
};
|
779
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
780
|
+
p: (value: {
|
781
|
+
readonly [$$PropertyValue]: "padding";
|
782
|
+
}) => {
|
783
|
+
padding: {};
|
784
|
+
};
|
785
|
+
pt: (value: {
|
786
|
+
readonly [$$PropertyValue]: "paddingTop";
|
787
|
+
}) => {
|
788
|
+
paddingTop: {};
|
789
|
+
};
|
790
|
+
pr: (value: {
|
791
|
+
readonly [$$PropertyValue]: "paddingRight";
|
792
|
+
}) => {
|
793
|
+
paddingRight: {};
|
794
|
+
};
|
795
|
+
pb: (value: {
|
796
|
+
readonly [$$PropertyValue]: "paddingBottom";
|
797
|
+
}) => {
|
798
|
+
paddingBottom: {};
|
799
|
+
};
|
800
|
+
pl: (value: {
|
801
|
+
readonly [$$PropertyValue]: "paddingLeft";
|
802
|
+
}) => {
|
803
|
+
paddingLeft: {};
|
804
|
+
};
|
805
|
+
px: (value: {
|
806
|
+
readonly [$$PropertyValue]: "paddingLeft";
|
807
|
+
}) => {
|
808
|
+
paddingLeft: {};
|
809
|
+
paddingRight: {};
|
810
|
+
};
|
811
|
+
py: (value: {
|
812
|
+
readonly [$$PropertyValue]: "paddingTop";
|
813
|
+
}) => {
|
814
|
+
paddingTop: {};
|
815
|
+
paddingBottom: {};
|
816
|
+
};
|
817
|
+
m: (value: {
|
818
|
+
readonly [$$PropertyValue]: "margin";
|
819
|
+
}) => {
|
820
|
+
margin: {};
|
821
|
+
};
|
822
|
+
mt: (value: {
|
823
|
+
readonly [$$PropertyValue]: "marginTop";
|
824
|
+
}) => {
|
825
|
+
marginTop: {};
|
826
|
+
};
|
827
|
+
mr: (value: {
|
828
|
+
readonly [$$PropertyValue]: "marginRight";
|
829
|
+
}) => {
|
830
|
+
marginRight: {};
|
831
|
+
};
|
832
|
+
mb: (value: {
|
833
|
+
readonly [$$PropertyValue]: "marginBottom";
|
834
|
+
}) => {
|
835
|
+
marginBottom: {};
|
836
|
+
};
|
837
|
+
ml: (value: {
|
838
|
+
readonly [$$PropertyValue]: "marginLeft";
|
839
|
+
}) => {
|
840
|
+
marginLeft: {};
|
841
|
+
};
|
842
|
+
mx: (value: {
|
843
|
+
readonly [$$PropertyValue]: "marginLeft";
|
844
|
+
}) => {
|
845
|
+
marginLeft: {};
|
846
|
+
marginRight: {};
|
847
|
+
};
|
848
|
+
my: (value: {
|
849
|
+
readonly [$$PropertyValue]: "marginTop";
|
850
|
+
}) => {
|
851
|
+
marginTop: {};
|
852
|
+
marginBottom: {};
|
853
|
+
};
|
854
|
+
ta: (value: {
|
855
|
+
readonly [$$PropertyValue]: "textAlign";
|
856
|
+
}) => {
|
857
|
+
textAlign: {};
|
858
|
+
};
|
859
|
+
fd: (value: {
|
860
|
+
readonly [$$PropertyValue]: "flexDirection";
|
861
|
+
}) => {
|
862
|
+
flexDirection: {};
|
863
|
+
};
|
864
|
+
fw: (value: {
|
865
|
+
readonly [$$PropertyValue]: "flexWrap";
|
866
|
+
}) => {
|
867
|
+
flexWrap: {};
|
868
|
+
};
|
869
|
+
ai: (value: {
|
870
|
+
readonly [$$PropertyValue]: "alignItems";
|
871
|
+
}) => {
|
872
|
+
alignItems: {};
|
873
|
+
};
|
874
|
+
ac: (value: {
|
875
|
+
readonly [$$PropertyValue]: "alignContent";
|
876
|
+
}) => {
|
877
|
+
alignContent: {};
|
878
|
+
};
|
879
|
+
jc: (value: {
|
880
|
+
readonly [$$PropertyValue]: "justifyContent";
|
881
|
+
}) => {
|
882
|
+
justifyContent: {};
|
883
|
+
};
|
884
|
+
as: (value: {
|
885
|
+
readonly [$$PropertyValue]: "alignSelf";
|
886
|
+
}) => {
|
887
|
+
alignSelf: {};
|
888
|
+
};
|
889
|
+
fg: (value: {
|
890
|
+
readonly [$$PropertyValue]: "flexGrow";
|
891
|
+
}) => {
|
892
|
+
flexGrow: {};
|
893
|
+
};
|
894
|
+
fs: (value: {
|
895
|
+
readonly [$$PropertyValue]: "flexShrink";
|
896
|
+
}) => {
|
897
|
+
flexShrink: {};
|
898
|
+
};
|
899
|
+
fb: (value: {
|
900
|
+
readonly [$$PropertyValue]: "flexBasis";
|
901
|
+
}) => {
|
902
|
+
flexBasis: {};
|
903
|
+
};
|
904
|
+
bc: (value: {
|
905
|
+
readonly [$$PropertyValue]: "backgroundColor";
|
906
|
+
}) => {
|
907
|
+
backgroundColor: {};
|
908
|
+
};
|
909
|
+
br: (value: {
|
910
|
+
readonly [$$PropertyValue]: "borderRadius";
|
911
|
+
}) => {
|
912
|
+
borderRadius: {};
|
913
|
+
};
|
914
|
+
btrr: (value: {
|
915
|
+
readonly [$$PropertyValue]: "borderTopRightRadius";
|
916
|
+
}) => {
|
917
|
+
borderTopRightRadius: {};
|
918
|
+
};
|
919
|
+
bbrr: (value: {
|
920
|
+
readonly [$$PropertyValue]: "borderBottomRightRadius";
|
921
|
+
}) => {
|
922
|
+
borderBottomRightRadius: {};
|
923
|
+
};
|
924
|
+
bblr: (value: {
|
925
|
+
readonly [$$PropertyValue]: "borderBottomLeftRadius";
|
926
|
+
}) => {
|
927
|
+
borderBottomLeftRadius: {};
|
928
|
+
};
|
929
|
+
btlr: (value: {
|
930
|
+
readonly [$$PropertyValue]: "borderTopLeftRadius";
|
931
|
+
}) => {
|
932
|
+
borderTopLeftRadius: {};
|
933
|
+
};
|
934
|
+
bs: (value: {
|
935
|
+
readonly [$$PropertyValue]: "boxShadow";
|
936
|
+
}) => {
|
937
|
+
boxShadow: {};
|
938
|
+
};
|
939
|
+
lh: (value: {
|
940
|
+
readonly [$$PropertyValue]: "lineHeight";
|
941
|
+
}) => {
|
942
|
+
lineHeight: {};
|
943
|
+
};
|
944
|
+
ox: (value: {
|
945
|
+
readonly [$$PropertyValue]: "overflowX";
|
946
|
+
}) => {
|
947
|
+
overflowX: {};
|
948
|
+
};
|
949
|
+
oy: (value: {
|
950
|
+
readonly [$$PropertyValue]: "overflowY";
|
951
|
+
}) => {
|
952
|
+
overflowY: {};
|
953
|
+
};
|
954
|
+
pe: (value: {
|
955
|
+
readonly [$$PropertyValue]: "pointerEvents";
|
956
|
+
}) => {
|
957
|
+
pointerEvents: {};
|
958
|
+
};
|
959
|
+
us: (value: {
|
960
|
+
readonly [$$PropertyValue]: "userSelect";
|
961
|
+
}) => {
|
962
|
+
WebkitUserSelect: {};
|
963
|
+
userSelect: {};
|
964
|
+
};
|
965
|
+
userSelect: (value: {
|
966
|
+
readonly [$$PropertyValue]: "userSelect";
|
967
|
+
}) => {
|
968
|
+
WebkitUserSelect: {};
|
969
|
+
userSelect: {};
|
970
|
+
};
|
971
|
+
size: (value: {
|
972
|
+
readonly [$$PropertyValue]: "width";
|
973
|
+
}) => {
|
974
|
+
width: {};
|
975
|
+
height: {};
|
976
|
+
};
|
977
|
+
appearance: (value: {
|
978
|
+
readonly [$$PropertyValue]: "appearance";
|
979
|
+
}) => {
|
980
|
+
WebkitAppearance: {};
|
981
|
+
appearance: {};
|
982
|
+
};
|
983
|
+
backgroundClip: (value: {
|
984
|
+
readonly [$$PropertyValue]: "backgroundClip";
|
985
|
+
}) => {
|
986
|
+
WebkitBackgroundClip: {};
|
987
|
+
backgroundClip: {};
|
988
|
+
};
|
989
|
+
}>>;
|
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code,
|
1
|
+
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Paragraph, Panel, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sup, Sub, TabLink, TextArea, Tooltip, TreeItem, VerifiedBadge, } from "@modulz/design-system";
|
2
2
|
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from "./components/Accordian";
|
3
3
|
export { Dialog, DialogContent, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from "./components/Dialog";
|
4
4
|
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/Tabs";
|
@@ -12,6 +12,7 @@ export { Text } from "./components/Text";
|
|
12
12
|
export { TextField } from "./components/TextField";
|
13
13
|
export { Select } from "./components/Select";
|
14
14
|
export { Card } from "./components/Card";
|
15
|
+
export { Container } from "./components/Container";
|
15
16
|
export { Badge } from "./components/Badge";
|
16
17
|
export { DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, } from "./components/DropdownMenu";
|
17
18
|
export { SnackbarProvider, useSnackbar } from "./components/Snackbar";
|
package/dist/index.es.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createTheme, styled, keyframes, TabsTrigger as TabsTrigger$1, TabsList as TabsList$1, TabsContent as TabsContent$1, Text as Text$1, Box, Select as Select$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, Switch as Switch$1 } from '@modulz/design-system';
|
2
|
-
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code,
|
2
|
+
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sub, Sup, TabLink, Tabs, TextArea, Tooltip, TreeItem, VerifiedBadge, css, getCssText, globalCss, keyframes, styled } from '@modulz/design-system';
|
3
3
|
import { __assign, __rest, __spreadArray } from 'tslib';
|
4
4
|
import React, { createContext, useState, useContext } from 'react';
|
5
5
|
import { gray, mauve, slate, sage, olive, sand, tomato, red, crimson, pink, plum, purple, violet, indigo, blue, sky, mint, cyan, teal, green, grass, lime, yellow, amber, orange, brown, bronze, gold, whiteA, blackA, grayDark, mauveDark, slateDark, sageDark, oliveDark, sandDark, tomatoDark, redDark, crimsonDark, pinkDark, plumDark, purpleDark, violetDark, indigoDark, blueDark, skyDark, mintDark, cyanDark, tealDark, greenDark, grassDark, limeDark, yellowDark, amberDark, orangeDark, brownDark, bronzeDark, goldDark } from '@radix-ui/colors';
|
@@ -404,7 +404,6 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
404
404
|
fontFamily: "$body",
|
405
405
|
fontSize: "$2",
|
406
406
|
fontWeight: 600,
|
407
|
-
fontVariantNumeric: "tabular-nums",
|
408
407
|
ai: "center",
|
409
408
|
cursor: "pointer",
|
410
409
|
px: "$3",
|
@@ -1096,7 +1095,6 @@ var StyledTextField = styled(DEFAULT_TAG, {
|
|
1096
1095
|
backgroundColor: "$loContrast",
|
1097
1096
|
boxShadow: "inset 0 0 0 1px $colors$neutral7",
|
1098
1097
|
color: "$hiContrast",
|
1099
|
-
fontVariantNumeric: "tabular-nums",
|
1100
1098
|
"&:-webkit-autofill": {
|
1101
1099
|
boxShadow: "inset 0 0 0 1px $colors$primary6, inset 0 0 0 100px $colors$primary3",
|
1102
1100
|
},
|
@@ -1337,6 +1335,47 @@ var Card = styled("div", {
|
|
1337
1335
|
},
|
1338
1336
|
});
|
1339
1337
|
|
1338
|
+
var Container = styled("div", {
|
1339
|
+
// Reset
|
1340
|
+
boxSizing: "border-box",
|
1341
|
+
flexShrink: 0,
|
1342
|
+
// Custom
|
1343
|
+
ml: "auto",
|
1344
|
+
mr: "auto",
|
1345
|
+
px: "$5",
|
1346
|
+
variants: {
|
1347
|
+
size: {
|
1348
|
+
"1": {
|
1349
|
+
maxWidth: "430px",
|
1350
|
+
},
|
1351
|
+
"2": {
|
1352
|
+
maxWidth: "715px",
|
1353
|
+
},
|
1354
|
+
"3": {
|
1355
|
+
maxWidth: "1145px",
|
1356
|
+
},
|
1357
|
+
"4": {
|
1358
|
+
maxWidth: "1440px",
|
1359
|
+
},
|
1360
|
+
"5": {
|
1361
|
+
maxWidth: "1600px",
|
1362
|
+
},
|
1363
|
+
"6": {
|
1364
|
+
maxWidth: "1800px",
|
1365
|
+
},
|
1366
|
+
"7": {
|
1367
|
+
maxWidth: "1920px",
|
1368
|
+
},
|
1369
|
+
"8": {
|
1370
|
+
maxWidth: "none",
|
1371
|
+
},
|
1372
|
+
},
|
1373
|
+
},
|
1374
|
+
defaultVariants: {
|
1375
|
+
size: "4",
|
1376
|
+
},
|
1377
|
+
});
|
1378
|
+
|
1340
1379
|
var Badge = styled("span", {
|
1341
1380
|
// Reset
|
1342
1381
|
alignItems: "center",
|
@@ -1372,7 +1411,6 @@ var Badge = styled("span", {
|
|
1372
1411
|
borderRadius: "$pill",
|
1373
1412
|
color: "$slate11",
|
1374
1413
|
whiteSpace: "nowrap",
|
1375
|
-
fontVariantNumeric: "tabular-nums",
|
1376
1414
|
variants: {
|
1377
1415
|
size: {
|
1378
1416
|
"1": {
|
@@ -2264,4 +2302,4 @@ var Table = styled("table", {
|
|
2264
2302
|
},
|
2265
2303
|
});
|
2266
2304
|
|
2267
|
-
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, RadioCardGroup, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
2305
|
+
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Container, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, RadioCardGroup, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
package/dist/index.js
CHANGED
@@ -434,7 +434,6 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
434
434
|
fontFamily: "$body",
|
435
435
|
fontSize: "$2",
|
436
436
|
fontWeight: 600,
|
437
|
-
fontVariantNumeric: "tabular-nums",
|
438
437
|
ai: "center",
|
439
438
|
cursor: "pointer",
|
440
439
|
px: "$3",
|
@@ -1126,7 +1125,6 @@ var StyledTextField = designSystem.styled(DEFAULT_TAG, {
|
|
1126
1125
|
backgroundColor: "$loContrast",
|
1127
1126
|
boxShadow: "inset 0 0 0 1px $colors$neutral7",
|
1128
1127
|
color: "$hiContrast",
|
1129
|
-
fontVariantNumeric: "tabular-nums",
|
1130
1128
|
"&:-webkit-autofill": {
|
1131
1129
|
boxShadow: "inset 0 0 0 1px $colors$primary6, inset 0 0 0 100px $colors$primary3",
|
1132
1130
|
},
|
@@ -1367,6 +1365,47 @@ var Card = designSystem.styled("div", {
|
|
1367
1365
|
},
|
1368
1366
|
});
|
1369
1367
|
|
1368
|
+
var Container = designSystem.styled("div", {
|
1369
|
+
// Reset
|
1370
|
+
boxSizing: "border-box",
|
1371
|
+
flexShrink: 0,
|
1372
|
+
// Custom
|
1373
|
+
ml: "auto",
|
1374
|
+
mr: "auto",
|
1375
|
+
px: "$5",
|
1376
|
+
variants: {
|
1377
|
+
size: {
|
1378
|
+
"1": {
|
1379
|
+
maxWidth: "430px",
|
1380
|
+
},
|
1381
|
+
"2": {
|
1382
|
+
maxWidth: "715px",
|
1383
|
+
},
|
1384
|
+
"3": {
|
1385
|
+
maxWidth: "1145px",
|
1386
|
+
},
|
1387
|
+
"4": {
|
1388
|
+
maxWidth: "1440px",
|
1389
|
+
},
|
1390
|
+
"5": {
|
1391
|
+
maxWidth: "1600px",
|
1392
|
+
},
|
1393
|
+
"6": {
|
1394
|
+
maxWidth: "1800px",
|
1395
|
+
},
|
1396
|
+
"7": {
|
1397
|
+
maxWidth: "1920px",
|
1398
|
+
},
|
1399
|
+
"8": {
|
1400
|
+
maxWidth: "none",
|
1401
|
+
},
|
1402
|
+
},
|
1403
|
+
},
|
1404
|
+
defaultVariants: {
|
1405
|
+
size: "4",
|
1406
|
+
},
|
1407
|
+
});
|
1408
|
+
|
1370
1409
|
var Badge = designSystem.styled("span", {
|
1371
1410
|
// Reset
|
1372
1411
|
alignItems: "center",
|
@@ -1402,7 +1441,6 @@ var Badge = designSystem.styled("span", {
|
|
1402
1441
|
borderRadius: "$pill",
|
1403
1442
|
color: "$slate11",
|
1404
1443
|
whiteSpace: "nowrap",
|
1405
|
-
fontVariantNumeric: "tabular-nums",
|
1406
1444
|
variants: {
|
1407
1445
|
size: {
|
1408
1446
|
"1": {
|
@@ -2326,10 +2364,6 @@ Object.defineProperty(exports, 'Code', {
|
|
2326
2364
|
enumerable: true,
|
2327
2365
|
get: function () { return designSystem.Code; }
|
2328
2366
|
});
|
2329
|
-
Object.defineProperty(exports, 'Container', {
|
2330
|
-
enumerable: true,
|
2331
|
-
get: function () { return designSystem.Container; }
|
2332
|
-
});
|
2333
2367
|
Object.defineProperty(exports, 'ContextMenu', {
|
2334
2368
|
enumerable: true,
|
2335
2369
|
get: function () { return designSystem.ContextMenu; }
|
@@ -2662,6 +2696,7 @@ exports.Banner = Banner;
|
|
2662
2696
|
exports.Button = Button;
|
2663
2697
|
exports.Caption = Caption;
|
2664
2698
|
exports.Card = Card;
|
2699
|
+
exports.Container = Container;
|
2665
2700
|
exports.Dialog = Dialog;
|
2666
2701
|
exports.DialogClose = DialogClose;
|
2667
2702
|
exports.DialogContent = DialogContent;
|