@kofile/gds-foundations 1.0.0-alpha.8 → 1.0.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 (94) hide show
  1. package/build/css/.DS_Store +0 -0
  2. package/build/css/components/badge.module.css +6 -0
  3. package/build/css/components/card.module.css +19 -0
  4. package/build/css/components/checkbox.module.css +0 -4
  5. package/build/css/components/dialog.module.css +108 -0
  6. package/build/css/components/field-message.module.css +0 -1
  7. package/build/css/components/input.module.css +34 -5
  8. package/build/css/components/list-callout-group.module.css +10 -0
  9. package/build/css/components/list-callout.module.css +13 -0
  10. package/build/css/components/list-group.module.css +10 -0
  11. package/build/css/components/list-item.module.css +13 -0
  12. package/build/css/components/loader.module.css +19 -0
  13. package/build/css/components/radio-group.module.css +2 -2
  14. package/build/css/components/segmented-controller.module.css +160 -0
  15. package/build/css/components/select.module.css +33 -5
  16. package/build/css/components/switch.module.css +0 -7
  17. package/build/css/components/tabs.module.css +12 -9
  18. package/build/css/index.css +0 -1
  19. package/build/css/themes/card/dark.css +6 -0
  20. package/build/css/themes/card/light.css +6 -0
  21. package/build/css/themes/dialog/dark.css +13 -0
  22. package/build/css/themes/dialog/light.css +13 -0
  23. package/build/css/themes/field-message/light.css +1 -1
  24. package/build/css/themes/global.css +91 -7
  25. package/build/css/themes/index.css +10 -0
  26. package/build/css/themes/input/light.css +3 -0
  27. package/build/css/themes/list-item/dark.css +5 -0
  28. package/build/css/themes/list-item/light.css +5 -0
  29. package/build/css/themes/loader/dark.css +6 -0
  30. package/build/css/themes/loader/light.css +6 -0
  31. package/build/css/themes/segmented-controller/dark.css +15 -0
  32. package/build/css/themes/segmented-controller/light.css +14 -0
  33. package/build/css/themes/select/dark.css +2 -0
  34. package/build/css/themes/select/light.css +2 -0
  35. package/build/css/themes/table/dark.css +2 -2
  36. package/build/css/themes/tabs/dark.css +2 -0
  37. package/build/minified/badge.module.css +1 -0
  38. package/build/minified/button.module.css +33 -0
  39. package/build/minified/card.module.css +1 -0
  40. package/build/minified/checkbox.module.css +7 -0
  41. package/build/minified/dark.css +1 -0
  42. package/build/minified/dialog.module.css +21 -0
  43. package/build/minified/field-message.module.css +1 -0
  44. package/build/minified/form-label.module.css +1 -0
  45. package/build/minified/global.css +1 -0
  46. package/build/minified/index.css +1 -0
  47. package/build/minified/input.module.css +37 -0
  48. package/build/minified/label.module.css +1 -0
  49. package/build/minified/light.css +1 -0
  50. package/build/minified/link.module.css +1 -0
  51. package/build/minified/list-callout-group.module.css +1 -0
  52. package/build/minified/list-callout.module.css +1 -0
  53. package/build/minified/list-group.module.css +1 -0
  54. package/build/minified/list-item.module.css +1 -0
  55. package/build/minified/loader.module.css +1 -0
  56. package/build/minified/radio-group.module.css +21 -0
  57. package/build/minified/segmented-controller.module.css +57 -0
  58. package/build/minified/select.module.css +55 -0
  59. package/build/minified/switch.module.css +3 -0
  60. package/build/minified/table.module.css +65 -0
  61. package/build/minified/tabs.module.css +9 -0
  62. package/package.json +35 -11
  63. package/build/css/tokens-global.css +0 -342
  64. package/build/css/utilities/background-color.css +0 -284
  65. package/build/css/utilities/border-color.css +0 -284
  66. package/build/css/utilities/border-radius.css +0 -455
  67. package/build/css/utilities/border-style.css +0 -18
  68. package/build/css/utilities/border-width.css +0 -127
  69. package/build/css/utilities/box-sizing.css +0 -7
  70. package/build/css/utilities/cursor.css +0 -31
  71. package/build/css/utilities/display.css +0 -63
  72. package/build/css/utilities/flex-shrink.css +0 -6
  73. package/build/css/utilities/flex.css +0 -198
  74. package/build/css/utilities/font.css +0 -131
  75. package/build/css/utilities/gap.css +0 -104
  76. package/build/css/utilities/grid-auto-columns.css +0 -12
  77. package/build/css/utilities/grid-template-columns.css +0 -42
  78. package/build/css/utilities/height.css +0 -123
  79. package/build/css/utilities/index.css +0 -30
  80. package/build/css/utilities/margin.css +0 -299
  81. package/build/css/utilities/max-height.css +0 -123
  82. package/build/css/utilities/max-width.css +0 -69
  83. package/build/css/utilities/min-height.css +0 -18
  84. package/build/css/utilities/min-width.css +0 -15
  85. package/build/css/utilities/object-fit.css +0 -15
  86. package/build/css/utilities/object-position.css +0 -27
  87. package/build/css/utilities/overflow.css +0 -45
  88. package/build/css/utilities/padding.css +0 -288
  89. package/build/css/utilities/position.css +0 -1106
  90. package/build/css/utilities/text-overflow.css +0 -13
  91. package/build/css/utilities/text-transform.css +0 -12
  92. package/build/css/utilities/vertical-align.css +0 -31
  93. package/build/css/utilities/white-space.css +0 -23
  94. package/build/css/utilities/width.css +0 -123
@@ -1,1106 +0,0 @@
1
- .static {
2
- position: static !important;
3
- }
4
- .fixed {
5
- position: fixed !important;
6
- }
7
- .absolute {
8
- position: absolute !important;
9
- }
10
- .relative {
11
- position: relative !important;
12
- }
13
- .sticky {
14
- position: sticky !important;
15
- }
16
-
17
- .inset-0 {
18
- inset: var(--primitive-0) !important;
19
- }
20
- .inset-x-0 {
21
- left: var(--primitive-0) !important;
22
- right: var(--primitive-0) !important;
23
- }
24
- .inset-y-0 {
25
- top: var(--primitive-0) !important;
26
- bottom: var(--primitive-0) !important;
27
- }
28
- .start-0 {
29
- inset-inline-start: var(--primitive-0) !important;
30
- }
31
- .end-0 {
32
- inset-inline-end: var(--primitive-0) !important;
33
- }
34
- .top-0 {
35
- top: var(--primitive-0) !important;
36
- }
37
- .right-0 {
38
- right: var(--primitive-0) !important;
39
- }
40
- .bottom-0 {
41
- bottom: var(--primitive-0) !important;
42
- }
43
- .left-0 {
44
- left: var(--primitive-0) !important;
45
- }
46
-
47
- .inset-px {
48
- inset: var(--primitive-1) !important;
49
- }
50
- .inset-x-px {
51
- left: var(--primitive-1) !important;
52
- right: var(--primitive-1) !important;
53
- }
54
- .inset-y-px {
55
- top: var(--primitive-1) !important;
56
- bottom: var(--primitive-1) !important;
57
- }
58
- .start-px {
59
- inset-inline-start: var(--primitive-1) !important;
60
- }
61
- .end-px {
62
- inset-inline-end: var(--primitive-1) !important;
63
- }
64
- .top-px {
65
- top: var(--primitive-1) !important;
66
- }
67
- .right-px {
68
- right: var(--primitive-1) !important;
69
- }
70
- .bottom-px {
71
- bottom: var(--primitive-1) !important;
72
- }
73
- .left-px {
74
- left: var(--primitive-1) !important;
75
- }
76
-
77
- .inset-0.5 {
78
- inset: var(--primitive-2) !important;
79
- }
80
- .inset-x-0.5 {
81
- left: var(--primitive-2) !important;
82
- right: var(--primitive-2) !important;
83
- }
84
- .inset-y-0.5 {
85
- top: var(--primitive-2) !important;
86
- bottom: var(--primitive-2) !important;
87
- }
88
- .start-0.5 {
89
- inset-inline-start: var(--primitive-2) !important;
90
- }
91
- .end-0.5 {
92
- inset-inline-end: var(--primitive-2) !important;
93
- }
94
- .top-0.5 {
95
- top: var(--primitive-2) !important;
96
- }
97
- .right-0.5 {
98
- right: var(--primitive-2) !important;
99
- }
100
- .bottom-0.5 {
101
- bottom: var(--primitive-2) !important;
102
- }
103
- .left-0.5 {
104
- left: var(--primitive-2) !important;
105
- }
106
-
107
- .inset-1 {
108
- inset: var(--primitive-4) !important;
109
- }
110
- .inset-x-1 {
111
- left: var(--primitive-4) !important;
112
- right: var(--primitive-4) !important;
113
- }
114
- .inset-y-1 {
115
- top: var(--primitive-4) !important;
116
- bottom: var(--primitive-4) !important;
117
- }
118
- .start-1 {
119
- inset-inline-start: var(--primitive-4) !important;
120
- }
121
- .end-1 {
122
- inset-inline-end: var(--primitive-4) !important;
123
- }
124
- .top-1 {
125
- top: var(--primitive-4) !important;
126
- }
127
- .right-1 {
128
- right: var(--primitive-4) !important;
129
- }
130
- .bottom-1 {
131
- bottom: var(--primitive-4) !important;
132
- }
133
- .left-1 {
134
- left: var(--primitive-4) !important;
135
- }
136
- .inset-1.5 {
137
- inset: var(--primitive-6) !important;
138
- }
139
- .inset-x-1.5 {
140
- left: var(--primitive-6) !important;
141
- right: var(--primitive-6) !important;
142
- }
143
- .inset-y-1.5 {
144
- top: var(--primitive-6) !important;
145
- bottom: var(--primitive-6) !important;
146
- }
147
- .start-1.5 {
148
- inset-inline-start: var(--primitive-6) !important;
149
- }
150
- .end-1.5 {
151
- inset-inline-end: var(--primitive-6) !important;
152
- }
153
- .top-1.5 {
154
- top: var(--primitive-6) !important;
155
- }
156
- .right-1.5 {
157
- right: var(--primitive-6) !important;
158
- }
159
- .bottom-1.5 {
160
- bottom: var(--primitive-6) !important;
161
- }
162
- .left-1.5 {
163
- left: var(--primitive-6) !important;
164
- }
165
-
166
- .inset-2 {
167
- inset: var(--primitive-8) !important;
168
- }
169
- .inset-x-2 {
170
- left: var(--primitive-8) !important;
171
- right: var(--primitive-8) !important;
172
- }
173
- .inset-y-2 {
174
- top: var(--primitive-8) !important;
175
- bottom: var(--primitive-8) !important;
176
- }
177
- .start-2 {
178
- inset-inline-start: var(--primitive-8) !important;
179
- }
180
- .end-2 {
181
- inset-inline-end: var(--primitive-8) !important;
182
- }
183
- .top-2 {
184
- top: var(--primitive-8) !important;
185
- }
186
- .right-2 {
187
- right: var(--primitive-8) !important;
188
- }
189
- .bottom-2 {
190
- bottom: var(--primitive-8) !important;
191
- }
192
- .left-2 {
193
- left: var(--primitive-8) !important;
194
- }
195
-
196
- .inset-2.5 {
197
- inset: var(--primitive-10) !important;
198
- }
199
- .inset-x-2.5 {
200
- left: var(--primitive-10) !important;
201
- right: var(--primitive-10) !important;
202
- }
203
- .inset-y-2.5 {
204
- top: var(--primitive-10) !important;
205
- bottom: var(--primitive-10) !important;
206
- }
207
- .start-2.5 {
208
- inset-inline-start: var(--primitive-10) !important;
209
- }
210
- .end-2.5 {
211
- inset-inline-end: var(--primitive-10) !important;
212
- }
213
- .top-2.5 {
214
- top: var(--primitive-10) !important;
215
- }
216
- .right-2.5 {
217
- right: var(--primitive-10) !important;
218
- }
219
- .bottom-2.5 {
220
- bottom: var(--primitive-10) !important;
221
- }
222
- .left-2.5 {
223
- left: var(--primitive-10) !important;
224
- }
225
- .inset-3 {
226
- inset: var(--primitive-12) !important;
227
- }
228
- .inset-x-3 {
229
- left: var(--primitive-12) !important;
230
- right: var(--primitive-12) !important;
231
- }
232
- .inset-y-3 {
233
- top: var(--primitive-12) !important;
234
- bottom: var(--primitive-12) !important;
235
- }
236
- .start-3 {
237
- inset-inline-start: var(--primitive-12) !important;
238
- }
239
- .end-3 {
240
- inset-inline-end: var(--primitive-12) !important;
241
- }
242
- .top-3 {
243
- top: var(--primitive-12) !important;
244
- }
245
- .right-3 {
246
- right: var(--primitive-12) !important;
247
- }
248
- .bottom-3 {
249
- bottom: var(--primitive-12) !important;
250
- }
251
- .left-3 {
252
- left: var(--primitive-12) !important;
253
- }
254
-
255
- .inset-3.5 {
256
- inset: var(--primitive-14) !important;
257
- }
258
- .inset-x-3.5 {
259
- left: var(--primitive-14) !important;
260
- right: var(--primitive-14) !important;
261
- }
262
- .inset-y-3.5 {
263
- top: var(--primitive-14) !important;
264
- bottom: var(--primitive-14) !important;
265
- }
266
- .start-3.5 {
267
- inset-inline-start: var(--primitive-14) !important;
268
- }
269
- .end-3.5 {
270
- inset-inline-end: var(--primitive-14) !important;
271
- }
272
- .top-3.5 {
273
- top: var(--primitive-14) !important;
274
- }
275
- .right-3.5 {
276
- right: var(--primitive-14) !important;
277
- }
278
- .bottom-3.5 {
279
- bottom: var(--primitive-14) !important;
280
- }
281
- .left-3.5 {
282
- left: var(--primitive-14) !important;
283
- }
284
-
285
- .inset-4 {
286
- inset: var(--primitive-16) !important;
287
- }
288
- .inset-x-4 {
289
- left: var(--primitive-16) !important;
290
- right: var(--primitive-16) !important;
291
- }
292
- .inset-y-4 {
293
- top: var(--primitive-16) !important;
294
- bottom: var(--primitive-16) !important;
295
- }
296
- .start-4 {
297
- inset-inline-start: var(--primitive-16) !important;
298
- }
299
- .end-4 {
300
- inset-inline-end: var(--primitive-16) !important;
301
- }
302
- .top-4 {
303
- top: var(--primitive-16) !important;
304
- }
305
- .right-4 {
306
- right: var(--primitive-16) !important;
307
- }
308
- .bottom-4 {
309
- bottom: var(--primitive-16) !important;
310
- }
311
- .left-4 {
312
- left: var(--primitive-16) !important;
313
- }
314
-
315
- .inset-5 {
316
- inset: var(--primitive-20) !important;
317
- }
318
- .inset-x-5 {
319
- left: var(--primitive-20) !important;
320
- right: var(--primitive-20) !important;
321
- }
322
- .inset-y-5 {
323
- top: var(--primitive-20) !important;
324
- bottom: var(--primitive-20) !important;
325
- }
326
- .start-5 {
327
- inset-inline-start: var(--primitive-20) !important;
328
- }
329
- .end-5 {
330
- inset-inline-end: var(--primitive-20) !important;
331
- }
332
- .top-5 {
333
- top: var(--primitive-20) !important;
334
- }
335
- .right-5 {
336
- right: var(--primitive-20) !important;
337
- }
338
- .bottom-5 {
339
- bottom: var(--primitive-20) !important;
340
- }
341
- .left-5 {
342
- left: var(--primitive-20) !important;
343
- }
344
-
345
- .inset-6 {
346
- inset: var(--primitive-24) !important;
347
- }
348
- .inset-x-6 {
349
- left: var(--primitive-24) !important;
350
- right: var(--primitive-24) !important;
351
- }
352
- .inset-y-6 {
353
- top: var(--primitive-24) !important;
354
- bottom: var(--primitive-24) !important;
355
- }
356
- .start-6 {
357
- inset-inline-start: var(--primitive-24) !important;
358
- }
359
- .end-6 {
360
- inset-inline-end: var(--primitive-24) !important;
361
- }
362
- .top-6 {
363
- top: var(--primitive-24) !important;
364
- }
365
- .right-6 {
366
- right: var(--primitive-24) !important;
367
- }
368
- .bottom-6 {
369
- bottom: var(--primitive-24) !important;
370
- }
371
- .left-6 {
372
- left: var(--primitive-24) !important;
373
- }
374
- .inset-7 {
375
- inset: var(--primitive-28) !important;
376
- }
377
- .inset-x-7 {
378
- left: var(--primitive-28) !important;
379
- right: var(--primitive-28) !important;
380
- }
381
- .inset-y-7 {
382
- top: var(--primitive-28) !important;
383
- bottom: var(--primitive-28) !important;
384
- }
385
- .start-7 {
386
- inset-inline-start: var(--primitive-28) !important;
387
- }
388
- .end-7 {
389
- inset-inline-end: var(--primitive-28) !important;
390
- }
391
- .top-7 {
392
- top: var(--primitive-28) !important;
393
- }
394
- .right-7 {
395
- right: var(--primitive-28) !important;
396
- }
397
- .bottom-7 {
398
- bottom: var(--primitive-28) !important;
399
- }
400
- .left-7 {
401
- left: var(--primitive-28) !important;
402
- }
403
-
404
- .inset-8 {
405
- inset: var(--primitive-32) !important;
406
- }
407
- .inset-x-8 {
408
- left: var(--primitive-32) !important;
409
- right: var(--primitive-32) !important;
410
- }
411
- .inset-y-8 {
412
- top: var(--primitive-32) !important;
413
- bottom: var(--primitive-32) !important;
414
- }
415
- .start-8 {
416
- inset-inline-start: var(--primitive-32) !important;
417
- }
418
- .end-8 {
419
- inset-inline-end: var(--primitive-32) !important;
420
- }
421
- .top-8 {
422
- top: var(--primitive-32) !important;
423
- }
424
- .right-8 {
425
- right: var(--primitive-32) !important;
426
- }
427
- .bottom-8 {
428
- bottom: var(--primitive-32) !important;
429
- }
430
- .left-8 {
431
- left: var(--primitive-32) !important;
432
- }
433
-
434
- .inset-9 {
435
- inset: var(--primitive-36) !important;
436
- }
437
- .inset-x-9 {
438
- left: var(--primitive-36) !important;
439
- right: var(--primitive-36) !important;
440
- }
441
- .inset-y-9 {
442
- top: var(--primitive-36) !important;
443
- bottom: var(--primitive-36) !important;
444
- }
445
- .start-9 {
446
- inset-inline-start: var(--primitive-36) !important;
447
- }
448
- .end-9 {
449
- inset-inline-end: var(--primitive-36) !important;
450
- }
451
- .top-9 {
452
- top: var(--primitive-36) !important;
453
- }
454
- .right-9 {
455
- right: var(--primitive-36) !important;
456
- }
457
- .bottom-9 {
458
- bottom: var(--primitive-36) !important;
459
- }
460
- .left-9 {
461
- left: var(--primitive-36) !important;
462
- }
463
-
464
- .inset-10 {
465
- inset: var(--primitive-40) !important;
466
- }
467
- .inset-x-10 {
468
- left: var(--primitive-40) !important;
469
- right: var(--primitive-40) !important;
470
- }
471
- .inset-y-10 {
472
- top: var(--primitive-40) !important;
473
- bottom: var(--primitive-40) !important;
474
- }
475
- .start-10 {
476
- inset-inline-start: var(--primitive-40) !important;
477
- }
478
- .end-10 {
479
- inset-inline-end: var(--primitive-40) !important;
480
- }
481
- .top-10 {
482
- top: var(--primitive-40) !important;
483
- }
484
- .right-10 {
485
- right: var(--primitive-40) !important;
486
- }
487
- .bottom-10 {
488
- bottom: var(--primitive-40) !important;
489
- }
490
- .left-10 {
491
- left: var(--primitive-40) !important;
492
- }
493
- .inset-11 {
494
- inset: var(--primitive-44) !important;
495
- }
496
- .inset-x-11 {
497
- left: var(--primitive-44) !important;
498
- right: var(--primitive-44) !important;
499
- }
500
- .inset-y-11 {
501
- top: var(--primitive-44) !important;
502
- bottom: var(--primitive-44) !important;
503
- }
504
- .start-11 {
505
- inset-inline-start: var(--primitive-44) !important;
506
- }
507
- .end-11 {
508
- inset-inline-end: var(--primitive-44) !important;
509
- }
510
- .top-11 {
511
- top: var(--primitive-44) !important;
512
- }
513
- .right-11 {
514
- right: var(--primitive-44) !important;
515
- }
516
- .bottom-11 {
517
- bottom: var(--primitive-44) !important;
518
- }
519
- .left-11 {
520
- left: var(--primitive-44) !important;
521
- }
522
-
523
- .inset-12 {
524
- inset: var(--primitive-48) !important;
525
- }
526
- .inset-x-12 {
527
- left: var(--primitive-48) !important;
528
- right: var(--primitive-48) !important;
529
- }
530
- .inset-y-12 {
531
- top: var(--primitive-48) !important;
532
- bottom: var(--primitive-48) !important;
533
- }
534
- .start-12 {
535
- inset-inline-start: var(--primitive-48) !important;
536
- }
537
- .end-12 {
538
- inset-inline-end: var(--primitive-48) !important;
539
- }
540
- .top-12 {
541
- top: var(--primitive-48) !important;
542
- }
543
- .right-12 {
544
- right: var(--primitive-48) !important;
545
- }
546
- .bottom-12 {
547
- bottom: var(--primitive-48) !important;
548
- }
549
- .left-12 {
550
- left: var(--primitive-48) !important;
551
- }
552
-
553
- .inset-14 {
554
- inset: var(--primitive-56) !important;
555
- }
556
- .inset-x-14 {
557
- left: var(--primitive-56) !important;
558
- right: var(--primitive-56) !important;
559
- }
560
- .inset-y-14 {
561
- top: var(--primitive-56) !important;
562
- bottom: var(--primitive-56) !important;
563
- }
564
- .start-14 {
565
- inset-inline-start: var(--primitive-56) !important;
566
- }
567
- .end-14 {
568
- inset-inline-end: var(--primitive-56) !important;
569
- }
570
- .top-14 {
571
- top: var(--primitive-56) !important;
572
- }
573
- .right-14 {
574
- right: var(--primitive-56) !important;
575
- }
576
- .bottom-14 {
577
- bottom: var(--primitive-56) !important;
578
- }
579
- .left-14 {
580
- left: var(--primitive-56) !important;
581
- }
582
- .inset-16 {
583
- inset: var(--primitive-64) !important;
584
- }
585
- .inset-x-16 {
586
- left: var(--primitive-64) !important;
587
- right: var(--primitive-64) !important;
588
- }
589
- .inset-y-16 {
590
- top: var(--primitive-64) !important;
591
- bottom: var(--primitive-64) !important;
592
- }
593
- .start-16 {
594
- inset-inline-start: var(--primitive-64) !important;
595
- }
596
- .end-16 {
597
- inset-inline-end: var(--primitive-64) !important;
598
- }
599
- .top-16 {
600
- top: var(--primitive-64) !important;
601
- }
602
- .right-16 {
603
- right: var(--primitive-64) !important;
604
- }
605
- .bottom-16 {
606
- bottom: var(--primitive-64) !important;
607
- }
608
- .left-16 {
609
- left: var(--primitive-64) !important;
610
- }
611
-
612
- .inset-20 {
613
- inset: var(--primitive-80) !important;
614
- }
615
- .inset-x-20 {
616
- left: var(--primitive-80) !important;
617
- right: var(--primitive-80) !important;
618
- }
619
- .inset-y-20 {
620
- top: var(--primitive-80) !important;
621
- bottom: var(--primitive-80) !important;
622
- }
623
- .start-20 {
624
- inset-inline-start: var(--primitive-80) !important;
625
- }
626
- .end-20 {
627
- inset-inline-end: var(--primitive-80) !important;
628
- }
629
- .top-20 {
630
- top: var(--primitive-80) !important;
631
- }
632
- .right-20 {
633
- right: var(--primitive-80) !important;
634
- }
635
- .bottom-20 {
636
- bottom: var(--primitive-80) !important;
637
- }
638
- .left-20 {
639
- left: var(--primitive-80) !important;
640
- }
641
-
642
- .inset-24 {
643
- inset: var(--primitive-96) !important;
644
- }
645
- .inset-x-24 {
646
- left: var(--primitive-96) !important;
647
- right: var(--primitive-96) !important;
648
- }
649
- .inset-y-24 {
650
- top: var(--primitive-96) !important;
651
- bottom: var(--primitive-96) !important;
652
- }
653
- .start-24 {
654
- inset-inline-start: var(--primitive-96) !important;
655
- }
656
- .end-24 {
657
- inset-inline-end: var(--primitive-96) !important;
658
- }
659
- .top-24 {
660
- top: var(--primitive-96) !important;
661
- }
662
- .right-24 {
663
- right: var(--primitive-96) !important;
664
- }
665
- .bottom-24 {
666
- bottom: var(--primitive-96) !important;
667
- }
668
- .left-24 {
669
- left: var(--primitive-96) !important;
670
- }
671
-
672
- .inset-28 {
673
- inset: var(--primitive-112) !important;
674
- }
675
- .inset-x-28 {
676
- left: var(--primitive-112) !important;
677
- right: var(--primitive-112) !important;
678
- }
679
- .inset-y-28 {
680
- top: var(--primitive-112) !important;
681
- bottom: var(--primitive-112) !important;
682
- }
683
- .start-28 {
684
- inset-inline-start: var(--primitive-112) !important;
685
- }
686
- .end-28 {
687
- inset-inline-end: var(--primitive-112) !important;
688
- }
689
- .top-28 {
690
- top: var(--primitive-112) !important;
691
- }
692
- .right-28 {
693
- right: var(--primitive-112) !important;
694
- }
695
- .bottom-28 {
696
- bottom: var(--primitive-112) !important;
697
- }
698
- .left-28 {
699
- left: var(--primitive-112) !important;
700
- }
701
-
702
- .inset-32 {
703
- inset: var(--primitive-128) !important;
704
- }
705
- .inset-x-32 {
706
- left: var(--primitive-128) !important;
707
- right: var(--primitive-128) !important;
708
- }
709
- .inset-y-32 {
710
- top: var(--primitive-128) !important;
711
- bottom: var(--primitive-128) !important;
712
- }
713
- .start-32 {
714
- inset-inline-start: var(--primitive-128) !important;
715
- }
716
- .end-32 {
717
- inset-inline-end: var(--primitive-128) !important;
718
- }
719
- .top-32 {
720
- top: var(--primitive-128) !important;
721
- }
722
- .right-32 {
723
- right: var(--primitive-128) !important;
724
- }
725
- .bottom-32 {
726
- bottom: var(--primitive-128) !important;
727
- }
728
- .left-32 {
729
- left: var(--primitive-128) !important;
730
- }
731
- .inset-36 {
732
- inset: var(--primitive-144) !important;
733
- }
734
- .inset-x-36 {
735
- left: var(--primitive-144) !important;
736
- right: var(--primitive-144) !important;
737
- }
738
- .inset-y-36 {
739
- top: var(--primitive-144) !important;
740
- bottom: var(--primitive-144) !important;
741
- }
742
- .start-36 {
743
- inset-inline-start: var(--primitive-144) !important;
744
- }
745
- .end-36 {
746
- inset-inline-end: var(--primitive-144) !important;
747
- }
748
- .top-36 {
749
- top: var(--primitive-144) !important;
750
- }
751
- .right-36 {
752
- right: var(--primitive-144) !important;
753
- }
754
- .bottom-36 {
755
- bottom: var(--primitive-144) !important;
756
- }
757
- .left-36 {
758
- left: var(--primitive-144) !important;
759
- }
760
-
761
- .inset-40 {
762
- inset: var(--primitive-160) !important;
763
- }
764
- .inset-x-40 {
765
- left: var(--primitive-160) !important;
766
- right: var(--primitive-160) !important;
767
- }
768
- .inset-y-40 {
769
- top: var(--primitive-160) !important;
770
- bottom: var(--primitive-160) !important;
771
- }
772
- .start-40 {
773
- inset-inline-start: var(--primitive-160) !important;
774
- }
775
- .end-40 {
776
- inset-inline-end: var(--primitive-160) !important;
777
- }
778
- .top-40 {
779
- top: var(--primitive-160) !important;
780
- }
781
- .right-40 {
782
- right: var(--primitive-160) !important;
783
- }
784
- .bottom-40 {
785
- bottom: var(--primitive-160) !important;
786
- }
787
- .left-40 {
788
- left: var(--primitive-160) !important;
789
- }
790
-
791
- .inset-44 {
792
- inset: var(--primitive-176) !important;
793
- }
794
- .inset-x-44 {
795
- left: var(--primitive-176) !important;
796
- right: var(--primitive-176) !important;
797
- }
798
- .inset-y-44 {
799
- top: var(--primitive-176) !important;
800
- bottom: var(--primitive-176) !important;
801
- }
802
- .start-44 {
803
- inset-inline-start: var(--primitive-176) !important;
804
- }
805
- .end-44 {
806
- inset-inline-end: var(--primitive-176) !important;
807
- }
808
- .top-44 {
809
- top: var(--primitive-176) !important;
810
- }
811
- .right-44 {
812
- right: var(--primitive-176) !important;
813
- }
814
- .bottom-44 {
815
- bottom: var(--primitive-176) !important;
816
- }
817
- .left-44 {
818
- left: var(--primitive-176) !important;
819
- }
820
-
821
- .inset-48 {
822
- inset: var(--primitive-192) !important;
823
- }
824
- .inset-x-48 {
825
- left: var(--primitive-192) !important;
826
- right: var(--primitive-192) !important;
827
- }
828
- .inset-y-48 {
829
- top: var(--primitive-192) !important;
830
- bottom: var(--primitive-192) !important;
831
- }
832
- .start-48 {
833
- inset-inline-start: var(--primitive-192) !important;
834
- }
835
- .end-48 {
836
- inset-inline-end: var(--primitive-192) !important;
837
- }
838
- .top-48 {
839
- top: var(--primitive-192) !important;
840
- }
841
- .right-48 {
842
- right: var(--primitive-192) !important;
843
- }
844
- .bottom-48 {
845
- bottom: var(--primitive-192) !important;
846
- }
847
- .left-48 {
848
- left: var(--primitive-192) !important;
849
- }
850
- .inset-52 {
851
- inset: var(--primitive-208) !important;
852
- }
853
- .inset-x-52 {
854
- left: var(--primitive-208) !important;
855
- right: var(--primitive-208) !important;
856
- }
857
- .inset-y-52 {
858
- top: var(--primitive-208) !important;
859
- bottom: var(--primitive-208) !important;
860
- }
861
- .start-52 {
862
- inset-inline-start: var(--primitive-208) !important;
863
- }
864
- .end-52 {
865
- inset-inline-end: var(--primitive-208) !important;
866
- }
867
- .top-52 {
868
- top: var(--primitive-208) !important;
869
- }
870
- .right-52 {
871
- right: var(--primitive-208) !important;
872
- }
873
- .bottom-52 {
874
- bottom: var(--primitive-208) !important;
875
- }
876
- .left-52 {
877
- left: var(--primitive-208) !important;
878
- }
879
-
880
- .inset-56 {
881
- inset: var(--primitive-224) !important;
882
- }
883
- .inset-x-56 {
884
- left: var(--primitive-224) !important;
885
- right: var(--primitive-224) !important;
886
- }
887
- .inset-y-56 {
888
- top: var(--primitive-224) !important;
889
- bottom: var(--primitive-224) !important;
890
- }
891
- .start-56 {
892
- inset-inline-start: var(--primitive-224) !important;
893
- }
894
- .end-56 {
895
- inset-inline-end: var(--primitive-224) !important;
896
- }
897
- .top-56 {
898
- top: var(--primitive-224) !important;
899
- }
900
- .right-56 {
901
- right: var(--primitive-224) !important;
902
- }
903
- .bottom-56 {
904
- bottom: var(--primitive-224) !important;
905
- }
906
- .left-56 {
907
- left: var(--primitive-224) !important;
908
- }
909
-
910
- .inset-60 {
911
- inset: var(--primitive-240) !important;
912
- }
913
- .inset-x-60 {
914
- left: var(--primitive-240) !important;
915
- right: var(--primitive-240) !important;
916
- }
917
- .inset-y-60 {
918
- top: var(--primitive-240) !important;
919
- bottom: var(--primitive-240) !important;
920
- }
921
- .start-60 {
922
- inset-inline-start: var(--primitive-240) !important;
923
- }
924
- .end-60 {
925
- inset-inline-end: var(--primitive-240) !important;
926
- }
927
- .top-60 {
928
- top: var(--primitive-240) !important;
929
- }
930
- .right-60 {
931
- right: var(--primitive-240) !important;
932
- }
933
- .bottom-60 {
934
- bottom: var(--primitive-240) !important;
935
- }
936
- .left-60 {
937
- left: var(--primitive-240) !important;
938
- }
939
-
940
- .inset-64 {
941
- inset: var(--primitive-256) !important;
942
- }
943
- .inset-x-64 {
944
- left: var(--primitive-256) !important;
945
- right: var(--primitive-256) !important;
946
- }
947
- .inset-y-64 {
948
- top: var(--primitive-256) !important;
949
- bottom: var(--primitive-256) !important;
950
- }
951
- .start-64 {
952
- inset-inline-start: var(--primitive-256) !important;
953
- }
954
- .end-64 {
955
- inset-inline-end: var(--primitive-256) !important;
956
- }
957
- .top-64 {
958
- top: var(--primitive-256) !important;
959
- }
960
- .right-64 {
961
- right: var(--primitive-256) !important;
962
- }
963
- .bottom-64 {
964
- bottom: var(--primitive-256) !important;
965
- }
966
- .left-64 {
967
- left: var(--primitive-256) !important;
968
- }
969
-
970
- .inset-72 {
971
- inset: var(--primitive-288) !important;
972
- }
973
- .inset-x-72 {
974
- left: var(--primitive-288) !important;
975
- right: var(--primitive-288) !important;
976
- }
977
- .inset-y-72 {
978
- top: var(--primitive-288) !important;
979
- bottom: var(--primitive-288) !important;
980
- }
981
- .start-72 {
982
- inset-inline-start: var(--primitive-288) !important;
983
- }
984
- .end-72 {
985
- inset-inline-end: var(--primitive-288) !important;
986
- }
987
- .top-72 {
988
- top: var(--primitive-288) !important;
989
- }
990
- .right-72 {
991
- right: var(--primitive-288) !important;
992
- }
993
- .bottom-72 {
994
- bottom: var(--primitive-288) !important;
995
- }
996
- .left-72 {
997
- left: var(--primitive-288) !important;
998
- }
999
- .inset-80 {
1000
- inset: var(--primitive-320) !important;
1001
- }
1002
- .inset-x-80 {
1003
- left: var(--primitive-320) !important;
1004
- right: var(--primitive-320) !important;
1005
- }
1006
- .inset-y-80 {
1007
- top: var(--primitive-320) !important;
1008
- bottom: var(--primitive-320) !important;
1009
- }
1010
- .start-80 {
1011
- inset-inline-start: var(--primitive-320) !important;
1012
- }
1013
- .end-80 {
1014
- inset-inline-end: var(--primitive-320) !important;
1015
- }
1016
- .top-80 {
1017
- top: var(--primitive-320) !important;
1018
- }
1019
- .right-80 {
1020
- right: var(--primitive-320) !important;
1021
- }
1022
- .bottom-80 {
1023
- bottom: var(--primitive-320) !important;
1024
- }
1025
- .left-80 {
1026
- left: var(--primitive-320) !important;
1027
- }
1028
-
1029
- .inset-96 {
1030
- inset: var(--primitive-384) !important;
1031
- }
1032
- .inset-x-96 {
1033
- left: var(--primitive-384) !important;
1034
- right: var(--primitive-384) !important;
1035
- }
1036
- .inset-y-96 {
1037
- top: var(--primitive-384) !important;
1038
- bottom: var(--primitive-384) !important;
1039
- }
1040
- .start-96 {
1041
- inset-inline-start: var(--primitive-384) !important;
1042
- }
1043
- .end-96 {
1044
- inset-inline-end: var(--primitive-384) !important;
1045
- }
1046
- .top-96 {
1047
- top: var(--primitive-384) !important;
1048
- }
1049
- .right-96 {
1050
- right: var(--primitive-384) !important;
1051
- }
1052
- .bottom-96 {
1053
- bottom: var(--primitive-384) !important;
1054
- }
1055
- .left-96 {
1056
- left: var(--primitive-384) !important;
1057
- }
1058
-
1059
- .inset-auto {
1060
- inset: auto !important;
1061
- }
1062
- .inset-y-full {
1063
- top: 100% !important;
1064
- bottom: 100% !important;
1065
- }
1066
- .start-auto {
1067
- inset-inline-start: auto !important;
1068
- }
1069
- .start-full {
1070
- inset-inline-start: 100% !important;
1071
- }
1072
-
1073
- .end-auto {
1074
- inset-inline-end: auto !important;
1075
- }
1076
- .end-full {
1077
- inset-inline-end: 100% !important;
1078
- }
1079
-
1080
- .top-auto {
1081
- top: auto !important;
1082
- }
1083
- .top-full {
1084
- top: 100% !important;
1085
- }
1086
-
1087
- .right-auto {
1088
- right: auto !important;
1089
- }
1090
- .right-full {
1091
- right: 100% !important;
1092
- }
1093
-
1094
- .bottom-auto {
1095
- bottom: auto !important;
1096
- }
1097
- .bottom-full {
1098
- bottom: 100% !important;
1099
- }
1100
-
1101
- .left-auto {
1102
- left: auto !important;
1103
- }
1104
- .left-full {
1105
- left: 100% !important;
1106
- }