@kofile/gds-foundations 1.0.0-alpha.17 → 1.0.0-alpha.19

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 (76) 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 +3 -6
  4. package/build/css/components/dialog.module.css +52 -0
  5. package/build/css/components/field-message.module.css +0 -1
  6. package/build/css/components/input.module.css +20 -3
  7. package/build/css/components/segmented-controller.module.css +9 -0
  8. package/build/css/components/select.module.css +23 -2
  9. package/build/css/components/tabs.module.css +5 -9
  10. package/build/css/index.css +0 -1
  11. package/build/css/themes/dialog/dark.css +5 -0
  12. package/build/css/themes/dialog/light.css +5 -0
  13. package/build/css/themes/global.css +38 -2
  14. package/build/css/themes/select/dark.css +2 -0
  15. package/build/css/themes/select/light.css +2 -0
  16. package/build/minified/badge.module.css +1 -0
  17. package/build/minified/button.module.css +33 -0
  18. package/build/minified/card.module.css +1 -0
  19. package/build/minified/checkbox.module.css +7 -0
  20. package/build/minified/dark.css +1 -0
  21. package/build/minified/dialog.module.css +21 -0
  22. package/build/minified/field-message.module.css +1 -0
  23. package/build/minified/form-label.module.css +1 -0
  24. package/build/minified/global.css +1 -0
  25. package/build/minified/index.css +1 -0
  26. package/build/minified/input.module.css +33 -0
  27. package/build/minified/label.module.css +1 -0
  28. package/build/minified/light.css +1 -0
  29. package/build/minified/link.module.css +1 -0
  30. package/build/minified/list-callout-group.module.css +1 -0
  31. package/build/minified/list-callout.module.css +1 -0
  32. package/build/minified/list-group.module.css +1 -0
  33. package/build/minified/list-item.module.css +1 -0
  34. package/build/minified/loader.module.css +1 -0
  35. package/build/minified/radio-group.module.css +21 -0
  36. package/build/minified/segmented-controller.module.css +57 -0
  37. package/build/minified/select.module.css +55 -0
  38. package/build/minified/switch.module.css +3 -0
  39. package/build/minified/table.module.css +65 -0
  40. package/build/minified/tabs.module.css +9 -0
  41. package/package.json +3 -11
  42. package/build/css/tokens-global.css +0 -342
  43. package/build/css/utilities/background-color.css +0 -445
  44. package/build/css/utilities/border-color.css +0 -284
  45. package/build/css/utilities/border-radius.css +0 -455
  46. package/build/css/utilities/border-style.css +0 -18
  47. package/build/css/utilities/border-width.css +0 -127
  48. package/build/css/utilities/box-sizing.css +0 -7
  49. package/build/css/utilities/color.css +0 -290
  50. package/build/css/utilities/cursor.css +0 -31
  51. package/build/css/utilities/display.css +0 -63
  52. package/build/css/utilities/flex-shrink.css +0 -6
  53. package/build/css/utilities/flex.css +0 -198
  54. package/build/css/utilities/font.css +0 -131
  55. package/build/css/utilities/gap.css +0 -104
  56. package/build/css/utilities/grid-auto-columns.css +0 -12
  57. package/build/css/utilities/grid-template-columns.css +0 -42
  58. package/build/css/utilities/height.css +0 -168
  59. package/build/css/utilities/index.css +0 -33
  60. package/build/css/utilities/margin.css +0 -299
  61. package/build/css/utilities/max-height.css +0 -123
  62. package/build/css/utilities/max-width.css +0 -69
  63. package/build/css/utilities/min-height.css +0 -18
  64. package/build/css/utilities/min-width.css +0 -15
  65. package/build/css/utilities/object-fit.css +0 -15
  66. package/build/css/utilities/object-position.css +0 -27
  67. package/build/css/utilities/overflow.css +0 -45
  68. package/build/css/utilities/padding.css +0 -288
  69. package/build/css/utilities/position.css +0 -1297
  70. package/build/css/utilities/shadow.css +0 -15
  71. package/build/css/utilities/text-align.css +0 -18
  72. package/build/css/utilities/text-overflow.css +0 -13
  73. package/build/css/utilities/text-transform.css +0 -12
  74. package/build/css/utilities/vertical-align.css +0 -31
  75. package/build/css/utilities/white-space.css +0 -23
  76. package/build/css/utilities/width.css +0 -201
@@ -1,445 +0,0 @@
1
- .bg-gray-100 {
2
- background-color: var(--primitive-gray-100) !important;
3
- }
4
- .bg-gray-200 {
5
- background-color: var(--primitive-gray-200) !important;
6
- }
7
- .bg-gray-300 {
8
- background-color: var(--primitive-gray-300) !important;
9
- }
10
- .bg-gray-400 {
11
- background-color: var(--primitive-gray-400) !important;
12
- }
13
- .bg-gray-500 {
14
- background-color: var(--primitive-gray-500) !important;
15
- }
16
- .bg-gray-600 {
17
- background-color: var(--primitive-gray-600) !important;
18
- }
19
- .bg-gray-700 {
20
- background-color: var(--primitive-gray-700) !important;
21
- }
22
- .bg-gray-800 {
23
- background-color: var(--primitive-gray-800) !important;
24
- }
25
- .bg-gray-900 {
26
- background-color: var(--primitive-gray-900) !important;
27
- }
28
- .bg-gray-1000 {
29
- background-color: var(--primitive-gray-1000) !important;
30
- }
31
- .bg-gray-black {
32
- background-color: var(--primitive-gray-black) !important;
33
- }
34
- .bg-gray-white {
35
- background-color: var(--primitive-gray-white) !important;
36
- }
37
-
38
- .bg-blue-100 {
39
- background-color: var(--primitive-blue-100) !important;
40
- }
41
- .bg-blue-200 {
42
- background-color: var(--primitive-blue-200) !important;
43
- }
44
- .bg-blue-300 {
45
- background-color: var(--primitive-blue-300) !important;
46
- }
47
- .bg-blue-400 {
48
- background-color: var(--primitive-blue-400) !important;
49
- }
50
- .bg-blue-500 {
51
- background-color: var(--primitive-blue-500) !important;
52
- }
53
- .bg-blue-600 {
54
- background-color: var(--primitive-blue-600) !important;
55
- }
56
- .bg-blue-700 {
57
- background-color: var(--primitive-blue-700) !important;
58
- }
59
- .bg-blue-800 {
60
- background-color: var(--primitive-blue-800) !important;
61
- }
62
- .bg-blue-900 {
63
- background-color: var(--primitive-blue-900) !important;
64
- }
65
- .bg-blue-1000 {
66
- background-color: var(--primitive-blue-1000) !important;
67
- }
68
-
69
- .bg-red-100 {
70
- background-color: var(--primitive-red-100) !important;
71
- }
72
- .bg-red-200 {
73
- background-color: var(--primitive-red-200) !important;
74
- }
75
- .bg-red-300 {
76
- background-color: var(--primitive-red-300) !important;
77
- }
78
- .bg-red-400 {
79
- background-color: var(--primitive-red-400) !important;
80
- }
81
- .bg-red-500 {
82
- background-color: var(--primitive-red-500) !important;
83
- }
84
- .bg-red-600 {
85
- background-color: var(--primitive-red-600) !important;
86
- }
87
- .bg-red-700 {
88
- background-color: var(--primitive-red-700) !important;
89
- }
90
- .bg-red-800 {
91
- background-color: var(--primitive-red-800) !important;
92
- }
93
- .bg-red-900 {
94
- background-color: var(--primitive-red-900) !important;
95
- }
96
- .bg-red-1000 {
97
- background-color: var(--primitive-red-1000) !important;
98
- }
99
-
100
- .bg-green-100 {
101
- background-color: var(--primitive-green-100) !important;
102
- }
103
- .bg-green-200 {
104
- background-color: var(--primitive-green-200) !important;
105
- }
106
- .bg-green-300 {
107
- background-color: var(--primitive-green-300) !important;
108
- }
109
- .bg-green-400 {
110
- background-color: var(--primitive-green-400) !important;
111
- }
112
- .bg-green-500 {
113
- background-color: var(--primitive-green-500) !important;
114
- }
115
- .bg-green-600 {
116
- background-color: var(--primitive-green-600) !important;
117
- }
118
- .bg-green-700 {
119
- background-color: var(--primitive-green-700) !important;
120
- }
121
- .bg-green-800 {
122
- background-color: var(--primitive-green-800) !important;
123
- }
124
- .bg-green-900 {
125
- background-color: var(--primitive-green-900) !important;
126
- }
127
- .bg-green-1000 {
128
- background-color: var(--primitive-green-1000) !important;
129
- }
130
-
131
- .bg-orange-100 {
132
- background-color: var(--primitive-orange-100) !important;
133
- }
134
- .bg-orange-200 {
135
- background-color: var(--primitive-orange-200) !important;
136
- }
137
- .bg-orange-300 {
138
- background-color: var(--primitive-orange-300) !important;
139
- }
140
- .bg-orange-400 {
141
- background-color: var(--primitive-orange-400) !important;
142
- }
143
- .bg-orange-500 {
144
- background-color: var(--primitive-orange-500) !important;
145
- }
146
- .bg-orange-600 {
147
- background-color: var(--primitive-orange-600) !important;
148
- }
149
- .bg-orange-700 {
150
- background-color: var(--primitive-orange-700) !important;
151
- }
152
- .bg-orange-800 {
153
- background-color: var(--primitive-orange-800) !important;
154
- }
155
- .bg-orange-900 {
156
- background-color: var(--primitive-orange-900) !important;
157
- }
158
- .bg-orange-1000 {
159
- background-color: var(--primitive-orange-1000) !important;
160
- }
161
-
162
- .bg-yellow-100 {
163
- background-color: var(--primitive-yellow-100) !important;
164
- }
165
- .bg-yellow-200 {
166
- background-color: var(--primitive-yellow-200) !important;
167
- }
168
- .bg-yellow-300 {
169
- background-color: var(--primitive-yellow-300) !important;
170
- }
171
- .bg-yellow-400 {
172
- background-color: var(--primitive-yellow-400) !important;
173
- }
174
- .bg-yellow-500 {
175
- background-color: var(--primitive-yellow-500) !important;
176
- }
177
- .bg-yellow-600 {
178
- background-color: var(--primitive-yellow-600) !important;
179
- }
180
- .bg-yellow-700 {
181
- background-color: var(--primitive-yellow-700) !important;
182
- }
183
- .bg-yellow-800 {
184
- background-color: var(--primitive-yellow-800) !important;
185
- }
186
- .bg-yellow-900 {
187
- background-color: var(--primitive-yellow-900) !important;
188
- }
189
- .bg-yellow-1000 {
190
- background-color: var(--primitive-yellow-1000) !important;
191
- }
192
-
193
- .bg-purple-100 {
194
- background-color: var(--primitive-purple-100) !important;
195
- }
196
- .bg-purple-200 {
197
- background-color: var(--primitive-purple-200) !important;
198
- }
199
- .bg-purple-300 {
200
- background-color: var(--primitive-purple-300) !important;
201
- }
202
- .bg-purple-400 {
203
- background-color: var(--primitive-purple-400) !important;
204
- }
205
- .bg-purple-500 {
206
- background-color: var(--primitive-purple-500) !important;
207
- }
208
- .bg-purple-600 {
209
- background-color: var(--primitive-purple-600) !important;
210
- }
211
- .bg-purple-700 {
212
- background-color: var(--primitive-purple-700) !important;
213
- }
214
- .bg-purple-800 {
215
- background-color: var(--primitive-purple-800) !important;
216
- }
217
- .bg-purple-900 {
218
- background-color: var(--primitive-purple-900) !important;
219
- }
220
- .bg-purple-1000 {
221
- background-color: var(--primitive-purple-1000) !important;
222
- }
223
-
224
- .bg-magenta-100 {
225
- background-color: var(--primitive-magenta-100) !important;
226
- }
227
- .bg-magenta-200 {
228
- background-color: var(--primitive-magenta-200) !important;
229
- }
230
- .bg-magenta-300 {
231
- background-color: var(--primitive-magenta-300) !important;
232
- }
233
- .bg-magenta-400 {
234
- background-color: var(--primitive-magenta-400) !important;
235
- }
236
- .bg-magenta-500 {
237
- background-color: var(--primitive-magenta-500) !important;
238
- }
239
- .bg-magenta-600 {
240
- background-color: var(--primitive-magenta-600) !important;
241
- }
242
- .bg-magenta-700 {
243
- background-color: var(--primitive-magenta-700) !important;
244
- }
245
- .bg-magenta-800 {
246
- background-color: var(--primitive-magenta-800) !important;
247
- }
248
- .bg-magenta-900 {
249
- background-color: var(--primitive-magenta-900) !important;
250
- }
251
- .bg-magenta-1000 {
252
- background-color: var(--primitive-magenta-1000) !important;
253
- }
254
-
255
- .bg-teal-100 {
256
- background-color: var(--primitive-teal-100) !important;
257
- }
258
- .bg-teal-200 {
259
- background-color: var(--primitive-teal-200) !important;
260
- }
261
- .bg-teal-300 {
262
- background-color: var(--primitive-teal-300) !important;
263
- }
264
- .bg-teal-400 {
265
- background-color: var(--primitive-teal-400) !important;
266
- }
267
- .bg-teal-500 {
268
- background-color: var(--primitive-teal-500) !important;
269
- }
270
- .bg-teal-600 {
271
- background-color: var(--primitive-teal-600) !important;
272
- }
273
- .bg-teal-700 {
274
- background-color: var(--primitive-teal-700) !important;
275
- }
276
- .bg-teal-800 {
277
- background-color: var(--primitive-teal-800) !important;
278
- }
279
- .bg-teal-900 {
280
- background-color: var(--primitive-teal-900) !important;
281
- }
282
- .bg-teal-1000 {
283
- background-color: var(--primitive-teal-1000) !important;
284
- }
285
-
286
- .bg-neutral-100 {
287
- background-color: var(--color-neutral-100) !important;
288
- }
289
- .bg-neutral-200 {
290
- background-color: var(--color-neutral-200) !important;
291
- }
292
- .bg-neutral-300 {
293
- background-color: var(--color-neutral-300) !important;
294
- }
295
- .bg-neutral-400 {
296
- background-color: var(--color-neutral-400) !important;
297
- }
298
- .bg-neutral-500 {
299
- background-color: var(--color-neutral-500) !important;
300
- }
301
- .bg-neutral-600 {
302
- background-color: var(--color-neutral-600) !important;
303
- }
304
- .bg-neutral-700 {
305
- background-color: var(--color-neutral-700) !important;
306
- }
307
- .bg-neutral-800 {
308
- background-color: var(--color-neutral-800) !important;
309
- }
310
- .bg-neutral-900 {
311
- background-color: var(--color-neutral-900) !important;
312
- }
313
- .bg-neutral-1000 {
314
- background-color: var(--color-neutral-1000) !important;
315
- }
316
- .bg-neutral-black {
317
- background-color: var(--color-neutral-black) !important;
318
- }
319
- .bg-neutral-white {
320
- background-color: var(--color-neutral-white) !important;
321
- }
322
-
323
- .bg-success-100 {
324
- background-color: var(--color-success-100) !important;
325
- }
326
- .bg-success-200 {
327
- background-color: var(--color-success-200) !important;
328
- }
329
- .bg-success-300 {
330
- background-color: var(--color-success-300) !important;
331
- }
332
- .bg-success-400 {
333
- background-color: var(--color-success-400) !important;
334
- }
335
- .bg-success-500 {
336
- background-color: var(--color-success-500) !important;
337
- }
338
- .bg-success-600 {
339
- background-color: var(--color-success-600) !important;
340
- }
341
- .bg-success-700 {
342
- background-color: var(--color-success-700) !important;
343
- }
344
- .bg-success-800 {
345
- background-color: var(--color-success-800) !important;
346
- }
347
- .bg-success-900 {
348
- background-color: var(--color-success-900) !important;
349
- }
350
- .bg-success-1000 {
351
- background-color: var(--color-success-1000) !important;
352
- }
353
-
354
- .bg-danger-100 {
355
- background-color: var(--color-danger-100) !important;
356
- }
357
- .bg-danger-200 {
358
- background-color: var(--color-danger-200) !important;
359
- }
360
- .bg-danger-300 {
361
- background-color: var(--color-danger-300) !important;
362
- }
363
- .bg-danger-400 {
364
- background-color: var(--color-danger-400) !important;
365
- }
366
- .bg-danger-500 {
367
- background-color: var(--color-danger-500) !important;
368
- }
369
- .bg-danger-600 {
370
- background-color: var(--color-danger-600) !important;
371
- }
372
- .bg-danger-700 {
373
- background-color: var(--color-danger-700) !important;
374
- }
375
- .bg-danger-800 {
376
- background-color: var(--color-danger-800) !important;
377
- }
378
- .bg-danger-900 {
379
- background-color: var(--color-danger-900) !important;
380
- }
381
- .bg-danger-1000 {
382
- background-color: var(--color-danger-1000) !important;
383
- }
384
-
385
- .bg-warning-100 {
386
- background-color: var(--color-warning-100) !important;
387
- }
388
- .bg-warning-200 {
389
- background-color: var(--color-warning-200) !important;
390
- }
391
- .bg-warning-300 {
392
- background-color: var(--color-warning-300) !important;
393
- }
394
- .bg-warning-400 {
395
- background-color: var(--color-warning-400) !important;
396
- }
397
- .bg-warning-500 {
398
- background-color: var(--color-warning-500) !important;
399
- }
400
- .bg-warning-600 {
401
- background-color: var(--color-warning-600) !important;
402
- }
403
- .bg-warning-700 {
404
- background-color: var(--color-warning-700) !important;
405
- }
406
- .bg-warning-800 {
407
- background-color: var(--color-warning-800) !important;
408
- }
409
- .bg-warning-900 {
410
- background-color: var(--color-warning-900) !important;
411
- }
412
- .bg-warning-1000 {
413
- background-color: var(--color-warning-1000) !important;
414
- }
415
-
416
- .bg-highlight-100 {
417
- background-color: var(--color-highlight-100) !important;
418
- }
419
- .bg-highlight-200 {
420
- background-color: var(--color-highlight-200) !important;
421
- }
422
- .bg-highlight-300 {
423
- background-color: var(--color-highlight-300) !important;
424
- }
425
- .bg-highlight-400 {
426
- background-color: var(--color-highlight-400) !important;
427
- }
428
- .bg-highlight-500 {
429
- background-color: var(--color-highlight-500) !important;
430
- }
431
- .bg-highlight-600 {
432
- background-color: var(--color-highlight-600) !important;
433
- }
434
- .bg-highlight-700 {
435
- background-color: var(--color-highlight-700) !important;
436
- }
437
- .bg-highlight-800 {
438
- background-color: var(--color-highlight-800) !important;
439
- }
440
- .bg-highlight-900 {
441
- background-color: var(--color-highlight-900) !important;
442
- }
443
- .bg-highlight-1000 {
444
- background-color: var(--color-highlight-1000) !important;
445
- }
@@ -1,284 +0,0 @@
1
- .border-gray-100 {
2
- border-color: var(--primitive-gray-100) !important;
3
- }
4
- .border-gray-200 {
5
- border-color: var(--primitive-gray-200) !important;
6
- }
7
- .border-gray-300 {
8
- border-color: var(--primitive-gray-300) !important;
9
- }
10
- .border-gray-400 {
11
- border-color: var(--primitive-gray-400) !important;
12
- }
13
- .border-gray-500 {
14
- border-color: var(--primitive-gray-500) !important;
15
- }
16
- .border-gray-600 {
17
- border-color: var(--primitive-gray-600) !important;
18
- }
19
- .border-gray-700 {
20
- border-color: var(--primitive-gray-700) !important;
21
- }
22
- .border-gray-800 {
23
- border-color: var(--primitive-gray-800) !important;
24
- }
25
- .border-gray-900 {
26
- border-color: var(--primitive-gray-900) !important;
27
- }
28
- .border-gray-1000 {
29
- border-color: var(--primitive-gray-1000) !important;
30
- }
31
- .border-gray-black {
32
- border-color: var(--primitive-gray-black) !important;
33
- }
34
- .border-gray-white {
35
- border-color: var(--primitive-gray-white) !important;
36
- }
37
-
38
- .border-blue-100 {
39
- border-color: var(--primitive-blue-100) !important;
40
- }
41
- .border-blue-200 {
42
- border-color: var(--primitive-blue-200) !important;
43
- }
44
- .border-blue-300 {
45
- border-color: var(--primitive-blue-300) !important;
46
- }
47
- .border-blue-400 {
48
- border-color: var(--primitive-blue-400) !important;
49
- }
50
- .border-blue-500 {
51
- border-color: var(--primitive-blue-500) !important;
52
- }
53
- .border-blue-600 {
54
- border-color: var(--primitive-blue-600) !important;
55
- }
56
- .border-blue-700 {
57
- border-color: var(--primitive-blue-700) !important;
58
- }
59
- .border-blue-800 {
60
- border-color: var(--primitive-blue-800) !important;
61
- }
62
- .border-blue-900 {
63
- border-color: var(--primitive-blue-900) !important;
64
- }
65
- .border-blue-1000 {
66
- border-color: var(--primitive-blue-1000) !important;
67
- }
68
-
69
- .border-red-100 {
70
- border-color: var(--primitive-red-100) !important;
71
- }
72
- .border-red-200 {
73
- border-color: var(--primitive-red-200) !important;
74
- }
75
- .border-red-300 {
76
- border-color: var(--primitive-red-300) !important;
77
- }
78
- .border-red-400 {
79
- border-color: var(--primitive-red-400) !important;
80
- }
81
- .border-red-500 {
82
- border-color: var(--primitive-red-500) !important;
83
- }
84
- .border-red-600 {
85
- border-color: var(--primitive-red-600) !important;
86
- }
87
- .border-red-700 {
88
- border-color: var(--primitive-red-700) !important;
89
- }
90
- .border-red-800 {
91
- border-color: var(--primitive-red-800) !important;
92
- }
93
- .border-red-900 {
94
- border-color: var(--primitive-red-900) !important;
95
- }
96
- .border-red-1000 {
97
- border-color: var(--primitive-red-1000) !important;
98
- }
99
-
100
- .border-green-100 {
101
- border-color: var(--primitive-green-100) !important;
102
- }
103
- .border-green-200 {
104
- border-color: var(--primitive-green-200) !important;
105
- }
106
- .border-green-300 {
107
- border-color: var(--primitive-green-300) !important;
108
- }
109
- .border-green-400 {
110
- border-color: var(--primitive-green-400) !important;
111
- }
112
- .border-green-500 {
113
- border-color: var(--primitive-green-500) !important;
114
- }
115
- .border-green-600 {
116
- border-color: var(--primitive-green-600) !important;
117
- }
118
- .border-green-700 {
119
- border-color: var(--primitive-green-700) !important;
120
- }
121
- .border-green-800 {
122
- border-color: var(--primitive-green-800) !important;
123
- }
124
- .border-green-900 {
125
- border-color: var(--primitive-green-900) !important;
126
- }
127
- .border-green-1000 {
128
- border-color: var(--primitive-green-1000) !important;
129
- }
130
-
131
- .border-orange-100 {
132
- border-color: var(--primitive-orange-100) !important;
133
- }
134
- .border-orange-200 {
135
- border-color: var(--primitive-orange-200) !important;
136
- }
137
- .border-orange-300 {
138
- border-color: var(--primitive-orange-300) !important;
139
- }
140
- .border-orange-400 {
141
- border-color: var(--primitive-orange-400) !important;
142
- }
143
- .border-orange-500 {
144
- border-color: var(--primitive-orange-500) !important;
145
- }
146
- .border-orange-600 {
147
- border-color: var(--primitive-orange-600) !important;
148
- }
149
- .border-orange-700 {
150
- border-color: var(--primitive-orange-700) !important;
151
- }
152
- .border-orange-800 {
153
- border-color: var(--primitive-orange-800) !important;
154
- }
155
- .border-orange-900 {
156
- border-color: var(--primitive-orange-900) !important;
157
- }
158
- .border-orange-1000 {
159
- border-color: var(--primitive-orange-1000) !important;
160
- }
161
-
162
- .border-yellow-100 {
163
- border-color: var(--primitive-yellow-100) !important;
164
- }
165
- .border-yellow-200 {
166
- border-color: var(--primitive-yellow-200) !important;
167
- }
168
- .border-yellow-300 {
169
- border-color: var(--primitive-yellow-300) !important;
170
- }
171
- .border-yellow-400 {
172
- border-color: var(--primitive-yellow-400) !important;
173
- }
174
- .border-yellow-500 {
175
- border-color: var(--primitive-yellow-500) !important;
176
- }
177
- .border-yellow-600 {
178
- border-color: var(--primitive-yellow-600) !important;
179
- }
180
- .border-yellow-700 {
181
- border-color: var(--primitive-yellow-700) !important;
182
- }
183
- .border-yellow-800 {
184
- border-color: var(--primitive-yellow-800) !important;
185
- }
186
- .border-yellow-900 {
187
- border-color: var(--primitive-yellow-900) !important;
188
- }
189
- .border-yellow-1000 {
190
- border-color: var(--primitive-yellow-1000) !important;
191
- }
192
-
193
- .border-purple-100 {
194
- border-color: var(--primitive-purple-100) !important;
195
- }
196
- .border-purple-200 {
197
- border-color: var(--primitive-purple-200) !important;
198
- }
199
- .border-purple-300 {
200
- border-color: var(--primitive-purple-300) !important;
201
- }
202
- .border-purple-400 {
203
- border-color: var(--primitive-purple-400) !important;
204
- }
205
- .border-purple-500 {
206
- border-color: var(--primitive-purple-500) !important;
207
- }
208
- .border-purple-600 {
209
- border-color: var(--primitive-purple-600) !important;
210
- }
211
- .border-purple-700 {
212
- border-color: var(--primitive-purple-700) !important;
213
- }
214
- .border-purple-800 {
215
- border-color: var(--primitive-purple-800) !important;
216
- }
217
- .border-purple-900 {
218
- border-color: var(--primitive-purple-900) !important;
219
- }
220
- .border-purple-1000 {
221
- border-color: var(--primitive-purple-1000) !important;
222
- }
223
-
224
- .border-magenta-100 {
225
- border-color: var(--primitive-magenta-100) !important;
226
- }
227
- .border-magenta-200 {
228
- border-color: var(--primitive-magenta-200) !important;
229
- }
230
- .border-magenta-300 {
231
- border-color: var(--primitive-magenta-300) !important;
232
- }
233
- .border-magenta-400 {
234
- border-color: var(--primitive-magenta-400) !important;
235
- }
236
- .border-magenta-500 {
237
- border-color: var(--primitive-magenta-500) !important;
238
- }
239
- .border-magenta-600 {
240
- border-color: var(--primitive-magenta-600) !important;
241
- }
242
- .border-magenta-700 {
243
- border-color: var(--primitive-magenta-700) !important;
244
- }
245
- .border-magenta-800 {
246
- border-color: var(--primitive-magenta-800) !important;
247
- }
248
- .border-magenta-900 {
249
- border-color: var(--primitive-magenta-900) !important;
250
- }
251
- .border-magenta-1000 {
252
- border-color: var(--primitive-magenta-1000) !important;
253
- }
254
-
255
- .border-teal-100 {
256
- border-color: var(--primitive-teal-100) !important;
257
- }
258
- .border-teal-200 {
259
- border-color: var(--primitive-teal-200) !important;
260
- }
261
- .border-teal-300 {
262
- border-color: var(--primitive-teal-300) !important;
263
- }
264
- .border-teal-400 {
265
- border-color: var(--primitive-teal-400) !important;
266
- }
267
- .border-teal-500 {
268
- border-color: var(--primitive-teal-500) !important;
269
- }
270
- .border-teal-600 {
271
- border-color: var(--primitive-teal-600) !important;
272
- }
273
- .border-teal-700 {
274
- border-color: var(--primitive-teal-700) !important;
275
- }
276
- .border-teal-800 {
277
- border-color: var(--primitive-teal-800) !important;
278
- }
279
- .border-teal-900 {
280
- border-color: var(--primitive-teal-900) !important;
281
- }
282
- .border-teal-1000 {
283
- border-color: var(--primitive-teal-1000) !important;
284
- }