@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
package/build/css/utilities/padding.css DELETED
@@ -1,288 +0,0 @@
1
- /* padding-bottom */
2
- .pt-none {
3
- padding-top: 0 !important;
4
- }
5
- .pt-4xs {
6
- padding-top: var(--spacing-4xs) !important;
7
- }
8
- .pt-3xs {
9
- padding-top: var(--spacing-3xs) !important;
10
- }
11
- .pt-2xs {
12
- padding-top: var(--spacing-2xs) !important;
13
- }
14
- .pt-xs {
15
- padding-top: var(--spacing-xs) !important;
16
- }
17
- .pt-sm {
18
- padding-top: var(--spacing-sm) !important;
19
- }
20
- .pt-md {
21
- padding-top: var(--spacing-md) !important;
22
- }
23
- .pt-lg {
24
- padding-top: var(--spacing-lg) !important;
25
- }
26
- .pt-xl {
27
- padding-top: var(--spacing-xl) !important;
28
- }
29
- .pt-2xl {
30
- padding-top: var(--spacing-2xl) !important;
31
- }
32
- .pt-3xl {
33
- padding-top: var(--spacing-3xl) !important;
34
- }
35
- .pt-4xl {
36
- padding-top: var(--spacing-4xl) !important;
37
- }
38
- /* padding-right */
39
- .pr-none {
40
- padding-right: 0 !important;
41
- }
42
- .pr-4xs {
43
- padding-right: var(--spacing-4xs) !important;
44
- }
45
- .pr-3xs {
46
- padding-right: var(--spacing-3xs) !important;
47
- }
48
- .pr-2xs {
49
- padding-right: var(--spacing-2xs) !important;
50
- }
51
- .pr-xs {
52
- padding-right: var(--spacing-xs) !important;
53
- }
54
- .pr-sm {
55
- padding-right: var(--spacing-sm) !important;
56
- }
57
- .pr-md {
58
- padding-right: var(--spacing-md) !important;
59
- }
60
- .pr-lg {
61
- padding-right: var(--spacing-lg) !important;
62
- }
63
- .pr-xl {
64
- padding-right: var(--spacing-xl) !important;
65
- }
66
- .pr-2xl {
67
- padding-right: var(--spacing-2xl) !important;
68
- }
69
- .pr-3xl {
70
- padding-right: var(--spacing-3xl) !important;
71
- }
72
- .pr-4xl {
73
- padding-right: var(--spacing-4xl) !important;
74
- }
75
- /* padding-bottom */
76
- .pb-none {
77
- padding-bottom: 0 !important;
78
- }
79
- .pb-4xs {
80
- padding-bottom: var(--spacing-4xs) !important;
81
- }
82
- .pb-3xs {
83
- padding-bottom: var(--spacing-3xs) !important;
84
- }
85
- .pb-2xs {
86
- padding-bottom: var(--spacing-2xs) !important;
87
- }
88
- .pb-xs {
89
- padding-bottom: var(--spacing-xs) !important;
90
- }
91
- .pb-sm {
92
- padding-bottom: var(--spacing-sm) !important;
93
- }
94
- .pb-md {
95
- padding-bottom: var(--spacing-md) !important;
96
- }
97
- .pb-lg {
98
- padding-bottom: var(--spacing-lg) !important;
99
- }
100
- .pb-xl {
101
- padding-bottom: var(--spacing-xl) !important;
102
- }
103
- .pb-2xl {
104
- padding-bottom: var(--spacing-2xl) !important;
105
- }
106
- .pb-3xl {
107
- padding-bottom: var(--spacing-3xl) !important;
108
- }
109
- .pb-4xl {
110
- padding-bottom: var(--spacing-4xl) !important;
111
- }
112
- /* padding-left */
113
- .pl-none {
114
- padding-left: 0 !important;
115
- }
116
- .pl-4xs {
117
- padding-left: var(--spacing-4xs) !important;
118
- }
119
- .pl-3xs {
120
- padding-left: var(--spacing-3xs) !important;
121
- }
122
- .pl-2xs {
123
- padding-left: var(--spacing-2xs) !important;
124
- }
125
- .pl-xs {
126
- padding-left: var(--spacing-xs) !important;
127
- }
128
- .pl-sm {
129
- padding-left: var(--spacing-sm) !important;
130
- }
131
- .pl-md {
132
- padding-left: var(--spacing-md) !important;
133
- }
134
- .pl-lg {
135
- padding-left: var(--spacing-lg) !important;
136
- }
137
- .pl-xl {
138
- padding-left: var(--spacing-xl) !important;
139
- }
140
- .pl-2xl {
141
- padding-left: var(--spacing-2xl) !important;
142
- }
143
- .pl-3xl {
144
- padding-left: var(--spacing-3xl) !important;
145
- }
146
- .pl-4xl {
147
- padding-left: var(--spacing-4xl) !important;
148
- }
149
- /* horizontal padding */
150
- .px-none {
151
- padding-left: 0 !important;
152
- padding-right: 0 !important;
153
- }
154
- .px-4xs {
155
- padding-left: var(--spacing-4xs) !important;
156
- padding-right: var(--spacing-4xs) !important;
157
- }
158
- .px-3xs {
159
- padding-left: var(--spacing-3xs) !important;
160
- padding-right: var(--spacing-3xs) !important;
161
- }
162
- .px-2xs {
163
- padding-left: var(--spacing-2xs) !important;
164
- padding-right: var(--spacing-2xs) !important;
165
- }
166
- .px-xs {
167
- padding-left: var(--spacing-xs) !important;
168
- padding-right: var(--spacing-xs) !important;
169
- }
170
- .px-sm {
171
- padding-left: var(--spacing-sm) !important;
172
- padding-right: var(--spacing-sm) !important;
173
- }
174
- .px-md {
175
- padding-left: var(--spacing-md) !important;
176
- padding-right: var(--spacing-md) !important;
177
- }
178
- .px-lg {
179
- padding-left: var(--spacing-lg) !important;
180
- padding-right: var(--spacing-lg) !important;
181
- }
182
- .px-xl {
183
- padding-left: var(--spacing-xl) !important;
184
- padding-right: var(--spacing-xl) !important;
185
- }
186
- .px-2xl {
187
- padding-left: var(--spacing-2xl) !important;
188
- padding-right: var(--spacing-2xl) !important;
189
- }
190
- .px-3xl {
191
- padding-left: var(--spacing-3xl) !important;
192
- padding-right: var(--spacing-3xl) !important;
193
- }
194
- .px-4xl {
195
- padding-left: var(--spacing-4xl) !important;
196
- padding-right: var(--spacing-4xl) !important;
197
- }
198
- /* vertical padding */
199
- .py-none {
200
- padding-top: 0 !important;
201
- padding-bottom: 0 !important;
202
- }
203
- .py-4xs {
204
- padding-top: var(--spacing-4xs) !important;
205
- padding-bottom: var(--spacing-4xs) !important;
206
- }
207
- .py-3xs {
208
- padding-top: var(--spacing-3xs) !important;
209
- padding-bottom: var(--spacing-3xs) !important;
210
- }
211
- .py-2xs {
212
- padding-top: var(--spacing-2xs) !important;
213
- padding-bottom: var(--spacing-2xs) !important;
214
- }
215
- .py-xs {
216
- padding-top: var(--spacing-xs) !important;
217
- padding-bottom: var(--spacing-xs) !important;
218
- }
219
- .py-sm {
220
- padding-top: var(--spacing-sm) !important;
221
- padding-bottom: var(--spacing-sm) !important;
222
- }
223
- .py-md {
224
- padding-top: var(--spacing-md) !important;
225
- padding-bottom: var(--spacing-md) !important;
226
- }
227
- .py-lg {
228
- padding-top: var(--spacing-lg) !important;
229
- padding-bottom: var(--spacing-lg) !important;
230
- }
231
- .py-xl {
232
- padding-top: var(--spacing-xl) !important;
233
- padding-bottom: var(--spacing-xl) !important;
234
- }
235
- .py-2xl {
236
- padding-top: var(--spacing-2xl) !important;
237
- padding-bottom: var(--spacing-2xl) !important;
238
- }
239
- .py-3xl {
240
- padding-top: var(--spacing-3xl) !important;
241
- padding-bottom: var(--spacing-3xl) !important;
242
- }
243
- .py-4xl {
244
- padding-top: var(--spacing-4xl) !important;
245
- padding-bottom: var(--spacing-4xl) !important;
246
- }
247
- /* vertical and horizontal */
248
- .p-none {
249
- padding: 0 !important;
250
- }
251
- .p-4xs {
252
- padding: var(--spacing-4xs) !important;
253
- }
254
- .p-3xs {
255
- padding: var(--spacing-3xs) !important;
256
- }
257
- .p-2xs {
258
- padding: var(--spacing-2xs) !important;
259
- }
260
- .p-xs {
261
- padding: var(--spacing-xs) !important;
262
- }
263
- .p-sm {
264
- padding: var(--spacing-sm) !important;
265
- }
266
- .p-md {
267
- padding: var(--spacing-md) !important;
268
- }
269
- .p-lg {
270
- padding: var(--spacing-lg) !important;
271
- }
272
- .p-xl {
273
- padding: var(--spacing-xl) !important;
274
- }
275
- .p-2xl {
276
- padding: var(--spacing-2xl) !important;
277
- }
278
- .p-3xl {
279
- padding: var(--spacing-3xl) !important;
280
- }
281
- .p-4xl {
282
- padding: var(--spacing-4xl) !important;
283
- }
284
-
285
- .px-auto {
286
- padding-left: auto;
287
- padding-right: auto;
288
- }