@knime/kds-components 0.31.3 → 0.31.4

package/dist/src/accessories/InlineMessage/KdsInlineMessage.vue.d.ts

@@ -1,4 +1,19 @@
 import { KdsInlineMessageProps } from './types';
-declare const _default: import('vue').DefineComponent<KdsInlineMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsInlineMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<KdsInlineMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsInlineMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=KdsInlineMessage.vue.d.ts.map

package/dist/src/accessories/InlineMessage/KdsInlineMessage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsInlineMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/InlineMessage/KdsInlineMessage.vue"],"names":[],"mappings":"AAmHA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;;AAyGrD,wBAOG"}
+{"version":3,"file":"KdsInlineMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/InlineMessage/KdsInlineMessage.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA4BrD,iBAAS,cAAc;WA8DT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iUAOnB,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/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts

@@ -19,6 +19,7 @@ declare const _default: import('vue').DefineComponent<({
 } & {
     results?: import('./types').KdsSearchResult[];
     resultsMaxHeight?: string;
+    leadingIcon?: import('../../../index.ts').KdsIconName;
 }) | ({
     modelValue?: string;
 } & {
@@ -40,6 +41,7 @@ declare const _default: import('vue').DefineComponent<({
 } & {
     results?: import('./types').KdsSearchResult[];
     resultsMaxHeight?: string;
+    leadingIcon?: import('../../../index.ts').KdsIconName;
 }), {
     focus: (options?: FocusOptions) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -69,6 +71,7 @@ declare const _default: import('vue').DefineComponent<({
 } & {
     results?: import('./types').KdsSearchResult[];
     resultsMaxHeight?: string;
+    leadingIcon?: import('../../../index.ts').KdsIconName;
 }) | ({
     modelValue?: string;
 } & {
@@ -90,6 +93,7 @@ declare const _default: import('vue').DefineComponent<({
 } & {
     results?: import('./types').KdsSearchResult[];
     resultsMaxHeight?: string;
+    leadingIcon?: import('../../../index.ts').KdsIconName;
 })> & Readonly<{
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;

package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";iBAuSa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;mBAhHnB,CA1EqB;;;;;;;;iBA0LR,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmP+pS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBxyS,wBAUG"}
+{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";iBAySa,MAAM;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;mBAjHnB,CA3Ec;;;;;;;;iBA4LD,MAAM;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmP2lS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBpuS,wBAUG"}

package/dist/src/forms/inputs/SearchInput/types.d.ts

@@ -1,5 +1,5 @@
 import { KdsIconName } from '../../../accessories';
-import { KdsIconAccessory } from '../../../containers/ListItem/ListItemAccessory/types';
+import { KdsListItemAccessory } from '../../../containers/ListItem/ListItemAccessory/types';
 import { KdsInputFieldProps } from '../types';
 export type KdsSearchResult = {
     id: string;
@@ -11,13 +11,17 @@ export type KdsSearchResult = {
      * during keyboard navigation and cannot be clicked.
      */
     sectionHeadline?: boolean;
-    /** Optional leading accessory (icon only) shown before the text */
-    accessory?: KdsIconAccessory;
+    /** Optional leading accessory shown before the text */
+    accessory?: KdsListItemAccessory;
     text: string;
     /** Optional subtext shown below the main label (multiline list item layout) */
     subText?: string;
     /** Show a separator below the item if it's not the last in the list */
     separator?: boolean;
+    /** Disables the option in the list */
+    disabled?: boolean;
+    /** Renders the item as selected */
+    selected?: boolean;
 };
 export type KdsSearchInputProps = KdsInputFieldProps & {
     /**
@@ -29,5 +33,7 @@ export type KdsSearchInputProps = KdsInputFieldProps & {
     results?: KdsSearchResult[];
     /** Max height of the results container */
     resultsMaxHeight?: string;
+    /** Leading icon shown inside the input. Defaults to "search". */
+    leadingIcon?: KdsIconName;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/forms/inputs/SearchInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC"}

package/dist/src/layouts/LoadingSkeleton/enums.d.ts

@@ -9,9 +9,10 @@ export declare const loadingSkeletonItemShape: {
     readonly BUTTON_SMALL: "button-small";
     readonly BUTTON_XSMALL: "button-xsmall";
     readonly CARD: "card";
-    readonly INPUT_WITH_LABEL: "input-with-label";
+    readonly INPUT: "input";
 };
 export declare const kdsLoadingSkeletonVariant: {
+    readonly INPUT_WITH_LABEL: "input-with-label";
     readonly HEADLINE_WITH_PARAGRAPH: "headline-with-paragraph";
     readonly LIST_ITEM_LARGE: "list-item-large";
     readonly LIST_ITEM_LARGE_WITH_SUBTEXT: "list-item-large-with-subtext";
@@ -27,7 +28,7 @@ export declare const kdsLoadingSkeletonVariant: {
     readonly BUTTON_SMALL: "button-small";
     readonly BUTTON_XSMALL: "button-xsmall";
     readonly CARD: "card";
-    readonly INPUT_WITH_LABEL: "input-with-label";
+    readonly INPUT: "input";
 };
-export declare const kdsLoadingSkeletonVariants: ("label" | "text" | "icon-large" | "icon-medium" | "icon-small" | "button-large" | "button-medium" | "button-small" | "button-xsmall" | "card" | "input-with-label" | "headline-with-paragraph" | "list-item-large" | "list-item-large-with-subtext" | "list-item-small" | "list-item-small-with-subtext")[];
+export declare const kdsLoadingSkeletonVariants: ("input" | "label" | "text" | "icon-large" | "icon-medium" | "icon-small" | "button-large" | "button-medium" | "button-small" | "button-xsmall" | "card" | "input-with-label" | "headline-with-paragraph" | "list-item-large" | "list-item-large-with-subtext" | "list-item-small" | "list-item-small-with-subtext")[];
 //# sourceMappingURL=enums.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;CAY3B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;CAO5B,CAAC;AAEX,eAAO,MAAM,0BAA0B,8SAEtC,CAAC"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;CAY3B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAQ5B,CAAC;AAEX,eAAO,MAAM,0BAA0B,wTAEtC,CAAC"}

package/dist/src/layouts/Panel/KdsPanel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAoOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAuC7C,iBAAS,cAAc;WAqPT,OAAO,IAA6B;;kBA7QtC,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBAA3C,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;EAkRtD;AAkBD,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"}
+{"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyC7C,iBAAS,cAAc;WAqPT,OAAO,IAA6B;;kBA/QtC,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBAA3C,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;EAoRtD;AAkBD,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"}

package/dist/src/layouts/Panel/enums.d.ts

@@ -2,8 +2,9 @@ export declare const kdsPanelBodyOverflow: {
     readonly AUTO: "auto";
     readonly HIDDEN: "hidden";
     readonly VISIBLE: "visible";
+    readonly CLIP: "clip";
 };
-export declare const kdsPanelBodyOverflows: ("auto" | "hidden" | "visible")[];
+export declare const kdsPanelBodyOverflows: ("auto" | "hidden" | "visible" | "clip")[];
 export declare const kdsPanelBodyVariant: {
     readonly PADDED: "padded";
     readonly PLAIN: "plain";

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

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,mCAAsC,CAAC;AAEzE,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wBAAqC,CAAC"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4CAAsC,CAAC;AAEzE,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wBAAqC,CAAC"}

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

@@ -87,7 +87,7 @@ export type KdsPanelProps = {
     ariaLabel?: string;
     /**
      * Overflow behavior of the panel body scroll container.
-     * The body is removed from tab order when set to `hidden`.
+     * The body is removed from tab order when set to `hidden` or `clip`.
      * When focusable and no `headline` is provided, the body uses `ariaLabel`.
      *
      * @default auto

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

@@ -1 +1 @@
-{"version":3,"file":"KdsModalLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Modal/KdsModalLayout.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAcnD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;sBAXvB,GAAG;wBACD,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAMnB,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"}
+{"version":3,"file":"KdsModalLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Modal/KdsModalLayout.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAcnD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;sBAXvB,GAAG;wBACD,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAMnB,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.31.3",
+  "version": "0.31.4",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "motion": "^12.39.0",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^0.31.3"
+    "@knime/kds-styles": "^0.31.4"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.3",