@kofile/gds-foundations 1.0.0-alpha.9 → 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
package/build/css/utilities/border-color.css DELETED
@@ -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
- }