@knime/kds-components 0.26.1 → 0.27.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 (36) hide show
  1. package/dist/index.css +151 -39
  2. package/dist/index.js +492 -277
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/accessories/Avatar/KdsAvatar.vue.d.ts.map +1 -1
  5. package/dist/src/accessories/Avatar/types.d.ts +4 -2
  6. package/dist/src/accessories/Avatar/types.d.ts.map +1 -1
  7. package/dist/src/forms/RadioButton/KdsValueSwitch.vue.d.ts.map +1 -1
  8. package/dist/src/forms/RadioButton/types.d.ts +5 -0
  9. package/dist/src/forms/RadioButton/types.d.ts.map +1 -1
  10. package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts +27 -0
  11. package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts.map +1 -0
  12. package/dist/src/layouts/Accordion/index.d.ts +3 -0
  13. package/dist/src/layouts/Accordion/index.d.ts.map +1 -0
  14. package/dist/src/layouts/Accordion/types.d.ts +34 -0
  15. package/dist/src/layouts/Accordion/types.d.ts.map +1 -0
  16. package/dist/src/layouts/Panel/KdsPanel.vue.d.ts +19 -0
  17. package/dist/src/layouts/Panel/KdsPanel.vue.d.ts.map +1 -0
  18. package/dist/src/layouts/Panel/index.d.ts +3 -0
  19. package/dist/src/layouts/Panel/index.d.ts.map +1 -0
  20. package/dist/src/layouts/Panel/types.d.ts +79 -0
  21. package/dist/src/layouts/Panel/types.d.ts.map +1 -0
  22. package/dist/src/layouts/index.d.ts +4 -4
  23. package/dist/src/layouts/index.d.ts.map +1 -1
  24. package/package.json +3 -3
  25. package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts +0 -10
  26. package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts.map +0 -1
  27. package/dist/src/layouts/PanelButtonBar/index.d.ts +0 -3
  28. package/dist/src/layouts/PanelButtonBar/index.d.ts.map +0 -1
  29. package/dist/src/layouts/PanelButtonBar/types.d.ts +0 -15
  30. package/dist/src/layouts/PanelButtonBar/types.d.ts.map +0 -1
  31. package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts +0 -8
  32. package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts.map +0 -1
  33. package/dist/src/layouts/PanelHeader/index.d.ts +0 -3
  34. package/dist/src/layouts/PanelHeader/index.d.ts.map +0 -1
  35. package/dist/src/layouts/PanelHeader/types.d.ts +0 -7
  36. package/dist/src/layouts/PanelHeader/types.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"KdsAvatar.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/KdsAvatar.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;;AAmI9C,wBAOG"}
1
+ {"version":3,"file":"KdsAvatar.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/KdsAvatar.vue"],"names":[],"mappings":"AA2MA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;;AAuI9C,wBAOG"}
@@ -1,8 +1,10 @@
1
1
  import { kdsAvatarSize } from './enums';
2
2
  export type KdsAvatarSize = (typeof kdsAvatarSize)[keyof typeof kdsAvatarSize];
3
3
  export type KdsAvatarProps = {
4
- /** Initials shown in the background as fallback and as base avatar content. */
5
- initials: string;
4
+ /** The initials displayed as the avatar content and used as fallback when no image is provided
5
+ * or the image fails to load. Only the first two characters are shown, uppercase. The background
6
+ * color is automatically derived from this value. If omitted or empty, a special empty color is applied. */
7
+ initials?: string;
6
8
  /** Optional image. If provided and successfully loaded, it is shown instead of the initials. */
7
9
  src?: string;
8
10
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,CAAC;IAEjB,gGAAgG;IAChG,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9C,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B;;gHAE4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gGAAgG;IAChG,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAuCvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyJgrgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;AAjBtzgB,wBASG"}
1
+ {"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAuCvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2J+kgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;AAjBrtgB,wBASG"}
@@ -54,6 +54,11 @@ export type KdsValueSwitchOption = {
54
54
  export type KdsValueSwitchProps = {
55
55
  id?: string;
56
56
  label?: string;
57
+ /**
58
+ * Accessible label used when no visible `label` is rendered (e.g. when
59
+ * the value switch is used standalone in a panel header).
60
+ */
61
+ ariaLabel?: string;
57
62
  possibleValues: (string | KdsValueSwitchOption)[];
58
63
  size?: KdsValueSwitchSize;
59
64
  variant?: KdsValueSwitchVariant;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { KdsAccordionItem, KdsAccordionProps } from './types';
2
+ type __VLS_Props = KdsAccordionProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string[];
5
+ } & __VLS_Props;
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: Partial<Record<string, (_: {
9
+ item: KdsAccordionItem;
10
+ }) => any>>;
11
+ refs: {};
12
+ rootEl: HTMLDivElement;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:modelValue": (value: string[]) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
27
+ //# sourceMappingURL=KdsAccordion.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsAccordion.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/KdsAccordion.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAqJrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;;UAXqC,GAAG;;;EAgBzF;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { default as KdsAccordion } from './KdsAccordion.vue';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { KdsIconName } from '../../accessories/Icon/types';
2
+ export type KdsAccordionItem = {
3
+ /**
4
+ * Stable item identifier used for state tracking and slot naming.
5
+ *
6
+ * Must be unique within `items` and should be HTML id safe (no whitespace),
7
+ * because it is used for generated DOM ids and named slots.
8
+ * Reserved Vue slot names such as `default` must not be used.
9
+ */
10
+ id: string;
11
+ /**
12
+ * The headline displayed in the accordion item header.
13
+ */
14
+ headline: string;
15
+ /**
16
+ * Optional icon displayed before the item headline.
17
+ */
18
+ leadingIcon?: KdsIconName;
19
+ /**
20
+ * Disables interaction for this accordion item.
21
+ */
22
+ disabled?: boolean;
23
+ };
24
+ export type KdsAccordionProps = {
25
+ /**
26
+ * Ordered list of accordion items.
27
+ */
28
+ items: KdsAccordionItem[];
29
+ /**
30
+ * Restricts expansion to a single item at a time.
31
+ */
32
+ singleExpand?: boolean;
33
+ };
34
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { KdsPanelProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: HTMLDivElement;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<KdsPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
12
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
13
+ export default _default;
14
+ type __VLS_WithTemplateSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
19
+ //# sourceMappingURL=KdsPanel.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,iBAAS,cAAc;WAoPT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { default as KdsPanel } from './KdsPanel.vue';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,79 @@
1
+ import { KdsButtonProps, KdsMenuButtonProps, KdsToggleButtonProps } from '../../buttons';
2
+ import { KdsValueSwitchProps } from '../../forms';
3
+ /**
4
+ * Distributive `Omit` that preserves discriminated unions when removing a key.
5
+ */
6
+ type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
7
+ /**
8
+ * Renders a `KdsButton`. Provide `onClick` to react to clicks.
9
+ */
10
+ export type KdsPanelButtonAction = {
11
+ type: "button";
12
+ props: DistributiveOmit<KdsButtonProps, "size">;
13
+ onClick?: (event: MouseEvent) => void;
14
+ };
15
+ /**
16
+ * Renders a `KdsToggleButton`. Provide `onUpdateModelValue` to react to
17
+ * toggle changes.
18
+ */
19
+ export type KdsPanelToggleButtonAction = {
20
+ type: "toggleButton";
21
+ props: DistributiveOmit<KdsToggleButtonProps, "size"> & {
22
+ modelValue?: boolean;
23
+ };
24
+ onUpdateModelValue?: (value: boolean) => void;
25
+ };
26
+ /**
27
+ * Renders a `KdsMenuButton`. Provide `onItemClick` to react to menu item
28
+ * selection.
29
+ */
30
+ export type KdsPanelMenuButtonAction = {
31
+ type: "menuButton";
32
+ props: DistributiveOmit<KdsMenuButtonProps, "size">;
33
+ onItemClick?: (id: string) => void;
34
+ };
35
+ /**
36
+ * Renders a `KdsValueSwitch`. Provide `onUpdateModelValue` to react to
37
+ * value changes. Use `ariaLabel` for an accessible name when no visible
38
+ * `label` is rendered (common in panel headers).
39
+ */
40
+ export type KdsPanelValueSwitchAction = {
41
+ type: "valueSwitch";
42
+ props: DistributiveOmit<KdsValueSwitchProps, "size"> & {
43
+ modelValue?: string;
44
+ };
45
+ onUpdateModelValue?: (value: string | undefined) => void;
46
+ };
47
+ /**
48
+ * Union of all action types supported as trailing actions in the panel
49
+ * header.
50
+ */
51
+ export type KdsPanelHeadlineTrailingAction = KdsPanelButtonAction | KdsPanelToggleButtonAction | KdsPanelMenuButtonAction | KdsPanelValueSwitchAction;
52
+ export type KdsPanelProps = {
53
+ /**
54
+ * Headline of the panel. Renders a heading when a string is
55
+ * provided, or a `KdsButton` / `KdsMenuButton` when a configuration
56
+ * object is provided. Required so the panel header always exposes an
57
+ * accessible name for the focusable, scrollable body.
58
+ */
59
+ headline: string | KdsPanelButtonAction | KdsPanelMenuButtonAction;
60
+ /**
61
+ * Trailing actions of the panel header (right-aligned). Supports
62
+ * `KdsButton`, `KdsToggleButton`, `KdsMenuButton`, and `KdsValueSwitch`.
63
+ */
64
+ headlineTrailingActions?: KdsPanelHeadlineTrailingAction[];
65
+ /**
66
+ * Leading actions of the panel footer (left-aligned). The footer is
67
+ * only rendered when at least one of `footerLeadingActions` or
68
+ * `footerTrailingActions` is provided.
69
+ */
70
+ footerLeadingActions?: KdsPanelButtonAction[];
71
+ /**
72
+ * Trailing actions of the panel footer (right-aligned). The footer is
73
+ * only rendered when at least one of `footerLeadingActions` or
74
+ * `footerTrailingActions` is provided.
75
+ */
76
+ footerTrailingActions?: KdsPanelButtonAction[];
77
+ };
78
+ export {};
79
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAC/D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;QACtD,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG;QACrD,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GACtC,oBAAoB,GACpB,0BAA0B,GAC1B,wBAAwB,GACxB,yBAAyB,CAAC;AAE9B,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;IACnE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,8BAA8B,EAAE,CAAC;IAC3D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAChD,CAAC"}
@@ -1,15 +1,15 @@
1
1
  export * from './EmptyState';
2
2
  export type * from './EmptyState';
3
+ export * from './Accordion';
4
+ export type * from './Accordion';
3
5
  export * from './Card';
4
6
  export type * from './Card';
5
- export * from './PanelHeader';
6
- export type * from './PanelHeader';
7
+ export * from './Panel';
8
+ export type * from './Panel';
7
9
  export * from './TabBar';
8
10
  export type * from './TabBar';
9
11
  export * from './LoadingSkeleton';
10
12
  export type * from './LoadingSkeleton';
11
- export * from './PanelButtonBar';
12
- export type * from './PanelButtonBar';
13
13
  export * from './Navigation';
14
14
  export type * from './Navigation';
15
15
  export * from './ContainerHeader';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/kds-components",
3
- "version": "0.26.1",
3
+ "version": "0.27.0",
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.26.1"
41
+ "@knime/kds-styles": "^0.27.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@storybook/vue3-vite": "^10.3.4",
@@ -46,7 +46,7 @@
46
46
  "@vue/test-utils": "^2.4.6",
47
47
  "@vue/tsconfig": "^0.9.1",
48
48
  "@vueuse/core": "^14.2.1",
49
- "prettier": "3.8.1",
49
+ "prettier": "3.8.3",
50
50
  "prettier-plugin-vue": "^1.1.6",
51
51
  "storybook": "^10.3.4",
52
52
  "ts-morph": "^27.0.2",
@@ -1,10 +0,0 @@
1
- import { KdsPanelButtonBarProps } from './types';
2
- declare const _default: import('vue').DefineComponent<KdsPanelButtonBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
- cancel: (event: MouseEvent) => any;
4
- apply: (event: MouseEvent) => any;
5
- }, string, import('vue').PublicProps, Readonly<KdsPanelButtonBarProps> & Readonly<{
6
- onCancel?: ((event: MouseEvent) => any) | undefined;
7
- onApply?: ((event: MouseEvent) => any) | undefined;
8
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
9
- export default _default;
10
- //# sourceMappingURL=KdsPanelButtonBar.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KdsPanelButtonBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/KdsPanelButtonBar.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;;;;;;;AAmHtD,wBAQG"}
@@ -1,3 +0,0 @@
1
- export { default as KdsPanelButtonBar } from './KdsPanelButtonBar.vue';
2
- export type * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,mBAAmB,SAAS,CAAC"}
@@ -1,15 +0,0 @@
1
- export type KdsPanelButtonBarProps = {
2
- /**
3
- * The label for the apply button.
4
- */
5
- applyLabel?: string;
6
- /**
7
- * The label for the cancel button.
8
- */
9
- cancelLabel?: string;
10
- /**
11
- * Whether the buttons are disabled.
12
- */
13
- disabled?: boolean;
14
- };
15
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
@@ -1,8 +0,0 @@
1
- import { KdsPanelHeaderProps } from './types';
2
- declare const _default: import('vue').DefineComponent<KdsPanelHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
- close: (event: MouseEvent) => any;
4
- }, string, import('vue').PublicProps, Readonly<KdsPanelHeaderProps> & Readonly<{
5
- onClose?: ((event: MouseEvent) => any) | undefined;
6
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
7
- export default _default;
8
- //# sourceMappingURL=KdsPanelHeader.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KdsPanelHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/KdsPanelHeader.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;;;;;;AAwFnD,wBAQG"}
@@ -1,3 +0,0 @@
1
- export { default as KdsPanelHeader } from './KdsPanelHeader.vue';
2
- export type * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}
@@ -1,7 +0,0 @@
1
- export type KdsPanelHeaderProps = {
2
- /**
3
- * The headline of the panel header.
4
- */
5
- headline: string;
6
- };
7
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}