@knime/kds-components 0.8.0 → 0.9.0

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

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
             title: string;
             icon: "replace" | "search" | "bold" | "link" | "filter" | "time" | "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: "hidden" | "auto" | "visible";
+            overflow: "auto" | "hidden" | "visible";
             onClose: (event?: Event) => void;
         }): any;
         body?(_: {}): any;

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

@@ -19,7 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    role: import('./types').KdsPopoverRole;
     placement: import('./types').KdsPopoverPlacement;
+    fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popoverEl: HTMLDivElement;
 }, HTMLDivElement>;

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":"AAoMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAiGnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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":"AA4NA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAqGnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBAUnB,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/enums.d.ts

@@ -5,4 +5,10 @@ export declare const kdsPopoverPlacement: {
     readonly BOTTOM_RIGHT: "bottom-right";
 };
 export declare const kdsPopoverPlacements: ("top-left" | "top-right" | "bottom-left" | "bottom-right")[];
+export declare const kdsPopoverRole: {
+    readonly DIALOG: "dialog";
+    readonly MENU: "menu";
+    readonly LISTBOX: "listbox";
+};
+export declare const kdsPopoverRoles: ("dialog" | "menu" | "listbox")[];
 //# sourceMappingURL=enums.d.ts.map

package/dist/overlays/Popover/enums.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,+DAAqC,CAAC"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,+DAAqC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,mCAAgC,CAAC"}

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

@@ -1,4 +1,4 @@
 export { default as KdsPopover } from './KdsPopover.vue';
-export { kdsPopoverPlacement, kdsPopoverPlacements } from './enums';
+export { kdsPopoverPlacement, kdsPopoverPlacements, kdsPopoverRole, kdsPopoverRoles, } from './enums';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/overlays/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpE,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}

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

@@ -1,6 +1,7 @@
 import { ComponentPublicInstance, MaybeRef } from 'vue';
-import { kdsPopoverPlacement } from './enums';
+import { kdsPopoverPlacement, kdsPopoverRole } from './enums';
 export type KdsPopoverPlacement = (typeof kdsPopoverPlacement)[keyof typeof kdsPopoverPlacement];
+export type KdsPopoverRole = (typeof kdsPopoverRole)[keyof typeof kdsPopoverRole];
 export type KdsPopoverProps = {
     /**
      * Reference to the activator element (typically a button element).
@@ -15,8 +16,28 @@ export type KdsPopoverProps = {
      */
     anchorEl?: MaybeRef<HTMLElement | ComponentPublicInstance | null>;
     /**
-     * Where the popover should be positioned relative to its anchor.
+     * Placement of the popover relative to the anchor element.
+     *
+     * Format: `{side}-{edge}` where:
+     * - `side`: which side of the anchor the popover appears on (`top`, `bottom`)
+     * - `edge`: which edge of the popover aligns with the anchor's edge (`left`, `right`)
+     *
+     * @default "bottom-left"
      */
     placement?: KdsPopoverPlacement;
+    /**
+     * Role of the popover element (for accessibility).
+     *
+     * Defaults to "dialog".
+     */
+    role?: KdsPopoverRole;
+    /**
+     * When true, enforces the popover's minimum width to match the anchor element's width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Optional content rendered when no default slot is provided.
+     */
+    content?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAElE;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAElE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
   "dependencies": {
     "@knime/utils": "^1.9.2",
     "consola": "^3.4.2",
-    "@knime/kds-styles": "^0.8.0"
+    "@knime/kds-styles": "^0.9.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.2.4",

package/dist/buttons/KdsInfoToggleButton/KdsInfoToggleButton.vue.d.ts

@@ -1,15 +0,0 @@
-import { KdsInfoToggleButtonProps } from './types';
-type __VLS_Props = KdsInfoToggleButtonProps;
-type __VLS_PublicProps = {
-    modelValue?: boolean;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    hidden: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-export default _default;
-//# sourceMappingURL=KdsInfoToggleButton.vue.d.ts.map

package/dist/buttons/KdsInfoToggleButton/KdsInfoToggleButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsInfoToggleButton/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAkB5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;AA2EhB,wBASG"}

package/dist/buttons/KdsInfoToggleButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsInfoToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,mBAAmB,SAAS,CAAC"}

package/dist/buttons/KdsInfoToggleButton/types.d.ts

@@ -1,8 +0,0 @@
-export type KdsInfoToggleButtonProps = {
-    disabled?: boolean;
-    /**
-     * If set to true, the button is visible even when not focused.
-     */
-    hidden?: boolean;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/buttons/KdsInfoToggleButton/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsInfoToggleButton/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/dist/buttons/KdsVariableToggleButton/KdsVariableToggleButton.vue.d.ts

@@ -1,18 +0,0 @@
-import { KdsVariableToggleButtonProps } from './types';
-type __VLS_Props = KdsVariableToggleButtonProps;
-type __VLS_PublicProps = {
-    modelValue?: boolean;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    error: boolean;
-    hidden: boolean;
-    inSet: boolean;
-    outSet: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-export default _default;
-//# sourceMappingURL=KdsVariableToggleButton.vue.d.ts.map

package/dist/buttons/KdsVariableToggleButton/KdsVariableToggleButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsVariableToggleButton/KdsVariableToggleButton.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,KAAK,WAAW,GAAG,4BAA4B,CAAC;AAyEhD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;AA8EhB,wBASG"}

package/dist/buttons/KdsVariableToggleButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsVariableToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACnF,mBAAmB,SAAS,CAAC"}

package/dist/buttons/KdsVariableToggleButton/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsVariableToggleButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}

package/dist/forms/BaseFormFieldWrapper.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseFormFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/forms/BaseFormFieldWrapper.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAYhC,iBAAS,cAAc;WAgET,OAAO,IAA6B;;;;;;;;YAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,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/forms/KdsLabel.vue.d.ts

@@ -1,6 +0,0 @@
-import { KdsLabelProps } from './types';
-declare const _default: import('vue').DefineComponent<KdsLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    labelEl: HTMLLabelElement;
-}, HTMLLabelElement>;
-export default _default;
-//# sourceMappingURL=KdsLabel.vue.d.ts.map

package/dist/forms/KdsLabel.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsLabel.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsLabel.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;;;AAyD7C,wBAQG"}

package/dist/forms/KdsSubText.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsSubText.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;AAmG/C,wBAOG"}