@kofile/gds-foundations 1.0.0-alpha.9 → 1.1.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 (100) hide show
  1. package/build/css/components/badge.module.css +6 -0
  2. package/build/css/components/card.module.css +19 -0
  3. package/build/css/components/checkbox.module.css +0 -4
  4. package/build/css/components/dialog.module.css +108 -0
  5. package/build/css/components/field-message.module.css +0 -1
  6. package/build/css/components/input.module.css +34 -5
  7. package/build/css/components/list-callout-group.module.css +10 -0
  8. package/build/css/components/list-callout.module.css +13 -0
  9. package/build/css/components/list-group.module.css +10 -0
  10. package/build/css/components/list-item.module.css +13 -0
  11. package/build/css/components/loader.module.css +19 -0
  12. package/build/css/components/radio-group.module.css +2 -2
  13. package/build/css/components/segmented-controller.module.css +160 -0
  14. package/build/css/components/select.module.css +33 -5
  15. package/build/css/components/switch.module.css +0 -7
  16. package/build/css/components/tabs.module.css +12 -9
  17. package/build/css/index.css +0 -2
  18. package/build/css/themes/badge/light.css +4 -4
  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 +226 -114
  25. package/build/css/themes/index.css +10 -0
  26. package/build/css/themes/input/light.css +4 -1
  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 +4 -2
  35. package/build/css/themes/table/dark.css +2 -2
  36. package/build/css/themes/table/light.css +2 -2
  37. package/build/css/themes/tabs/dark.css +2 -0
  38. package/build/minified/badge.module.css +1 -0
  39. package/build/minified/button.module.css +33 -0
  40. package/build/minified/card.module.css +1 -0
  41. package/build/minified/checkbox.module.css +7 -0
  42. package/build/minified/dark.css +1 -0
  43. package/build/minified/dialog.module.css +21 -0
  44. package/build/minified/field-message.module.css +1 -0
  45. package/build/minified/form-label.module.css +1 -0
  46. package/build/minified/global.css +1 -0
  47. package/build/minified/index.css +1 -0
  48. package/build/minified/input.module.css +37 -0
  49. package/build/minified/label.module.css +1 -0
  50. package/build/minified/light.css +1 -0
  51. package/build/minified/link.module.css +1 -0
  52. package/build/minified/list-callout-group.module.css +1 -0
  53. package/build/minified/list-callout.module.css +1 -0
  54. package/build/minified/list-group.module.css +1 -0
  55. package/build/minified/list-item.module.css +1 -0
  56. package/build/minified/loader.module.css +1 -0
  57. package/build/minified/radio-group.module.css +21 -0
  58. package/build/minified/segmented-controller.module.css +57 -0
  59. package/build/minified/select.module.css +55 -0
  60. package/build/minified/switch.module.css +3 -0
  61. package/build/minified/table.module.css +65 -0
  62. package/build/minified/tabs.module.css +9 -0
  63. package/package.json +35 -16
  64. package/build/.DS_Store +0 -0
  65. package/build/css/.DS_Store +0 -0
  66. package/build/css/fonts.css +0 -13
  67. package/build/css/tokens-global.css +0 -342
  68. package/build/css/utilities/background-color.css +0 -284
  69. package/build/css/utilities/border-color.css +0 -284
  70. package/build/css/utilities/border-radius.css +0 -455
  71. package/build/css/utilities/border-style.css +0 -18
  72. package/build/css/utilities/border-width.css +0 -127
  73. package/build/css/utilities/box-sizing.css +0 -7
  74. package/build/css/utilities/cursor.css +0 -31
  75. package/build/css/utilities/display.css +0 -63
  76. package/build/css/utilities/flex-shrink.css +0 -6
  77. package/build/css/utilities/flex.css +0 -198
  78. package/build/css/utilities/font.css +0 -131
  79. package/build/css/utilities/gap.css +0 -104
  80. package/build/css/utilities/grid-auto-columns.css +0 -12
  81. package/build/css/utilities/grid-template-columns.css +0 -42
  82. package/build/css/utilities/height.css +0 -123
  83. package/build/css/utilities/index.css +0 -30
  84. package/build/css/utilities/margin.css +0 -299
  85. package/build/css/utilities/max-height.css +0 -123
  86. package/build/css/utilities/max-width.css +0 -69
  87. package/build/css/utilities/min-height.css +0 -18
  88. package/build/css/utilities/min-width.css +0 -15
  89. package/build/css/utilities/object-fit.css +0 -15
  90. package/build/css/utilities/object-position.css +0 -27
  91. package/build/css/utilities/overflow.css +0 -45
  92. package/build/css/utilities/padding.css +0 -288
  93. package/build/css/utilities/position.css +0 -1106
  94. package/build/css/utilities/text-overflow.css +0 -13
  95. package/build/css/utilities/text-transform.css +0 -12
  96. package/build/css/utilities/vertical-align.css +0 -31
  97. package/build/css/utilities/white-space.css +0 -23
  98. package/build/css/utilities/width.css +0 -123
  99. package/build/fonts/FiraCode-VariableFont_wght.ttf +0 -0
  100. package/build/fonts/SourceSans3-VariableFont_wght.ttf +0 -0
@@ -1,299 +0,0 @@
1
- /* margin-bottom */
2
- .mt-none {
3
- margin-top: 0px !important;
4
- }
5
- .mt-4xs {
6
- margin-top: var(--spacing-4xs) !important;
7
- }
8
- .mt-3xs {
9
- margin-top: var(--spacing-3xs) !important;
10
- }
11
- .mt-2xs {
12
- margin-top: var(--spacing-2xs) !important;
13
- }
14
- .mt-xs {
15
- margin-top: var(--spacing-xs) !important;
16
- }
17
- .mt-sm {
18
- margin-top: var(--spacing-sm) !important;
19
- }
20
- .mt-md {
21
- margin-top: var(--spacing-md) !important;
22
- }
23
- .mt-lg {
24
- margin-top: var(--spacing-lg) !important;
25
- }
26
- .mt-xl {
27
- margin-top: var(--spacing-xl) !important;
28
- }
29
- .mt-2xl {
30
- margin-top: var(--spacing-2xl) !important;
31
- }
32
- .mt-3xl {
33
- margin-top: var(--spacing-3xl) !important;
34
- }
35
- .mt-4xl {
36
- margin-top: var(--spacing-4xl) !important;
37
- }
38
- /* margin-right */
39
- .mr-none {
40
- margin-right: 0px !important;
41
- }
42
- .mr-4xs {
43
- margin-right: var(--spacing-4xs) !important;
44
- }
45
- .mr-3xs {
46
- margin-right: var(--spacing-3xs) !important;
47
- }
48
- .mr-2xs {
49
- margin-right: var(--spacing-2xs) !important;
50
- }
51
- .mr-xs {
52
- margin-right: var(--spacing-xs) !important;
53
- }
54
- .mr-sm {
55
- margin-right: var(--spacing-sm) !important;
56
- }
57
- .mr-md {
58
- margin-right: var(--spacing-md) !important;
59
- }
60
- .mr-lg {
61
- margin-right: var(--spacing-lg) !important;
62
- }
63
- .mr-xl {
64
- margin-right: var(--spacing-xl) !important;
65
- }
66
- .mr-2xl {
67
- margin-right: var(--spacing-2xl) !important;
68
- }
69
- .mr-3xl {
70
- margin-right: var(--spacing-3xl) !important;
71
- }
72
- .mr-4xl {
73
- margin-right: var(--spacing-4xl) !important;
74
- }
75
- .mr-auto {
76
- margin-right: auto;
77
- }
78
- /* margin-bottom */
79
- .mb-none {
80
- margin-bottom: 0px !important;
81
- }
82
- .mb-4xs {
83
- margin-bottom: var(--spacing-4xs) !important;
84
- }
85
- .mb-3xs {
86
- margin-bottom: var(--spacing-3xs) !important;
87
- }
88
- .mb-2xs {
89
- margin-bottom: var(--spacing-2xs) !important;
90
- }
91
- .mb-xs {
92
- margin-bottom: var(--spacing-xs) !important;
93
- }
94
- .mb-sm {
95
- margin-bottom: var(--spacing-sm) !important;
96
- }
97
- .mb-md {
98
- margin-bottom: var(--spacing-md) !important;
99
- }
100
- .mb-lg {
101
- margin-bottom: var(--spacing-lg) !important;
102
- }
103
- .mb-xl {
104
- margin-bottom: var(--spacing-xl) !important;
105
- }
106
- .mb-2xl {
107
- margin-bottom: var(--spacing-2xl) !important;
108
- }
109
- .mb-3xl {
110
- margin-bottom: var(--spacing-3xl) !important;
111
- }
112
- .mb-4xl {
113
- margin-bottom: var(--spacing-4xl) !important;
114
- }
115
- /* margin-left */
116
- .ml-none {
117
- margin-left: 0px !important;
118
- }
119
- .ml-4xs {
120
- margin-left: var(--spacing-4xs) !important;
121
- }
122
- .ml-3xs {
123
- margin-left: var(--spacing-3xs) !important;
124
- }
125
- .ml-2xs {
126
- margin-left: var(--spacing-2xs) !important;
127
- }
128
- .ml-xs {
129
- margin-left: var(--spacing-xs) !important;
130
- }
131
- .ml-sm {
132
- margin-left: var(--spacing-sm) !important;
133
- }
134
- .ml-md {
135
- margin-left: var(--spacing-md) !important;
136
- }
137
- .ml-lg {
138
- margin-left: var(--spacing-lg) !important;
139
- }
140
- .ml-xl {
141
- margin-left: var(--spacing-xl) !important;
142
- }
143
- .ml-2xl {
144
- margin-left: var(--spacing-2xl) !important;
145
- }
146
- .ml-3xl {
147
- margin-left: var(--spacing-3xl) !important;
148
- }
149
- .ml-4xl {
150
- margin-left: var(--spacing-4xl) !important;
151
- }
152
- .ml-auto {
153
- margin-left: auto;
154
- }
155
- /* horizontal margin */
156
- .mx-none {
157
- margin-left: 0px !important;
158
- margin-right: 0px !important;
159
- }
160
- .mx-4xs {
161
- margin-left: var(--spacing-4xs) !important;
162
- margin-right: var(--spacing-4xs) !important;
163
- }
164
- .mx-3xs {
165
- margin-left: var(--spacing-3xs) !important;
166
- margin-right: var(--spacing-3xs) !important;
167
- }
168
- .mx-2xs {
169
- margin-left: var(--spacing-2xs) !important;
170
- margin-right: var(--spacing-2xs) !important;
171
- }
172
- .mx-xs {
173
- margin-left: var(--spacing-xs) !important;
174
- margin-right: var(--spacing-xs) !important;
175
- }
176
- .mx-sm {
177
- margin-left: var(--spacing-sm) !important;
178
- margin-right: var(--spacing-sm) !important;
179
- }
180
- .mx-md {
181
- margin-left: var(--spacing-md) !important;
182
- margin-right: var(--spacing-md) !important;
183
- }
184
- .mx-lg {
185
- margin-left: var(--spacing-lg) !important;
186
- margin-right: var(--spacing-lg) !important;
187
- }
188
- .mx-xl {
189
- margin-left: var(--spacing-xl) !important;
190
- margin-right: var(--spacing-xl) !important;
191
- }
192
- .mx-2xl {
193
- margin-left: var(--spacing-2xl) !important;
194
- margin-right: var(--spacing-2xl) !important;
195
- }
196
- .mx-3xl {
197
- margin-left: var(--spacing-3xl) !important;
198
- margin-right: var(--spacing-3xl) !important;
199
- }
200
- .mx-4xl {
201
- margin-left: var(--spacing-4xl) !important;
202
- margin-right: var(--spacing-4xl) !important;
203
- }
204
- .mx-auto {
205
- margin-left: auto;
206
- margin-right: auto;
207
- }
208
-
209
- /* vertical margin */
210
- .my-none {
211
- margin-top: 0px !important;
212
- margin-bottom: 0px !important;
213
- }
214
- .my-4xs {
215
- margin-top: var(--spacing-4xs) !important;
216
- margin-bottom: var(--spacing-4xs) !important;
217
- }
218
- .my-3xs {
219
- margin-top: var(--spacing-3xs) !important;
220
- margin-bottom: var(--spacing-3xs) !important;
221
- }
222
- .my-2xs {
223
- margin-top: var(--spacing-2xs) !important;
224
- margin-bottom: var(--spacing-2xs) !important;
225
- }
226
- .my-xs {
227
- margin-top: var(--spacing-xs) !important;
228
- margin-bottom: var(--spacing-xs) !important;
229
- }
230
- .my-sm {
231
- margin-top: var(--spacing-sm) !important;
232
- margin-bottom: var(--spacing-sm) !important;
233
- }
234
- .my-md {
235
- margin-top: var(--spacing-md) !important;
236
- margin-bottom: var(--spacing-md) !important;
237
- }
238
- .my-lg {
239
- margin-top: var(--spacing-lg) !important;
240
- margin-bottom: var(--spacing-lg) !important;
241
- }
242
- .my-xl {
243
- margin-top: var(--spacing-xl) !important;
244
- margin-bottom: var(--spacing-xl) !important;
245
- }
246
- .my-2xl {
247
- margin-top: var(--spacing-2xl) !important;
248
- margin-bottom: var(--spacing-2xl) !important;
249
- }
250
- .my-3xl {
251
- margin-top: var(--spacing-3xl) !important;
252
- margin-bottom: var(--spacing-3xl) !important;
253
- }
254
- .my-4xl {
255
- margin-top: var(--spacing-4xl) !important;
256
- margin-bottom: var(--spacing-4xl) !important;
257
- }
258
- /* vertical and horizontal */
259
- .m-none {
260
- margin: 0px !important;
261
- }
262
- .m-4xs {
263
- margin: var(--spacing-4xs) !important;
264
- }
265
- .m-3xs {
266
- margin: var(--spacing-3xs) !important;
267
- }
268
- .m-2xs {
269
- margin: var(--spacing-2xs) !important;
270
- }
271
- .m-xs {
272
- margin: var(--spacing-xs) !important;
273
- }
274
- .m-sm {
275
- margin: var(--spacing-sm) !important;
276
- }
277
- .m-md {
278
- margin: var(--spacing-md) !important;
279
- }
280
- .m-lg {
281
- margin: var(--spacing-lg) !important;
282
- }
283
- .m-xl {
284
- margin: var(--spacing-xl) !important;
285
- }
286
- .m-2xl {
287
- margin: var(--spacing-2xl) !important;
288
- }
289
- .m-3xl {
290
- margin: var(--spacing-3xl) !important;
291
- }
292
- .m-4xl {
293
- margin: var(--spacing-4xl) !important;
294
- }
295
-
296
- .mx-auto {
297
- margin-left: auto;
298
- margin-right: auto;
299
- }
@@ -1,123 +0,0 @@
1
- .max-h-0 {
2
- max-height: var(--primitive-0) !important;
3
- }
4
- .max-h-px {
5
- max-height: 1px !important;
6
- }
7
- /* .max-h-0.5 {
8
- max-height: var(--primitive-2) !important;
9
- } */
10
- .max-h-1 {
11
- max-height: var(--primitive-4) !important;
12
- }
13
- /* .max-h-1.5 {
14
- max-height: var(--primitive-6) !important;
15
- } */
16
- .max-h-2 {
17
- max-height: var(--primitive-8) !important;
18
- }
19
- /* .max-h-2.5 {
20
- max-height: var(--primitive-10) !important;
21
- } */
22
- .max-h-3 {
23
- max-height: var(--primitive-12) !important;
24
- }
25
- /* .max-h-3.5 {
26
- max-height: var(--primitive-14) !important;
27
- } */
28
- .max-h-4 {
29
- max-height: var(--primitive-16) !important;
30
- }
31
- .max-h-5 {
32
- max-height: var(--primitive-20) !important;
33
- }
34
- .max-h-6 {
35
- max-height: var(--primitive-24) !important;
36
- }
37
- .max-h-7 {
38
- max-height: var(--primitive-28) !important;
39
- }
40
- .max-h-8 {
41
- max-height: var(--primitive-32) !important;
42
- }
43
- .max-h-9 {
44
- max-height: var(--primitive-36) !important;
45
- }
46
- .max-h-10 {
47
- max-height: var(--primitive-40) !important;
48
- }
49
- .max-h-11 {
50
- max-height: var(--primitive-44) !important;
51
- }
52
- .max-h-12 {
53
- max-height: var(--primitive-48) !important;
54
- }
55
- .max-h-14 {
56
- max-height: var(--primitive-56) !important;
57
- }
58
- .max-h-16 {
59
- max-height: var(--primitive-64) !important;
60
- }
61
- .max-h-20 {
62
- max-height: var(--primitive-80) !important;
63
- }
64
- .max-h-24 {
65
- max-height: var(--primitive-96) !important;
66
- }
67
- .max-h-28 {
68
- max-height: var(--primitive-112) !important;
69
- }
70
- .max-h-32 {
71
- max-height: var(--primitive-128) !important;
72
- }
73
- .max-h-36 {
74
- max-height: var(--primitive-144) !important;
75
- }
76
- .max-h-40 {
77
- max-height: var(--primitive-160) !important;
78
- }
79
- .max-h-44 {
80
- max-height: var(--primitive-176) !important;
81
- }
82
- .max-h-48 {
83
- max-height: var(--primitive-192) !important;
84
- }
85
- .max-h-52 {
86
- max-height: var(--primitive-208) !important;
87
- }
88
- .max-h-56 {
89
- max-height: var(--primitive-224) !important;
90
- }
91
- .max-h-60 {
92
- max-height: var(--primitive-240) !important;
93
- }
94
- .max-h-64 {
95
- max-height: var(--primitive-256) !important;
96
- }
97
- .max-h-72 {
98
- max-height: var(--primitive-288) !important;
99
- }
100
- .max-h-80 {
101
- max-height: var(--primitive-320) !important;
102
- }
103
- .max-h-96 {
104
- max-height: var(--primitive-384) !important;
105
- }
106
- .max-h-none {
107
- max-height: none !important;
108
- }
109
- .max-h-full {
110
- max-height: 100% !important;
111
- }
112
- .max-h-screen {
113
- max-height: 100vh !important;
114
- }
115
- .max-h-min {
116
- max-height: min-content !important;
117
- }
118
- .max-h-max {
119
- max-height: max-content !important;
120
- }
121
- .max-h-fit {
122
- max-height: fit-content !important;
123
- }
@@ -1,69 +0,0 @@
1
- .max-w-0 {
2
- max-width: var(--primitive-0);
3
- }
4
- .max-w-none {
5
- max-width: none;
6
- }
7
- .max-w-xs {
8
- max-width: var(--primitive-320);
9
- }
10
- .max-w-sm {
11
- max-width: var(--primitive-384);
12
- }
13
- .max-w-md {
14
- max-width: var(--primitive-448);
15
- }
16
- .max-w-lg {
17
- max-width: var(--primitive-512);
18
- }
19
- .max-w-xl {
20
- max-width: var(--primitive-576);
21
- }
22
- .max-w-2xl {
23
- max-width: var(--primitive-672);
24
- }
25
- .max-w-3xl {
26
- max-width: var(--primitive-768);
27
- }
28
- .max-w-4xl {
29
- max-width: var(--primitive-896);
30
- }
31
- .max-w-5xl {
32
- max-width: var(--primitive-1024);
33
- }
34
- .max-w-6xl {
35
- max-width: var(--primitive-1152);
36
- }
37
- .max-w-7xl {
38
- max-width: var(--primitive-1280);
39
- }
40
- .max-w-full {
41
- max-width: 100%;
42
- }
43
- .max-w-min {
44
- max-width: min-content;
45
- }
46
- .max-w-max {
47
- max-width: max-content;
48
- }
49
- .max-w-fit {
50
- max-width: fit-content;
51
- }
52
- .max-w-prose {
53
- max-width: 65ch;
54
- }
55
- .max-w-screen-sm {
56
- max-width: 640px;
57
- }
58
- .max-w-screen-md {
59
- max-width: 768px;
60
- }
61
- .max-w-screen-lg {
62
- max-width: 1024px;
63
- }
64
- .max-w-screen-xl {
65
- max-width: 1280px;
66
- }
67
- .max-w-screen-2xl {
68
- max-width: 1536px;
69
- }
@@ -1,18 +0,0 @@
1
- .min-h-0 {
2
- min-height: var(--primitive-0);
3
- }
4
- .min-h-full {
5
- min-height: 100%;
6
- }
7
- .min-h-screen {
8
- min-height: 100vh;
9
- }
10
- .min-h-min {
11
- min-height: min-content;
12
- }
13
- .min-h-max {
14
- min-height: max-content !important;
15
- }
16
- .min-h-fit {
17
- min-height: fit-content;
18
- }
@@ -1,15 +0,0 @@
1
- .min-w-0 {
2
- min-width: var(--primitive-0);
3
- }
4
- .min-w-full {
5
- min-width: 100%;
6
- }
7
- .min-w-min {
8
- min-width: min-content;
9
- }
10
- .min-w-max {
11
- min-width: max-content;
12
- }
13
- .min-w-fit {
14
- min-width: fit-content;
15
- }
@@ -1,15 +0,0 @@
1
- .object-contain {
2
- object-fit: contain !important;
3
- }
4
- .object-cover {
5
- object-fit: cover !important;
6
- }
7
- .object-fill {
8
- object-fit: fill !important;
9
- }
10
- .object-none {
11
- object-fit: none !important;
12
- }
13
- .object-scale-down {
14
- object-fit: scale-down !important;
15
- }
@@ -1,27 +0,0 @@
1
- .object-bottom {
2
- object-position: bottom !important;
3
- }
4
- .object-center {
5
- object-position: center !important;
6
- }
7
- .object-left {
8
- object-position: left !important;
9
- }
10
- .object-left-bottom {
11
- object-position: left bottom !important;
12
- }
13
- .object-left-top {
14
- object-position: left top !important;
15
- }
16
- .object-right {
17
- object-position: right !important;
18
- }
19
- .object-right-bottom {
20
- object-position: right bottom !important;
21
- }
22
- .object-right-top {
23
- object-position: right top !important;
24
- }
25
- .object-top {
26
- object-position: top !important;
27
- }
@@ -1,45 +0,0 @@
1
- .overflow-auto {
2
- overflow: auto !important;
3
- }
4
- .overflow-hidden {
5
- overflow: hidden !important;
6
- }
7
- .overflow-clip {
8
- overflow: clip !important;
9
- }
10
- .overflow-visible {
11
- overflow: visible !important;
12
- }
13
- .overflow-scroll {
14
- overflow: scroll !important;
15
- }
16
- .overflow-x-auto {
17
- overflow-x: auto !important;
18
- }
19
- .overflow-y-auto {
20
- overflow-y: auto !important;
21
- }
22
- .overflow-x-hidden {
23
- overflow-x: hidden !important;
24
- }
25
- .overflow-y-hidden {
26
- overflow-y: hidden !important;
27
- }
28
- .overflow-x-clip {
29
- overflow-x: clip !important;
30
- }
31
- .overflow-y-clip {
32
- overflow-y: clip !important;
33
- }
34
- .overflow-x-visible {
35
- overflow-x: visible !important;
36
- }
37
- .overflow-y-visible {
38
- overflow-y: visible !important;
39
- }
40
- .overflow-x-scroll {
41
- overflow-x: scroll !important;
42
- }
43
- .overflow-y-scroll {
44
- overflow-y: scroll !important;
45
- }