@kofile/gds-foundations 1.0.0-alpha.16 → 1.0.0-alpha.18

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 +19 -3
  7. package/build/css/components/segmented-controller.module.css +9 -0
  8. package/build/css/components/select.module.css +24 -3
  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,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
- }
@@ -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
- }