@knime/kds-components 0.28.0 → 0.28.1

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 (24) hide show
  1. package/dist/index.css +42 -42
  2. package/dist/index.js +10 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/buttons/BaseButton.vue.d.ts +24 -4
  5. package/dist/src/buttons/BaseButton.vue.d.ts.map +1 -1
  6. package/dist/src/buttons/KdsButton/KdsButton.vue.d.ts +24 -4
  7. package/dist/src/buttons/KdsButton/KdsButton.vue.d.ts.map +1 -1
  8. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +72 -12
  9. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -1
  10. package/dist/src/buttons/KdsProgressButton/KdsProgressButton.vue.d.ts +24 -4
  11. package/dist/src/buttons/KdsProgressButton/KdsProgressButton.vue.d.ts.map +1 -1
  12. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts +24 -4
  13. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts.map +1 -1
  14. package/dist/src/buttons/KdsToggleButton/KdsToggleButton.vue.d.ts +24 -4
  15. package/dist/src/buttons/KdsToggleButton/KdsToggleButton.vue.d.ts.map +1 -1
  16. package/dist/src/buttons/links/KdsLinkButton/KdsLinkButton.vue.d.ts +24 -4
  17. package/dist/src/buttons/links/KdsLinkButton/KdsLinkButton.vue.d.ts.map +1 -1
  18. package/dist/src/buttons/types.d.ts +2 -1
  19. package/dist/src/buttons/types.d.ts.map +1 -1
  20. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +120 -20
  21. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -1
  22. package/dist/src/types/testId.d.ts +7 -0
  23. package/dist/src/types/testId.d.ts.map +1 -0
  24. package/package.json +2 -2
package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts CHANGED
@@ -6,12 +6,22 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
6
6
  onButtonClick?: ((id: string) => any) | undefined;
7
7
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
8
8
  measureContainer: HTMLDivElement;
9
- measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps & {
9
+ measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../types/testId').WithTestId & {
10
+ size?: import('../..').KdsButtonSize;
11
+ disabled?: boolean;
12
+ title?: string;
13
+ variant?: import('../..').KdsButtonVariant | undefined;
14
+ } & {
10
15
  label: string;
11
16
  leadingIcon?: import('../..').KdsIconName;
12
17
  trailingIcon?: import('../..').KdsIconName;
13
18
  ariaLabel?: never;
14
- } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
19
+ } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
20
+ size?: import('../..').KdsButtonSize;
21
+ disabled?: boolean;
22
+ title?: string;
23
+ variant?: import('../..').KdsButtonVariant | undefined;
24
+ } & {
15
25
  label?: never;
16
26
  leadingIcon: import('../..').KdsIconName;
17
27
  trailingIcon?: never;
@@ -27,12 +37,22 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
27
37
  C: {};
28
38
  M: {};
29
39
  Defaults: {};
30
- }, {} & (Readonly<(import('../../buttons/types').KdsButtonCommonProps & {
40
+ }, {} & (Readonly<(import('../../types/testId').WithTestId & {
41
+ size?: import('../..').KdsButtonSize;
42
+ disabled?: boolean;
43
+ title?: string;
44
+ variant?: import('../..').KdsButtonVariant | undefined;
45
+ } & {
31
46
  label: string;
32
47
  leadingIcon?: import('../..').KdsIconName;
33
48
  trailingIcon?: import('../..').KdsIconName;
34
49
  ariaLabel?: never;
35
- } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
50
+ } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
51
+ size?: import('../..').KdsButtonSize;
52
+ disabled?: boolean;
53
+ title?: string;
54
+ variant?: import('../..').KdsButtonVariant | undefined;
55
+ } & {
36
56
  label?: never;
37
57
  leadingIcon: import('../..').KdsIconName;
38
58
  trailingIcon?: never;
@@ -40,7 +60,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
40
60
  } & import('../../buttons/types').WithDestructive)> & Readonly<{
41
61
  onClick?: ((event: MouseEvent) => any) | undefined;
42
62
  }>), {}, {}, {}, {}, {}> | null)[];
43
- measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
63
+ measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../types/testId').WithTestId & {
64
+ size?: import('../..').KdsButtonSize;
65
+ disabled?: boolean;
66
+ title?: string;
67
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
68
+ } & {
44
69
  label: string;
45
70
  leadingIcon?: import('../..').KdsIconName;
46
71
  trailingIcon?: import('../..').KdsIconName;
@@ -48,7 +73,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
48
73
  } & {
49
74
  items: import('../..').KdsMenuItem[];
50
75
  menuMaxHeight?: string;
51
- }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
76
+ }) | (import('../../types/testId').WithTestId & {
77
+ size?: import('../..').KdsButtonSize;
78
+ disabled?: boolean;
79
+ title?: string;
80
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
81
+ } & {
52
82
  label?: never;
53
83
  leadingIcon: import('../..').KdsIconName;
54
84
  trailingIcon?: never;
@@ -61,14 +91,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
61
91
  }>, {
62
92
  menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
63
93
  modelValue?: boolean;
64
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
94
+ } & import('../../types/testId').WithTestId & {
95
+ size?: import('../..').KdsButtonSize;
96
+ disabled?: boolean;
97
+ title?: string;
98
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
99
+ } & {
65
100
  label: string;
66
101
  leadingIcon?: import('../..').KdsIconName;
67
102
  trailingIcon?: import('../..').KdsIconName;
68
103
  ariaLabel?: never;
69
104
  }) | ({
70
105
  modelValue?: boolean;
71
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
106
+ } & import('../../types/testId').WithTestId & {
107
+ size?: import('../..').KdsButtonSize;
108
+ disabled?: boolean;
109
+ title?: string;
110
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
111
+ } & {
72
112
  label?: never;
73
113
  leadingIcon: import('../..').KdsIconName;
74
114
  trailingIcon?: never;
@@ -86,14 +126,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
86
126
  Defaults: {};
87
127
  }, {} & (Readonly<({
88
128
  modelValue?: boolean;
89
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
129
+ } & import('../../types/testId').WithTestId & {
130
+ size?: import('../..').KdsButtonSize;
131
+ disabled?: boolean;
132
+ title?: string;
133
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
134
+ } & {
90
135
  label: string;
91
136
  leadingIcon?: import('../..').KdsIconName;
92
137
  trailingIcon?: import('../..').KdsIconName;
93
138
  ariaLabel?: never;
94
139
  }) | ({
95
140
  modelValue?: boolean;
96
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
141
+ } & import('../../types/testId').WithTestId & {
142
+ size?: import('../..').KdsButtonSize;
143
+ disabled?: boolean;
144
+ title?: string;
145
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
146
+ } & {
97
147
  label?: never;
98
148
  leadingIcon: import('../..').KdsIconName;
99
149
  trailingIcon?: never;
@@ -106,14 +156,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
106
156
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
107
157
  menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
108
158
  modelValue?: boolean;
109
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
159
+ } & import('../../types/testId').WithTestId & {
160
+ size?: import('../..').KdsButtonSize;
161
+ disabled?: boolean;
162
+ title?: string;
163
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
164
+ } & {
110
165
  label: string;
111
166
  leadingIcon?: import('../..').KdsIconName;
112
167
  trailingIcon?: import('../..').KdsIconName;
113
168
  ariaLabel?: never;
114
169
  }) | ({
115
170
  modelValue?: boolean;
116
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
171
+ } & import('../../types/testId').WithTestId & {
172
+ size?: import('../..').KdsButtonSize;
173
+ disabled?: boolean;
174
+ title?: string;
175
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
176
+ } & {
117
177
  label?: never;
118
178
  leadingIcon: import('../..').KdsIconName;
119
179
  trailingIcon?: never;
@@ -131,14 +191,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
131
191
  Defaults: {};
132
192
  }, {} & (Readonly<({
133
193
  modelValue?: boolean;
134
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
194
+ } & import('../../types/testId').WithTestId & {
195
+ size?: import('../..').KdsButtonSize;
196
+ disabled?: boolean;
197
+ title?: string;
198
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
199
+ } & {
135
200
  label: string;
136
201
  leadingIcon?: import('../..').KdsIconName;
137
202
  trailingIcon?: import('../..').KdsIconName;
138
203
  ariaLabel?: never;
139
204
  }) | ({
140
205
  modelValue?: boolean;
141
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
206
+ } & import('../../types/testId').WithTestId & {
207
+ size?: import('../..').KdsButtonSize;
208
+ disabled?: boolean;
209
+ title?: string;
210
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
211
+ } & {
142
212
  label?: never;
143
213
  leadingIcon: import('../..').KdsIconName;
144
214
  trailingIcon?: never;
@@ -301,7 +371,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
301
371
  C: {};
302
372
  M: {};
303
373
  Defaults: {};
304
- }, {} & (Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
374
+ }, {} & (Readonly<(import('../../types/testId').WithTestId & {
375
+ size?: import('../..').KdsButtonSize;
376
+ disabled?: boolean;
377
+ title?: string;
378
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
379
+ } & {
305
380
  label: string;
306
381
  leadingIcon?: import('../..').KdsIconName;
307
382
  trailingIcon?: import('../..').KdsIconName;
@@ -309,7 +384,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
309
384
  } & {
310
385
  items: import('../..').KdsMenuItem[];
311
386
  menuMaxHeight?: string;
312
- }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
387
+ }) | (import('../../types/testId').WithTestId & {
388
+ size?: import('../..').KdsButtonSize;
389
+ disabled?: boolean;
390
+ title?: string;
391
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
392
+ } & {
313
393
  label?: never;
314
394
  leadingIcon: import('../..').KdsIconName;
315
395
  trailingIcon?: never;
@@ -322,14 +402,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
322
402
  }>), {
323
403
  menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
324
404
  modelValue?: boolean;
325
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
405
+ } & import('../../types/testId').WithTestId & {
406
+ size?: import('../..').KdsButtonSize;
407
+ disabled?: boolean;
408
+ title?: string;
409
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
410
+ } & {
326
411
  label: string;
327
412
  leadingIcon?: import('../..').KdsIconName;
328
413
  trailingIcon?: import('../..').KdsIconName;
329
414
  ariaLabel?: never;
330
415
  }) | ({
331
416
  modelValue?: boolean;
332
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
417
+ } & import('../../types/testId').WithTestId & {
418
+ size?: import('../..').KdsButtonSize;
419
+ disabled?: boolean;
420
+ title?: string;
421
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
422
+ } & {
333
423
  label?: never;
334
424
  leadingIcon: import('../..').KdsIconName;
335
425
  trailingIcon?: never;
@@ -347,14 +437,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
347
437
  Defaults: {};
348
438
  }, {} & (Readonly<({
349
439
  modelValue?: boolean;
350
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
440
+ } & import('../../types/testId').WithTestId & {
441
+ size?: import('../..').KdsButtonSize;
442
+ disabled?: boolean;
443
+ title?: string;
444
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
445
+ } & {
351
446
  label: string;
352
447
  leadingIcon?: import('../..').KdsIconName;
353
448
  trailingIcon?: import('../..').KdsIconName;
354
449
  ariaLabel?: never;
355
450
  }) | ({
356
451
  modelValue?: boolean;
357
- } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
452
+ } & import('../../types/testId').WithTestId & {
453
+ size?: import('../..').KdsButtonSize;
454
+ disabled?: boolean;
455
+ title?: string;
456
+ variant?: import('../..').KdsToggleButtonVariant | undefined;
457
+ } & {
358
458
  label?: never;
359
459
  leadingIcon: import('../..').KdsIconName;
360
460
  trailingIcon?: never;
package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AAqMA,OAAO,EAAY,QAAQ,EAAyC,MAAM,KAAK,CAAC;AAMhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSy0X,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhB5/X,wBAQG"}
1
+ {"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AAqMA,OAAO,EAAY,QAAQ,EAAyC,MAAM,KAAK,CAAC;AAMhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSy0X,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhB5/X,wBAQG"}
package/dist/src/types/testId.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export type WithTestId = {
2
+ /**
3
+ * Data test ID to uniquely identify the component in tests.
4
+ */
5
+ dataTestId?: string;
6
+ };
7
+ //# sourceMappingURL=testId.d.ts.map
package/dist/src/types/testId.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"testId.d.ts","sourceRoot":"","sources":["../../../src/types/testId.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/kds-components",
3
- "version": "0.28.0",
3
+ "version": "0.28.1",
4
4
  "description": "Package containing basic Vue components of the KNIME Design System",
5
5
  "repository": {
6
6
  "type": "git",
@@ -38,7 +38,7 @@
38
38
  "consola": "^3.4.2",
39
39
  "pretty-bytes": "^7.1.0",
40
40
  "temporal-polyfill": "^0.3.2",
41
- "@knime/kds-styles": "^0.28.0"
41
+ "@knime/kds-styles": "^0.28.1"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@storybook/vue3-vite": "^10.3.4",