@warp-ds/css 2.0.0-next.5 → 2.0.0-next.7
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.
- package/component-classes/index.d.ts +151 -128
- package/component-classes/index.js +98 -91
- package/dist/components.css +1 -1
- package/dist/index.html +5 -12
- package/dist/tokens/blocket-se.css +1 -1
- package/dist/tokens/dba-dk.css +1 -1
- package/dist/tokens/finn-no.css +1 -1
- package/dist/tokens/tori-fi.css +1 -1
- package/package.json +1 -1
|
@@ -26,13 +26,15 @@ export namespace slider {
|
|
|
26
26
|
export let track: string;
|
|
27
27
|
export let trackDisabled: string;
|
|
28
28
|
export let activeTrack: string;
|
|
29
|
+
export let activeTrackEnabled: string;
|
|
29
30
|
export let activeTrackDisabled: string;
|
|
30
31
|
export let thumb: string;
|
|
31
32
|
export let thumbEnabled: string;
|
|
32
33
|
export let thumbDisabled: string;
|
|
33
34
|
}
|
|
34
35
|
export namespace box {
|
|
35
|
-
|
|
36
|
+
let base_1: string;
|
|
37
|
+
export { base_1 as base };
|
|
36
38
|
export let bleed: string;
|
|
37
39
|
let info_1: string;
|
|
38
40
|
export { info_1 as info };
|
|
@@ -41,60 +43,67 @@ export namespace box {
|
|
|
41
43
|
export let bordered: string;
|
|
42
44
|
}
|
|
43
45
|
export namespace pill {
|
|
44
|
-
let
|
|
45
|
-
|
|
46
|
-
let
|
|
47
|
-
let
|
|
48
|
-
let
|
|
49
|
-
let
|
|
50
|
-
let
|
|
51
|
-
let
|
|
52
|
-
let
|
|
46
|
+
let wrapper_2: string;
|
|
47
|
+
export { wrapper_2 as wrapper };
|
|
48
|
+
export let button: string;
|
|
49
|
+
export let suggestion: string;
|
|
50
|
+
export let filter: string;
|
|
51
|
+
export let label: string;
|
|
52
|
+
export let labelWithoutClose: string;
|
|
53
|
+
export let labelWithClose: string;
|
|
54
|
+
export let close: string;
|
|
55
|
+
export let a11y: string;
|
|
53
56
|
}
|
|
54
57
|
export namespace step {
|
|
55
|
-
let
|
|
56
|
-
|
|
57
|
-
let
|
|
58
|
-
let
|
|
59
|
-
let
|
|
60
|
-
let
|
|
61
|
-
let
|
|
62
|
-
|
|
63
|
-
let
|
|
64
|
-
let
|
|
65
|
-
let
|
|
66
|
-
let
|
|
67
|
-
let
|
|
68
|
-
let
|
|
69
|
-
let
|
|
70
|
-
let
|
|
71
|
-
let
|
|
72
|
-
let
|
|
73
|
-
let
|
|
74
|
-
let
|
|
75
|
-
let
|
|
58
|
+
let base_2: string;
|
|
59
|
+
export { base_2 as base };
|
|
60
|
+
export let vertical: string;
|
|
61
|
+
export let horizontal: string;
|
|
62
|
+
export let alignLeft: string;
|
|
63
|
+
export let alignRight: string;
|
|
64
|
+
let dot_1: string;
|
|
65
|
+
export { dot_1 as dot };
|
|
66
|
+
export let dotAlignRight: string;
|
|
67
|
+
export let dotHorizontal: string;
|
|
68
|
+
export let dotActive: string;
|
|
69
|
+
export let dotIncomplete: string;
|
|
70
|
+
export let line: string;
|
|
71
|
+
export let lineVertical: string;
|
|
72
|
+
export let lineAlignRight: string;
|
|
73
|
+
export let lineHorizontal: string;
|
|
74
|
+
export let lineHorizontalAlignRight: string;
|
|
75
|
+
export let lineHorizontalAlignLeft: string;
|
|
76
|
+
export let lineIncomplete: string;
|
|
77
|
+
export let lineComplete: string;
|
|
78
|
+
export let content: string;
|
|
79
|
+
export let contentVertical: string;
|
|
80
|
+
export let contentHorizontal: string;
|
|
76
81
|
}
|
|
77
82
|
export namespace steps {
|
|
78
|
-
let
|
|
79
|
-
|
|
83
|
+
let wrapper_3: string;
|
|
84
|
+
export { wrapper_3 as wrapper };
|
|
85
|
+
let horizontal_1: string;
|
|
86
|
+
export { horizontal_1 as horizontal };
|
|
80
87
|
}
|
|
81
88
|
export namespace card {
|
|
82
|
-
|
|
83
|
-
export
|
|
84
|
-
export let
|
|
85
|
-
export let
|
|
86
|
-
export let
|
|
87
|
-
export let
|
|
88
|
-
export let
|
|
89
|
-
export let
|
|
90
|
-
export let
|
|
89
|
+
let base_3: string;
|
|
90
|
+
export { base_3 as base };
|
|
91
|
+
export let shadow: string;
|
|
92
|
+
export let selected: string;
|
|
93
|
+
export let outline: string;
|
|
94
|
+
export let outlineUnselected: string;
|
|
95
|
+
export let outlineSelected: string;
|
|
96
|
+
export let flat: string;
|
|
97
|
+
export let flatUnselected: string;
|
|
98
|
+
export let flatSelected: string;
|
|
91
99
|
let a11y_1: string;
|
|
92
100
|
export { a11y_1 as a11y };
|
|
93
101
|
}
|
|
94
102
|
export namespace switchToggle {
|
|
95
|
-
let
|
|
96
|
-
export {
|
|
97
|
-
|
|
103
|
+
let base_4: string;
|
|
104
|
+
export { base_4 as base };
|
|
105
|
+
let disabled_1: string;
|
|
106
|
+
export { disabled_1 as disabled };
|
|
98
107
|
let track_1: string;
|
|
99
108
|
export { track_1 as track };
|
|
100
109
|
export let trackActive: string;
|
|
@@ -109,22 +118,25 @@ export namespace switchToggle {
|
|
|
109
118
|
export { a11y_2 as a11y };
|
|
110
119
|
}
|
|
111
120
|
export namespace toaster {
|
|
112
|
-
|
|
121
|
+
let wrapper_4: string;
|
|
122
|
+
export { wrapper_4 as wrapper };
|
|
123
|
+
let base_5: string;
|
|
124
|
+
export { base_5 as base };
|
|
113
125
|
let content_1: string;
|
|
114
126
|
export { content_1 as content };
|
|
115
|
-
export let toaster: string;
|
|
116
127
|
}
|
|
117
128
|
export namespace toast {
|
|
118
|
-
let
|
|
119
|
-
export {
|
|
120
|
-
|
|
129
|
+
let wrapper_5: string;
|
|
130
|
+
export { wrapper_5 as wrapper };
|
|
131
|
+
let base_6: string;
|
|
132
|
+
export { base_6 as base };
|
|
121
133
|
let positive_1: string;
|
|
122
134
|
export { positive_1 as positive };
|
|
123
135
|
let warning_1: string;
|
|
124
136
|
export { warning_1 as warning };
|
|
125
137
|
let negative_1: string;
|
|
126
138
|
export { negative_1 as negative };
|
|
127
|
-
export let
|
|
139
|
+
export let iconBase: string;
|
|
128
140
|
export let iconPositive: string;
|
|
129
141
|
export let iconWarning: string;
|
|
130
142
|
export let iconNegative: string;
|
|
@@ -135,20 +147,23 @@ export namespace toast {
|
|
|
135
147
|
export { close_1 as close };
|
|
136
148
|
}
|
|
137
149
|
export namespace tabs {
|
|
138
|
-
let
|
|
139
|
-
|
|
140
|
-
let
|
|
150
|
+
let wrapper_6: string;
|
|
151
|
+
export { wrapper_6 as wrapper };
|
|
152
|
+
let base_7: string;
|
|
153
|
+
export { base_7 as base };
|
|
154
|
+
export let selectionIndicator: string;
|
|
141
155
|
}
|
|
142
156
|
export namespace tab {
|
|
143
|
-
|
|
144
|
-
export
|
|
145
|
-
let
|
|
146
|
-
export {
|
|
147
|
-
|
|
157
|
+
let base_8: string;
|
|
158
|
+
export { base_8 as base };
|
|
159
|
+
let inactive_1: string;
|
|
160
|
+
export { inactive_1 as inactive };
|
|
161
|
+
let active_1: string;
|
|
162
|
+
export { active_1 as active };
|
|
163
|
+
export let icon: string;
|
|
148
164
|
let content_3: string;
|
|
149
165
|
export { content_3 as content };
|
|
150
166
|
export let contentUnderlined: string;
|
|
151
|
-
export let contentUnderlinedActive: string;
|
|
152
167
|
}
|
|
153
168
|
export namespace gridLayout {
|
|
154
169
|
let cols1: string;
|
|
@@ -163,28 +178,26 @@ export namespace gridLayout {
|
|
|
163
178
|
}
|
|
164
179
|
export const buttonReset: "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block";
|
|
165
180
|
export namespace expandable {
|
|
166
|
-
|
|
167
|
-
export
|
|
168
|
-
export let
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
export { expandableBleed };
|
|
181
|
+
let wrapper_7: string;
|
|
182
|
+
export { wrapper_7 as wrapper };
|
|
183
|
+
export let box: string;
|
|
184
|
+
let bleed_1: string;
|
|
185
|
+
export { bleed_1 as bleed };
|
|
172
186
|
export let chevron: string;
|
|
173
187
|
export let chevronNonBox: string;
|
|
174
|
-
export let chevronBox: string;
|
|
175
188
|
export let chevronTransform: string;
|
|
176
189
|
export let chevronExpand: string;
|
|
177
190
|
export let chevronCollapse: string;
|
|
178
|
-
export let
|
|
179
|
-
export let
|
|
180
|
-
export let
|
|
181
|
-
export let
|
|
191
|
+
export let elementsChevronDownTransform: string;
|
|
192
|
+
export let elementsChevronUpTransform: string;
|
|
193
|
+
export let elementsChevronExpand: string;
|
|
194
|
+
export let elementsChevronCollapse: string;
|
|
182
195
|
export let expansion: string;
|
|
183
196
|
export let expansionNotExpanded: string;
|
|
184
197
|
let button_1: string;
|
|
185
198
|
export { button_1 as button };
|
|
186
199
|
export let buttonBox: string;
|
|
187
|
-
export let
|
|
200
|
+
export let contentWithTitle: string;
|
|
188
201
|
export let title: string;
|
|
189
202
|
export let titleType: string;
|
|
190
203
|
}
|
|
@@ -239,8 +252,7 @@ export namespace button {
|
|
|
239
252
|
export let negativeSmallLoading: string;
|
|
240
253
|
export let negativeQuietLoading: string;
|
|
241
254
|
export let negativeSmallQuietLoading: string;
|
|
242
|
-
let
|
|
243
|
-
export { pill_1 as pill };
|
|
255
|
+
export let pill: string;
|
|
244
256
|
export let pillSmall: string;
|
|
245
257
|
export let pillLoading: string;
|
|
246
258
|
export let pillSmallLoading: string;
|
|
@@ -253,27 +265,32 @@ export namespace button {
|
|
|
253
265
|
export let contentWidth: string;
|
|
254
266
|
}
|
|
255
267
|
export namespace buttonGroup {
|
|
256
|
-
let
|
|
257
|
-
export {
|
|
268
|
+
let wrapper_8: string;
|
|
269
|
+
export { wrapper_8 as wrapper };
|
|
258
270
|
export let raised: string;
|
|
259
|
-
|
|
271
|
+
let vertical_1: string;
|
|
272
|
+
export { vertical_1 as vertical };
|
|
260
273
|
export let nonOutlinedVertical: string;
|
|
261
274
|
export let nonOutlinedHorizontal: string;
|
|
262
275
|
}
|
|
263
276
|
export namespace buttonGroupItem {
|
|
264
|
-
let
|
|
265
|
-
export {
|
|
277
|
+
let wrapper_9: string;
|
|
278
|
+
export { wrapper_9 as wrapper };
|
|
266
279
|
export let outlined: string;
|
|
267
280
|
export let outlinedVertical: string;
|
|
268
281
|
export let outlinedHorizontal: string;
|
|
269
282
|
export let outlinedVerticalResets: string;
|
|
270
283
|
export let outlinedHorizontalResets: string;
|
|
284
|
+
export let outlinedUnselected: string;
|
|
271
285
|
export let outlinedSelected: string;
|
|
272
|
-
export let
|
|
286
|
+
export let unselected: string;
|
|
287
|
+
let selected_1: string;
|
|
288
|
+
export { selected_1 as selected };
|
|
273
289
|
}
|
|
274
290
|
export namespace modal {
|
|
275
291
|
export let backdrop: string;
|
|
276
|
-
|
|
292
|
+
let base_9: string;
|
|
293
|
+
export { base_9 as base };
|
|
277
294
|
let content_4: string;
|
|
278
295
|
export { content_4 as content };
|
|
279
296
|
export let footer: string;
|
|
@@ -307,13 +324,14 @@ export namespace modalElement {
|
|
|
307
324
|
export { footer_1 as footer };
|
|
308
325
|
}
|
|
309
326
|
export namespace alert {
|
|
310
|
-
|
|
327
|
+
let wrapper_10: string;
|
|
328
|
+
export { wrapper_10 as wrapper };
|
|
311
329
|
export let willChangeHeight: string;
|
|
312
330
|
export let textWrapper: string;
|
|
313
331
|
let title_2: string;
|
|
314
332
|
export { title_2 as title };
|
|
315
|
-
let
|
|
316
|
-
export {
|
|
333
|
+
let icon_1: string;
|
|
334
|
+
export { icon_1 as icon };
|
|
317
335
|
let negative_3: string;
|
|
318
336
|
export { negative_3 as negative };
|
|
319
337
|
export let negativeIcon: string;
|
|
@@ -328,14 +346,14 @@ export namespace alert {
|
|
|
328
346
|
export let infoIcon: string;
|
|
329
347
|
}
|
|
330
348
|
export namespace input {
|
|
331
|
-
let
|
|
332
|
-
export {
|
|
333
|
-
let
|
|
334
|
-
export {
|
|
349
|
+
let wrapper_11: string;
|
|
350
|
+
export { wrapper_11 as wrapper };
|
|
351
|
+
let base_10: string;
|
|
352
|
+
export { base_10 as base };
|
|
335
353
|
let _default: string;
|
|
336
354
|
export { _default as default };
|
|
337
|
-
let
|
|
338
|
-
export {
|
|
355
|
+
let disabled_2: string;
|
|
356
|
+
export { disabled_2 as disabled };
|
|
339
357
|
export let invalid: string;
|
|
340
358
|
export let readOnly: string;
|
|
341
359
|
export let placeholder: string;
|
|
@@ -344,52 +362,55 @@ export namespace input {
|
|
|
344
362
|
export let textArea: string;
|
|
345
363
|
}
|
|
346
364
|
export namespace select {
|
|
365
|
+
let base_11: string;
|
|
366
|
+
export { base_11 as base };
|
|
347
367
|
let _default_1: string;
|
|
348
368
|
export { _default_1 as default };
|
|
349
|
-
let
|
|
350
|
-
export {
|
|
369
|
+
let disabled_3: string;
|
|
370
|
+
export { disabled_3 as disabled };
|
|
351
371
|
let invalid_1: string;
|
|
352
372
|
export { invalid_1 as invalid };
|
|
353
373
|
let readOnly_1: string;
|
|
354
374
|
export { readOnly_1 as readOnly };
|
|
355
|
-
let
|
|
356
|
-
export {
|
|
375
|
+
let wrapper_12: string;
|
|
376
|
+
export { wrapper_12 as wrapper };
|
|
357
377
|
export let selectWrapper: string;
|
|
358
378
|
let chevron_1: string;
|
|
359
379
|
export { chevron_1 as chevron };
|
|
360
380
|
export let chevronDisabled: string;
|
|
361
381
|
}
|
|
362
382
|
export namespace label {
|
|
363
|
-
let
|
|
364
|
-
export {
|
|
383
|
+
let base_12: string;
|
|
384
|
+
export { base_12 as base };
|
|
365
385
|
export let optional: string;
|
|
366
386
|
}
|
|
367
387
|
export namespace helpText {
|
|
368
|
-
let
|
|
369
|
-
|
|
370
|
-
let
|
|
388
|
+
let base_13: string;
|
|
389
|
+
export { base_13 as base };
|
|
390
|
+
export let color: string;
|
|
391
|
+
export let colorInvalid: string;
|
|
371
392
|
}
|
|
372
393
|
export namespace suffix {
|
|
373
|
-
let
|
|
374
|
-
export {
|
|
394
|
+
let wrapper_13: string;
|
|
395
|
+
export { wrapper_13 as wrapper };
|
|
375
396
|
export let wrapperWithLabel: string;
|
|
376
397
|
export let wrapperWithIcon: string;
|
|
377
|
-
let
|
|
378
|
-
export {
|
|
398
|
+
let label_1: string;
|
|
399
|
+
export { label_1 as label };
|
|
379
400
|
}
|
|
380
401
|
export namespace prefix {
|
|
381
|
-
let
|
|
382
|
-
export {
|
|
402
|
+
let wrapper_14: string;
|
|
403
|
+
export { wrapper_14 as wrapper };
|
|
383
404
|
let wrapperWithLabel_1: string;
|
|
384
405
|
export { wrapperWithLabel_1 as wrapperWithLabel };
|
|
385
406
|
let wrapperWithIcon_1: string;
|
|
386
407
|
export { wrapperWithIcon_1 as wrapperWithIcon };
|
|
387
|
-
let
|
|
388
|
-
export {
|
|
408
|
+
let label_2: string;
|
|
409
|
+
export { label_2 as label };
|
|
389
410
|
}
|
|
390
411
|
export namespace breadcrumbs {
|
|
391
|
-
let
|
|
392
|
-
export {
|
|
412
|
+
let wrapper_15: string;
|
|
413
|
+
export { wrapper_15 as wrapper };
|
|
393
414
|
export let text: string;
|
|
394
415
|
let link_1: string;
|
|
395
416
|
export { link_1 as link };
|
|
@@ -399,8 +420,8 @@ export namespace breadcrumbs {
|
|
|
399
420
|
}
|
|
400
421
|
export namespace toggle {
|
|
401
422
|
export let field: string;
|
|
402
|
-
let
|
|
403
|
-
export {
|
|
423
|
+
let wrapper_16: string;
|
|
424
|
+
export { wrapper_16 as wrapper };
|
|
404
425
|
export let wrapperRadioButtons: string;
|
|
405
426
|
export let wrapperRadioButtonsJustified: string;
|
|
406
427
|
export let radioButtonsGroup: string;
|
|
@@ -408,8 +429,8 @@ export namespace toggle {
|
|
|
408
429
|
export let input: string;
|
|
409
430
|
let a11y_5: string;
|
|
410
431
|
export { a11y_5 as a11y };
|
|
411
|
-
let
|
|
412
|
-
export {
|
|
432
|
+
let label_3: string;
|
|
433
|
+
export { label_3 as label };
|
|
413
434
|
export let labelBefore: string;
|
|
414
435
|
export let checkbox: string;
|
|
415
436
|
export let checkboxInvalid: string;
|
|
@@ -425,36 +446,38 @@ export namespace toggle {
|
|
|
425
446
|
export let radioButtonsSmall: string;
|
|
426
447
|
}
|
|
427
448
|
export namespace deadToggle {
|
|
428
|
-
let
|
|
429
|
-
export {
|
|
449
|
+
let wrapper_17: string;
|
|
450
|
+
export { wrapper_17 as wrapper };
|
|
430
451
|
let input_1: string;
|
|
431
452
|
export { input_1 as input };
|
|
432
453
|
export let inputVue: string;
|
|
454
|
+
export let labelVue: string;
|
|
433
455
|
export let labelRadio: string;
|
|
434
456
|
export let labelCheckbox: string;
|
|
435
|
-
export let labelVue: string;
|
|
436
457
|
}
|
|
437
458
|
export namespace clickable {
|
|
438
459
|
export let toggle: string;
|
|
439
|
-
let
|
|
440
|
-
export {
|
|
460
|
+
let label_4: string;
|
|
461
|
+
export { label_4 as label };
|
|
441
462
|
export let buttonOrLink: string;
|
|
442
463
|
export let buttonOrLinkStretch: string;
|
|
443
464
|
}
|
|
444
465
|
export namespace combobox {
|
|
445
|
-
let
|
|
446
|
-
export {
|
|
447
|
-
|
|
448
|
-
export
|
|
466
|
+
let wrapper_18: string;
|
|
467
|
+
export { wrapper_18 as wrapper };
|
|
468
|
+
let base_14: string;
|
|
469
|
+
export { base_14 as base };
|
|
449
470
|
export let listbox: string;
|
|
450
471
|
export let option: string;
|
|
472
|
+
export let optionUnselected: string;
|
|
451
473
|
export let optionSelected: string;
|
|
474
|
+
export let textMatch: string;
|
|
452
475
|
let a11y_6: string;
|
|
453
476
|
export { a11y_6 as a11y };
|
|
454
477
|
}
|
|
455
478
|
export namespace attention {
|
|
456
|
-
let
|
|
457
|
-
export {
|
|
479
|
+
let base_15: string;
|
|
480
|
+
export { base_15 as base };
|
|
458
481
|
export let tooltip: string;
|
|
459
482
|
export let callout: string;
|
|
460
483
|
export let highlight: string;
|
|
@@ -485,13 +508,13 @@ export namespace pagination {
|
|
|
485
508
|
let link_2: string;
|
|
486
509
|
export { link_2 as link };
|
|
487
510
|
export let currentPage: string;
|
|
488
|
-
let
|
|
489
|
-
export {
|
|
511
|
+
let icon_2: string;
|
|
512
|
+
export { icon_2 as icon };
|
|
490
513
|
export let containerNav: string;
|
|
491
514
|
let a11y_7: string;
|
|
492
515
|
export { a11y_7 as a11y };
|
|
493
516
|
export let pages: string;
|
|
494
|
-
let
|
|
495
|
-
export {
|
|
517
|
+
let active_2: string;
|
|
518
|
+
export { active_2 as active };
|
|
496
519
|
export let notActive: string;
|
|
497
520
|
}
|