@knime/kds-components 0.15.1 → 0.16.1

package/dist/layouts/EmptyState/KdsEmptyState.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/EmptyState/KdsEmptyState.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;;;;;;AAuGlD,wBAQG"}
+{"version":3,"file":"KdsEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/EmptyState/KdsEmptyState.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;;;;;;AAyHlD,wBAQG"}

package/dist/layouts/EmptyState/types.d.ts

@@ -3,5 +3,6 @@ export type KdsEmptyStateProps = {
     headline: string;
     description?: string;
     button?: KdsButtonProps | KdsLinkButtonProps;
+    loadingSpinner?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/layouts/EmptyState/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layouts/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layouts/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}

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

@@ -3,8 +3,8 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            title: string;
-            icon: "replace" | "search" | "bold" | "link" | "filter" | "time" | "stop" | "text" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "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" | "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-database" | "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-workflow" | "folder" | "forum" | "function-catalog" | "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" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "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" | "team" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close";
+            headline: string;
+            leadingIcon: "replace" | "search" | "bold" | "link" | "filter" | "time" | "stop" | "text" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "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" | "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-database" | "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-workflow" | "folder" | "forum" | "function-catalog" | "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" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "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" | "team" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close";
             variant: import('./types').KdsModalVariant;
             overflow: "auto" | "hidden" | "visible";
             onClose: (event?: Event) => void;
@@ -25,11 +25,11 @@ declare const __VLS_component: import('vue').DefineComponent<KdsModalProps, {},
     onClose?: ((event?: Event | undefined) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
-    title: string;
     variant: import('./types').KdsModalVariant;
-    icon: import('../..').KdsIconName;
-    width: import('./types').KdsModalWidth;
+    leadingIcon: import('../..').KdsIconName;
+    headline: string;
     active: boolean;
+    width: import('./types').KdsModalWidth;
     overflow: "hidden" | "auto" | "visible";
     height: import('./types').KdsModalHeight;
     closedby: import('./types').KdsModalClosedBy;

package/dist/overlays/Modal/KdsModalLayout.vue.d.ts

@@ -10,9 +10,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<KdsModalLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsModalLayoutProps> & Readonly<{}>, {
-    title: string;
     variant: import('./types').KdsModalVariant;
-    icon: import('../..').KdsIconName;
+    leadingIcon: import('../..').KdsIconName;
+    headline: string;
     overflow: "hidden" | "auto" | "visible";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/overlays/Modal/enums.d.ts

@@ -23,16 +23,16 @@ export declare const kdsModalVariant: {
 };
 export declare const kdsModalVariants: ("padded" | "plain")[];
 export declare const kdsModalLayoutPropsDefault: {
-    readonly title: "";
+    readonly headline: "";
     readonly variant: "padded";
     readonly overflow: "auto";
-    readonly icon: undefined;
+    readonly leadingIcon: undefined;
 };
 export declare const kdsModalPropsDefault: {
-    readonly title: "";
+    readonly headline: "";
     readonly variant: "padded";
     readonly overflow: "auto";
-    readonly icon: undefined;
+    readonly leadingIcon: undefined;
     readonly active: false;
     readonly height: "auto";
     readonly width: "medium";

package/dist/overlays/Modal/types.d.ts

@@ -9,8 +9,8 @@ export type KdsModalProps = {
      *
      * **Only used for special modals most regular ones do not need one.**
      */
-    icon?: KdsIconName;
-    title?: string;
+    leadingIcon?: KdsIconName;
+    headline?: string;
     /**
      * `padded` adds gap and padding to the content
      *
@@ -48,7 +48,7 @@ export type KdsModalProps = {
      */
     overflow?: "hidden" | "auto" | "visible";
 };
-export type KdsModalLayoutProps = Pick<KdsModalProps, "title" | "variant" | "icon" | "overflow"> & {
+export type KdsModalLayoutProps = Pick<KdsModalProps, "headline" | "variant" | "leadingIcon" | "overflow"> & {
     onClose: (event?: Event) => void;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/overlays/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACvD,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,aAAa,EACb,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC1C,GAAG;IAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACvD,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,aAAa,EACb,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CACpD,GAAG;IAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC"}

package/dist/overlays/Modal/useKdsDynamicModal.d.ts

@@ -88,9 +88,9 @@ export declare const useKdsDynamicModal: () => {
     config: import('vue').ComputedRef<{
         type: "confirm";
         value: {
-            title?: string | undefined;
             variant?: import('./types').KdsModalVariant | undefined;
-            icon?: import('../..').KdsIconName | undefined;
+            leadingIcon?: import('../..').KdsIconName | undefined;
+            headline?: string | undefined;
             width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
             height?: import('./types').KdsModalHeight | undefined;
@@ -122,9 +122,9 @@ export declare const useKdsDynamicModal: () => {
                 }) => void) | undefined;
             })[] | undefined;
         } | {
-            title?: string | undefined;
             variant?: import('./types').KdsModalVariant | undefined;
-            icon?: import('../..').KdsIconName | undefined;
+            leadingIcon?: import('../..').KdsIconName | undefined;
+            headline?: string | undefined;
             width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
             height?: import('./types').KdsModalHeight | undefined;
@@ -155,9 +155,9 @@ export declare const useKdsDynamicModal: () => {
     } | {
         type: "dynamic";
         value: {
-            title?: string | undefined;
             variant?: import('./types').KdsModalVariant | undefined;
-            icon?: import('../..').KdsIconName | undefined;
+            leadingIcon?: import('../..').KdsIconName | undefined;
+            headline?: string | undefined;
             width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
             height?: import('./types').KdsModalHeight | undefined;

package/dist/overlays/Popover/KdsPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjE,KAAK,WAAW,GAAG,eAAe,CAAC;AAoCnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;kBAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjE,KAAK,WAAW,GAAG,eAAe,CAAC;AAoCnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;kBAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/overlays/Popover/types.d.ts

@@ -15,7 +15,7 @@ export type KdsPopoverProps = {
     /**
      * Role of the popover element (for accessibility).
      *
-     * Defaults to "dialog".
+     * Defaults to undefined.
      */
     role?: KdsPopoverRole;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.15.1",
+  "version": "0.16.1",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -36,23 +36,23 @@
   "dependencies": {
     "@knime/utils": "^1.9.2",
     "consola": "^3.4.2",
-    "@knime/kds-styles": "^0.15.1"
+    "@knime/kds-styles": "^0.16.1"
   },
   "devDependencies": {
-    "@storybook/vue3-vite": "^10.2.13",
+    "@storybook/vue3-vite": "^10.2.17",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.9.0",
     "@vueuse/core": "^14.2.1",
     "prettier": "3.8.1",
     "prettier-plugin-vue": "^1.1.6",
-    "storybook": "^10.2.13",
+    "storybook": "^10.2.17",
     "ts-morph": "^27.0.2",
     "vite": "^7.1.11",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-svg-loader": "^5.1.0",
-    "vue": "3.5.29",
+    "vite-svg-loader": "^5.1.1",
+    "vue": "3.5.30",
     "vue-tsc": "^3.2.5"
   },
   "engines": {