@kofile/gds-foundations 1.0.0-alpha.17 → 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 +23 -2
  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
package/build/css/tokens-global.css DELETED
@@ -1,342 +0,0 @@
1
- :root,
2
- :host {
3
- --primitive-0: 0rem;
4
- --primitive-1: 0.063rem;
5
- --primitive-2: 0.125rem;
6
- --primitive-4: 0.25rem;
7
- --primitive-6: 0.375rem;
8
- --primitive-8: 0.5rem;
9
- --primitive-10: 0.625rem;
10
- --primitive-11: 0.688rem;
11
- --primitive-12: 0.75rem;
12
- --primitive-13: 0.813rem;
13
- --primitive-14: 0.875rem;
14
- --primitive-15: 0.938rem;
15
- --primitive-16: 1rem;
16
- --primitive-17: 1.063rem;
17
- --primitive-18: 1.125rem;
18
- --primitive-20: 1.25rem;
19
- --primitive-24: 1.5rem;
20
- --primitive-28: 1.75rem;
21
- --primitive-32: 2rem;
22
- --primitive-36: 2.25rem;
23
- --primitive-40: 2.5rem;
24
- --primitive-44: 2.75rem;
25
- --primitive-48: 3rem;
26
- --primitive-52: 3.25rem;
27
- --primitive-56: 3.5rem;
28
- --primitive-60: 3.75rem;
29
- --primitive-64: 4rem;
30
- --primitive-72: 4.5rem;
31
- --primitive-80: 5rem;
32
- --primitive-128: 8rem;
33
- --primitive-160: 10rem;
34
- --primitive-192: 12rem;
35
- --primitive-224: 14rem;
36
- --primitive-256: 16rem;
37
- --primitive-320: 20rem;
38
- --primitive-384: 24rem;
39
- --primitive-448: 28rem;
40
- --primitive-512: 32rem;
41
- --primitive-640: 40rem;
42
- --primitive-768: 48rem;
43
- --primitive-1024: 64rem;
44
- --primitive-1280: 80rem;
45
- --primitive-1600: 100rem;
46
- --primitive-1920: 120rem;
47
- --primitive-gray-100: #f9f9f9;
48
- --primitive-gray-200: #edeeef;
49
- --primitive-gray-300: #d5d7db;
50
- --primitive-gray-400: #b7bcc3;
51
- --primitive-gray-500: #8d949f;
52
- --primitive-gray-600: #6b7280;
53
- --primitive-gray-700: #4f5562;
54
- --primitive-gray-800: #343944;
55
- --primitive-gray-900: #242831;
56
- --primitive-gray-1000: #191b22;
57
- --primitive-gray-black: #121212;
58
- --primitive-gray-white: #ffffff;
59
- --primitive-blue-100: #f0f7ff;
60
- --primitive-blue-200: #d9eafe;
61
- --primitive-blue-300: #abcffd;
62
- --primitive-blue-400: #66a8fd;
63
- --primitive-blue-500: #3a89fd;
64
- --primitive-blue-600: #0c57cd;
65
- --primitive-blue-700: #063b99;
66
- --primitive-blue-800: #052b74;
67
- --primitive-blue-900: #041c4f;
68
- --primitive-blue-1000: #03122f;
69
- --primitive-red-100: #fee5e5;
70
- --primitive-red-200: #fecbcb;
71
- --primitive-red-300: #fe9f9b;
72
- --primitive-red-400: #fc817c;
73
- --primitive-red-500: #f4534f;
74
- --primitive-red-600: #d12828;
75
- --primitive-red-700: #ab1a1d;
76
- --primitive-red-800: #7e130e;
77
- --primitive-red-900: #5c0b09;
78
- --primitive-red-1000: #3b0807;
79
- --primitive-green-100: #e2fdee;
80
- --primitive-green-200: #a3f6ce;
81
- --primitive-green-300: #59e1a6;
82
- --primitive-green-400: #29c68c;
83
- --primitive-green-500: #1aad74;
84
- --primitive-green-600: #088556;
85
- --primitive-green-700: #086945;
86
- --primitive-green-800: #0a4e35;
87
- --primitive-green-900: #063724;
88
- --primitive-green-1000: #052618;
89
- --primitive-orange-100: #ffefd7;
90
- --primitive-orange-200: #ffddb1;
91
- --primitive-orange-300: #fec478;
92
- --primitive-orange-400: #fba94b;
93
- --primitive-orange-500: #f39129;
94
- --primitive-orange-600: #d26e16;
95
- --primitive-orange-700: #a2520c;
96
- --primitive-orange-800: #753c08;
97
- --primitive-orange-900: #553008;
98
- --primitive-orange-1000: #3c2109;
99
- --primitive-yellow-100: #fdf8cf;
100
- --primitive-yellow-200: #fae592;
101
- --primitive-yellow-300: #fcd358;
102
- --primitive-yellow-400: #f1bc0f;
103
- --primitive-yellow-500: #dda100;
104
- --primitive-yellow-600: #c08700;
105
- --primitive-yellow-700: #976800;
106
- --primitive-yellow-800: #785200;
107
- --primitive-yellow-900: #563e00;
108
- --primitive-yellow-1000: #3c2e00;
109
- --primitive-purple-100: #f7f5ff;
110
- --primitive-purple-200: #e9e5fd;
111
- --primitive-purple-300: #d1c9fc;
112
- --primitive-purple-400: #baa8f7;
113
- --primitive-purple-500: #a485ed;
114
- --primitive-purple-600: #7c4ccd;
115
- --primitive-purple-700: #562c9e;
116
- --primitive-purple-800: #3b2270;
117
- --primitive-purple-900: #291753;
118
- --primitive-purple-1000: #150c32;
119
- --primitive-magenta-100: #ffecf8;
120
- --primitive-magenta-200: #fcc8e9;
121
- --primitive-magenta-300: #f59cd2;
122
- --primitive-magenta-400: #e97dbe;
123
- --primitive-magenta-500: #d45da6;
124
- --primitive-magenta-600: #a64480;
125
- --primitive-magenta-700: #7d3261;
126
- --primitive-magenta-800: #582544;
127
- --primitive-magenta-900: #3f1d31;
128
- --primitive-magenta-1000: #2b1323;
129
- --primitive-teal-100: #d5feff;
130
- --primitive-teal-200: #93fbfa;
131
- --primitive-teal-300: #53e6e4;
132
- --primitive-teal-400: #32c6c6;
133
- --primitive-teal-500: #309d9f;
134
- --primitive-teal-600: #247678;
135
- --primitive-teal-700: #1c4e4f;
136
- --primitive-teal-800: #133636;
137
- --primitive-teal-900: #0d2727;
138
- --primitive-teal-1000: #061615;
139
- --spacing-4xs: 0rem;
140
- --spacing-3xs: 0.125rem;
141
- --spacing-2xs: 0.25rem;
142
- --spacing-xs: 0.5rem;
143
- --spacing-sm: 0.75rem;
144
- --spacing-md: 1rem;
145
- --spacing-lg: 1.25rem;
146
- --spacing-xl: 1.5rem;
147
- --spacing-2xl: 2rem;
148
- --spacing-3xl: 3rem;
149
- --spacing-4xl: 4rem;
150
- --border-radius-none: 0rem;
151
- --border-radius-2xs: 0.125rem;
152
- --border-radius-xs: 0.25rem;
153
- --border-radius-sm: 0.375rem;
154
- --border-radius-md: 0.5rem;
155
- --border-radius-lg: 0.75rem;
156
- --border-radius-xl: 1rem;
157
- --line-heights-3xs: 1rem;
158
- --line-heights-2xs: 1.25rem;
159
- --line-heights-xs: 1.25rem;
160
- --line-heights-sm: 1.25rem;
161
- --line-heights-md: 1.5rem;
162
- --line-heights-lg: 1.5rem;
163
- --line-heights-xl: 1.75rem;
164
- --line-heights-2xl: 2.25rem;
165
- --line-heights-3xl: 2.25rem;
166
- --line-heights-4xl: 3rem;
167
- --line-heights-5xl: 3.75rem;
168
- --line-heights-6xl: 5rem;
169
- --font-size-3xs: 0.75rem;
170
- --font-size-2xs: 0.813rem;
171
- --font-size-xs: 0.875rem;
172
- --font-size-sm: 0.938rem;
173
- --font-size-md: 1rem;
174
- --font-size-lg: 1.125rem;
175
- --font-size-xl: 1.25rem;
176
- --font-size-2xl: 1.5rem;
177
- --font-size-3xl: 1.75rem;
178
- --font-size-4xl: 2.25rem;
179
- --font-size-5xl: 3rem;
180
- --font-size-6xl: 4.5rem;
181
- --layout-5xs: 8rem;
182
- --layout-4xs: 12rem;
183
- --layout-3xs: 14rem;
184
- --layout-2xs: 16rem;
185
- --layout-xs: 20rem;
186
- --layout-sm: 24rem;
187
- --layout-md: 32rem;
188
- --layout-lg: 48rem;
189
- --layout-xl: 64rem;
190
- --layout-2xl: 80rem;
191
- --layout-3xl: 100rem;
192
- --layout-4xl: 120rem;
193
- --layout-5xl: 80rem;
194
- --border-width-none: 0rem;
195
- --border-width-sm: 0.063rem;
196
- --border-width-md: 0.125rem;
197
- --border-width-lg: 0.25rem;
198
- --font-families-default: Source Sans 3;
199
- --font-families-mono: Fira Code;
200
- --font-weights-regular: 400;
201
- --font-weights-semibold: 600;
202
- --font-weights-bold: 700;
203
- --letter-spacing-3xs: -0.005em;
204
- --letter-spacing-2xs: -0.005em;
205
- --letter-spacing-xs: -0.01em;
206
- --letter-spacing-sm: -0.01em;
207
- --letter-spacing-md: -0.01em;
208
- --letter-spacing-lg: -0.01em;
209
- --letter-spacing-xl: -0.01em;
210
- --letter-spacing-2xl: -0.015em;
211
- --letter-spacing-3xl: -0.175em;
212
- --letter-spacing-4xl: -0.175em;
213
- --letter-spacing-5xl: -0.175em;
214
- --letter-spacing-6xl: -0.025em;
215
- --paragraph-spacing-0: 0;
216
- --font-size-3xs-regular: 400 0.75rem/1rem "Source Sans 3";
217
- --font-size-3xs-semibold: 600 0.75rem/1rem "Source Sans 3";
218
- --font-size-3xs-bold: 700 0.75rem/1rem "Source Sans 3";
219
- --font-size-2xs-regular: 400 0.813rem/1.25rem "Source Sans 3";
220
- --font-size-2xs-semibold: 600 0.813rem/1.25rem "Source Sans 3";
221
- --font-size-2xs-bold: 700 0.813rem/1.25rem "Source Sans 3";
222
- --font-size-xs-regular: 400 0.875rem/1.25rem "Source Sans 3";
223
- --font-size-xs-semibold: 600 0.875rem/1.25rem "Source Sans 3";
224
- --font-size-xs-bold: 700 0.875rem/1.25rem "Source Sans 3";
225
- --font-size-sm-regular: 400 0.938rem/1.25rem "Source Sans 3";
226
- --font-size-sm-semibold: 600 0.938rem/1.25rem "Source Sans 3";
227
- --font-size-sm-bold: 700 0.938rem/1.25rem "Source Sans 3";
228
- --font-size-md-regular: 400 1rem/1.5rem "Source Sans 3";
229
- --font-size-md-semibold: 600 1rem/1.5rem "Source Sans 3";
230
- --font-size-md-bold: 700 1rem/1.5rem "Source Sans 3";
231
- --font-size-lg-regular: 400 1.125rem/1.5rem "Source Sans 3";
232
- --font-size-lg-semibold: 600 1.125rem/1.5rem "Source Sans 3";
233
- --font-size-lg-bold: 700 1.125rem/1.5rem "Source Sans 3";
234
- --font-size-xl-regular: 400 1.25rem/1.75rem "Source Sans 3";
235
- --font-size-xl-semibold: 600 1.25rem/1.75rem "Source Sans 3";
236
- --font-size-xl-bold: 700 1.25rem/1.75rem "Source Sans 3";
237
- --font-size-2xl-regular: 400 1.5rem/2.25rem "Source Sans 3";
238
- --font-size-2xl-semibold: 600 1.5rem/2.25rem "Source Sans 3";
239
- --font-size-2xl-bold: 700 1.5rem/2.25rem "Source Sans 3";
240
- --font-size-3xl-regular: 400 1.75rem/2.25rem "Source Sans 3";
241
- --font-size-3xl-semibold: 600 1.75rem/2.25rem "Source Sans 3";
242
- --font-size-3xl-bold: 700 1.75rem/2.25rem "Source Sans 3";
243
- --font-size-4xl-regular: 400 2.25rem/3rem "Source Sans 3";
244
- --font-size-4xl-semibold: 600 2.25rem/3rem "Source Sans 3";
245
- --font-size-4xl-bold: 700 2.25rem/3rem "Source Sans 3";
246
- --font-size-5xl-regular: 400 3rem/3.75rem "Source Sans 3";
247
- --font-size-5xl-semibold: 600 3rem/3.75rem "Source Sans 3";
248
- --font-size-5xl-bold: 700 3rem/3.75rem "Source Sans 3";
249
- --font-size-6xl-regular: 400 4.5rem/5rem "Source Sans 3";
250
- --font-size-6xl-semibold: 600 4.5rem/5rem "Source Sans 3";
251
- --font-size-6xl-bold: 700 4.5rem/5rem "Source Sans 3";
252
- --text-case-none: none;
253
- --text-decoration-none: none;
254
- --paragraph-indent-0: 0px;
255
- --color-neutral-100: #f9f9f9;
256
- --color-neutral-200: #edeeef;
257
- --color-neutral-300: #d5d7db;
258
- --color-neutral-400: #b7bcc3;
259
- --color-neutral-500: #8d949f;
260
- --color-neutral-600: #6b7280;
261
- --color-neutral-700: #4f5562;
262
- --color-neutral-800: #343944;
263
- --color-neutral-900: #242831;
264
- --color-neutral-1000: #191b22;
265
- --color-neutral-black: #121212;
266
- --color-neutral-white: #ffffff;
267
- --color-neutral-darkest: #121212;
268
- --color-neutral-lightest: #ffffff;
269
- --color-primary-100: #f0f7ff;
270
- --color-primary-200: #d9eafe;
271
- --color-primary-300: #abcffd;
272
- --color-primary-400: #66a8fd;
273
- --color-primary-500: #3a89fd;
274
- --color-primary-600: #0c57cd;
275
- --color-primary-700: #063b99;
276
- --color-primary-800: #052b74;
277
- --color-primary-900: #041c4f;
278
- --color-primary-1000: #03122f;
279
- --color-danger-100: #fee5e5;
280
- --color-danger-200: #fecbcb;
281
- --color-danger-300: #fe9f9b;
282
- --color-danger-400: #fc817c;
283
- --color-danger-500: #f4534f;
284
- --color-danger-600: #d12828;
285
- --color-danger-700: #ab1a1d;
286
- --color-danger-800: #7e130e;
287
- --color-danger-900: #5c0b09;
288
- --color-danger-1000: #3b0807;
289
- --color-warning-100: #ffefd7;
290
- --color-warning-200: #ffddb1;
291
- --color-warning-300: #fec478;
292
- --color-warning-400: #fba94b;
293
- --color-warning-500: #f39129;
294
- --color-warning-600: #d26e16;
295
- --color-warning-700: #a2520c;
296
- --color-warning-800: #753c08;
297
- --color-warning-900: #553008;
298
- --color-warning-1000: #3c2109;
299
- --color-success-100: #e2fdee;
300
- --color-success-200: #a3f6ce;
301
- --color-success-300: #59e1a6;
302
- --color-success-400: #29c68c;
303
- --color-success-500: #1aad74;
304
- --color-success-600: #088556;
305
- --color-success-700: #086945;
306
- --color-success-800: #0a4e35;
307
- --color-success-900: #063724;
308
- --color-success-1000: #052618;
309
- --color-highlight-100: #fdf8cf;
310
- --color-highlight-200: #fae592;
311
- --color-highlight-300: #fcd358;
312
- --color-highlight-400: #f1bc0f;
313
- --color-highlight-500: #dda100;
314
- --color-highlight-600: #c08700;
315
- --color-highlight-700: #976800;
316
- --color-highlight-800: #785200;
317
- --color-highlight-900: #563e00;
318
- --color-highlight-1000: #3c2e00;
319
- --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
320
- --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
321
- --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
322
- --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
323
- --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
324
- --elevation-100: 100;
325
- --elevation-150: 150;
326
- --elevation-199: 199;
327
- --elevation-200: 200;
328
- --elevation-250: 250;
329
- --elevation-299: 299;
330
- --elevation-300: 300;
331
- --elevation-350: 350;
332
- --elevation-399: 399;
333
- --elevation-400: 400;
334
- --elevation-450: 450;
335
- --elevation-499: 499;
336
- --elevation-absolute-bottom: -999;
337
- --elevation-absolute-top: 999;
338
- --opacity-disabled: 0.32;
339
- --opacity-sm: 0.48;
340
- --opacity-md: 0.64;
341
- --opacity-l: 0.88;
342
- }