@knime/kds-components 0.25.2 → 0.26.0

package/dist/src/layouts/index.d.ts

@@ -1,7 +1,7 @@
 export * from './EmptyState';
 export type * from './EmptyState';
-export * from './KdsCardClickable';
-export type * from './KdsCardClickable';
+export * from './Card';
+export type * from './Card';
 export * from './PanelHeader';
 export type * from './PanelHeader';
 export * from './TabBar';
@@ -12,4 +12,6 @@ export * from './PanelButtonBar';
 export type * from './PanelButtonBar';
 export * from './Navigation';
 export type * from './Navigation';
+export * from './ContainerHeader';
+export type * from './ContainerHeader';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/index.d.ts.map

@@ -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,oBAAoB,CAAC;AACnC,mBAAmB,oBAAoB,CAAC;AAExC,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"}
+{"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"}

package/dist/src/overlays/Modal/KdsModal.vue.d.ts

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             headline: string;
-            leadingIcon: "filter" | "link" | "menu" | "time" | "stop" | "text" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "circle-unchecked" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-browse" | "db-database" | "db-fetch" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-search" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "hide-eye" | "home" | "import" | "info" | "interval" | "italic" | "key" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "pin" | "placeholder" | "plus" | "python" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "tag" | "team" | "template-gallery" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "usage" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close" | undefined;
+            leadingIcon: "filter" | "link" | "menu" | "time" | "stop" | "text" | "key" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "circle-unchecked" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "collection" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-browse" | "db-database" | "db-fetch" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-search" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "hide-eye" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "pin" | "placeholder" | "plus" | "python" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "tag" | "team" | "template-gallery" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "usage" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close" | undefined;
             variant: import('./types').KdsModalVariant;
             overflow: "auto" | "hidden" | "visible";
             onClose: (event?: Event) => void;

package/dist/src/types/linkTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkTypes.d.ts","sourceRoot":"","sources":["../../../src/types/linkTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IACtE;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAChB,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,CAC7D,GAAG,IAAI,CAAC;CACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.25.2",
+  "version": "0.26.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "consola": "^3.4.2",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^0.25.2"
+    "@knime/kds-styles": "^0.26.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.3.4",

package/dist/src/buttons/links/linkTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkTypes.d.ts","sourceRoot":"","sources":["../../../../src/buttons/links/linkTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IACtE;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAChB,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,CAC7D,GAAG,IAAI,CAAC;CACV,CAAC"}

package/dist/src/layouts/KdsCardClickable/KdsCardClickable.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsCardClickable.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/KdsCardClickable/KdsCardClickable.vue"],"names":[],"mappings":"AAuOA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBA/DR,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;gGAuElB,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"}

package/dist/src/layouts/KdsCardClickable/enums.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/KdsCardClickable/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,2CAAgC,CAAC"}

package/dist/src/layouts/KdsCardClickable/index.d.ts

@@ -1,4 +0,0 @@
-export { default as KdsCardClickable } from './KdsCardClickable.vue';
-export type * from './types';
-export { kdsCardVariant, kdsCardVariants } from './enums';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/KdsCardClickable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/KdsCardClickable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,mBAAmB,SAAS,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/layouts/KdsCardClickable/types.d.ts

@@ -1,69 +0,0 @@
-import { kdsCardVariant } from './enums';
-export type KdsCardVariant = (typeof kdsCardVariant)[keyof typeof kdsCardVariant];
-export type KdsCardAriaProps = {
-    /**
-     * Accessible label for the card. Use this when providing a simple text label.
-     * Either ariaLabel or ariaLabelledby must be provided, but not both.
-     */
-    ariaLabel: string;
-    /**
-     * ID of an element that labels the card. Use this when the label already exists elsewhere in the DOM.
-     * Either ariaLabel or ariaLabelledby must be provided, but not both.
-     */
-    ariaLabelledby?: never;
-} | {
-    ariaLabel?: never;
-    ariaLabelledby: string;
-};
-/**
- * Props for KdsCardClickable component.
- *
- * **Important Usage Note**: Due to TypeScript limitations with discriminated unions in Vue templates,
- * you must use `v-bind` with a properly typed object. Direct prop binding (even with hardcoded values)
- * will cause type errors because Vue's template compiler cannot narrow discriminated unions.
- *
- * @example
- * // ✅ Correct: Use v-bind with a typed object
- * const cardProps: KdsCardProps = {
- *   variant: "filled",
- *   ariaLabel: "My card"
- * };
- * <KdsCardClickable v-bind="cardProps">
- *   <div>Content</div>
- * </KdsCardClickable>
- *
- * @example
- * // ✅ Correct: In wrapper components, use computed with typed object
- * const cardProps = computed(() => {
- *   const base = { variant: props.variant, selectable: props.selectable };
- *   return props.ariaLabel
- *     ? { ...base, ariaLabel: props.ariaLabel } as KdsCardProps
- *     : { ...base, ariaLabelledby: props.ariaLabelledby! } as KdsCardProps;
- * });
- * <KdsCardClickable v-bind="cardProps" />
- *
- * @example
- * // ❌ Incorrect: Direct prop binding causes type errors
- * <KdsCardClickable aria-label="My card" variant="filled">
- *   <div>Content</div>
- * </KdsCardClickable>
- *
- * @example
- * // ❌ Incorrect: Even forwarding individual props causes type errors
- * <KdsCardClickable :aria-label="ariaLabel" :aria-labelledby="ariaLabelledby" />
- */
-export type KdsCardProps = {
-    /**
-     * The visual style of the card container
-     */
-    variant?: KdsCardVariant;
-    /**
-     * Whether the card can be selected
-     */
-    selectable?: boolean;
-    /**
-     * Whether the card is disabled. When disabled, the card cannot be clicked or focused.
-     */
-    disabled?: boolean;
-} & KdsCardAriaProps;
-//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/KdsCardClickable/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/KdsCardClickable/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GACxB;IACE;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC"}