@kofile/gds-foundations 0.0.11 → 1.0.0-alpha.1

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 (109) hide show
  1. package/build/.DS_Store +0 -0
  2. package/build/css/.DS_Store +0 -0
  3. package/build/css/components/badge.module.css +79 -0
  4. package/build/css/components/button.module.css +306 -0
  5. package/build/css/components/checkbox.module.css +190 -0
  6. package/build/css/components/field-message.module.css +26 -0
  7. package/build/css/components/form-label.module.css +21 -0
  8. package/build/css/components/input.module.css +164 -0
  9. package/build/css/components/label.module.css +21 -0
  10. package/build/css/components/link.module.css +52 -0
  11. package/build/css/components/radio-group.module.css +151 -0
  12. package/build/css/components/select.module.css +235 -0
  13. package/build/css/components/switch.module.css +92 -0
  14. package/build/css/components/table.module.css +225 -0
  15. package/build/css/components/tabs.module.css +79 -0
  16. package/build/css/index.css +0 -1
  17. package/build/css/minified/dark.css +1 -0
  18. package/build/css/minified/global.css +1 -0
  19. package/build/css/minified/index.css +1 -0
  20. package/build/css/minified/light.css +1 -0
  21. package/build/css/minified/themes/dark.css +1 -0
  22. package/build/css/minified/themes/global.css +1 -0
  23. package/build/css/minified/themes/index.css +1 -0
  24. package/build/css/minified/themes/light.css +1 -0
  25. package/build/css/minify/dark.css +1 -0
  26. package/build/css/minify/global.css +1 -0
  27. package/build/css/minify/index.css +1 -0
  28. package/build/css/minify/light.css +1 -0
  29. package/build/css/normalize.css +0 -10
  30. package/build/css/themes/badge/dark.css +12 -0
  31. package/build/css/themes/badge/index.css +2 -0
  32. package/build/css/themes/badge/light.css +12 -0
  33. package/build/css/themes/button/dark.css +42 -0
  34. package/build/css/themes/button/index.css +2 -0
  35. package/build/css/themes/button/light.css +42 -0
  36. package/build/css/themes/checkbox/dark.css +19 -0
  37. package/build/css/themes/checkbox/light.css +19 -0
  38. package/build/css/themes/checkbox-tile/dark.css +14 -0
  39. package/build/css/themes/checkbox-tile/light.css +18 -0
  40. package/build/css/themes/dark.css +16 -0
  41. package/build/css/themes/field-message/dark.css +6 -0
  42. package/build/css/themes/field-message/light.css +6 -0
  43. package/build/css/themes/form-label/dark.css +6 -0
  44. package/build/css/themes/form-label/light.css +6 -0
  45. package/build/css/themes/global.css +565 -0
  46. package/build/css/themes/index.css +30 -0
  47. package/build/css/themes/input/dark.css +19 -0
  48. package/build/css/themes/input/light.css +19 -0
  49. package/build/css/themes/label/dark.css +5 -0
  50. package/build/css/themes/label/light.css +5 -0
  51. package/build/css/themes/light.css +16 -0
  52. package/build/css/themes/link/dark.css +7 -0
  53. package/build/css/themes/link/light.css +7 -0
  54. package/build/css/themes/radio-group/dark.css +12 -0
  55. package/build/css/themes/radio-group/light.css +11 -0
  56. package/build/css/themes/radio-group-tile/dark.css +12 -0
  57. package/build/css/themes/radio-group-tile/light.css +18 -0
  58. package/build/css/themes/select/dark.css +31 -0
  59. package/build/css/themes/select/light.css +28 -0
  60. package/build/css/themes/switch/dark.css +12 -0
  61. package/build/css/themes/switch/light.css +14 -0
  62. package/build/css/themes/table/dark.css +20 -0
  63. package/build/css/themes/table/light.css +24 -0
  64. package/build/css/themes/tabs/dark.css +11 -0
  65. package/build/css/themes/tabs/light.css +13 -0
  66. package/build/css/tokens-global.css +4 -0
  67. package/build/css/utilities/background-color.css +284 -0
  68. package/build/css/utilities/border-color.css +284 -0
  69. package/build/css/utilities/border-radius.css +455 -0
  70. package/build/css/utilities/border-style.css +18 -0
  71. package/build/css/utilities/border-width.css +127 -0
  72. package/build/css/utilities/cursor.css +31 -0
  73. package/build/css/utilities/display.css +0 -2
  74. package/build/css/utilities/flex-shrink.css +6 -0
  75. package/build/css/utilities/grid-auto-columns.css +12 -0
  76. package/build/css/utilities/grid-template-columns.css +42 -0
  77. package/build/css/utilities/height.css +58 -58
  78. package/build/css/utilities/index.css +13 -0
  79. package/build/css/utilities/max-height.css +41 -41
  80. package/build/css/utilities/min-height.css +1 -1
  81. package/build/css/utilities/padding.css +23 -0
  82. package/build/css/utilities/position.css +14 -14
  83. package/build/css/utilities/text-overflow.css +13 -0
  84. package/build/css/utilities/text-transform.css +12 -0
  85. package/build/css/utilities/vertical-align.css +31 -0
  86. package/build/css/utilities/white-space.css +23 -0
  87. package/build/css/utilities/width.css +94 -94
  88. package/build/minified/badge.module.css +1 -0
  89. package/build/minified/button.module.css +33 -0
  90. package/build/minified/checkbox.module.css +7 -0
  91. package/build/minified/dark.css +1 -0
  92. package/build/minified/field-message.module.css +1 -0
  93. package/build/minified/form-label.module.css +1 -0
  94. package/build/minified/global.css +1 -0
  95. package/build/minified/index.css +1 -2
  96. package/build/minified/input.module.css +29 -0
  97. package/build/minified/label.module.css +1 -0
  98. package/build/minified/light.css +1 -0
  99. package/build/minified/link.module.css +1 -0
  100. package/build/minified/radio-group.module.css +21 -0
  101. package/build/minified/select.module.css +55 -0
  102. package/build/minified/switch.module.css +3 -0
  103. package/build/minified/table.module.css +65 -0
  104. package/build/minified/tabs.module.css +5 -0
  105. package/package.json +98 -8
  106. package/build/minified/animations.css +0 -2
  107. package/build/minified/fonts.css +0 -2
  108. package/build/minified/normalize.css +0 -2
  109. package/build/minified/tokens-global.css +0 -2
package/build/css/utilities/border-color.css ADDED
@@ -0,0 +1,284 @@
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
+ }