@knime/kds-components 0.15.1 → 0.16.0

package/dist/accessories/Badge/KdsBadge.vue.d.ts

@@ -2,7 +2,7 @@ import { KdsBadgeProps, KdsBadgeSize } from './types';
 declare const _default: import('vue').DefineComponent<KdsBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsBadgeProps> & Readonly<{}>, {
     size: KdsBadgeSize;
     variant: import('./types').KdsBadgeVariant;
-    icon: import('..').KdsIconName;
+    leadingIcon: import('..').KdsIconName;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;
 //# sourceMappingURL=KdsBadge.vue.d.ts.map

package/dist/accessories/Badge/KdsBadge.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Badge/KdsBadge.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;;AAwF3D,wBAQG"}
+{"version":3,"file":"KdsBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Badge/KdsBadge.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;;AAwF3D,wBAQG"}

package/dist/accessories/Badge/types.d.ts

@@ -10,6 +10,6 @@ export type KdsBadgeProps = {
     /** Size of the badge. Defaults to "xsmall". */
     size?: KdsBadgeSize;
     /** Icon shown next to the label. */
-    icon?: KdsIconName;
+    leadingIcon?: KdsIconName;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/accessories/Badge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,oCAAoC;IACpC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC"}

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

@@ -1,7 +1,7 @@
 import { KdsInlineMessageProps } from './types';
 declare const _default: import('vue').DefineComponent<KdsInlineMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsInlineMessageProps> & Readonly<{}>, {
     variant: import('./types').KdsInlineMessageVariant;
-    message: string;
+    description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=KdsInlineMessage.vue.d.ts.map

package/dist/accessories/InlineMessage/types.d.ts

@@ -1,10 +1,10 @@
 import { kdsInlineMessageVariant } from './enums';
 export type KdsInlineMessageVariant = (typeof kdsInlineMessageVariant)[keyof typeof kdsInlineMessageVariant];
 export type KdsInlineMessageProps = {
-    /** The title displayed at the top of the inline message. */
-    title: string;
-    /** The message content displayed inside the inline message. */
-    message?: string;
+    /** The headline displayed at the top of the inline message. */
+    headline: string;
+    /** The description content displayed inside the inline message. */
+    description?: string;
     /** Variant of the inline message. */
     variant?: KdsInlineMessageVariant;
 };

package/dist/accessories/InlineMessage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG;IAClC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IAEd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,qCAAqC;IACrC,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG;IAClC,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC"}

package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import('vue').DefineComponent<KdsListContainerProps, {
     onItemClick?: ((id: string) => any) | undefined;
 }>, {
     emptyText: string;
+    loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerEl: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;AA0T7E,wBAWG"}
+{"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AAqSA,OAAO,KAAK,EAEV,qBAAqB,EAEtB,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;AAmXjB,wBAWG"}

package/dist/forms/_helper/List/ListContainer/types.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { KdsIconName } from '../../../../accessories';
 import { KdsListItemAccessory } from '../ListItemAccessory/types';
 export type KdsListOption = {
     id: string;
@@ -15,12 +16,28 @@ export type KdsListOption = {
     disabled?: boolean;
     /** Shows the option as missing in the list */
     missing?: boolean;
+    /**
+     * When true, the item is rendered as a non-selectable section headline
+     * (styled as a section title row). Section headline items are skipped
+     * during keyboard navigation and cannot be clicked.
+     */
+    sectionHeadline?: boolean;
+    /** Optional leading icon shown before a section headline */
+    sectionHeadlineIcon?: KdsIconName;
+    /** Show a separator below the item if it's not the last in the list */
+    separator?: boolean;
 };
 export type KdsListContainerProps = {
-    /** Possible values to show in the list */
+    /**
+     * Options to show in the list.
+     * Items with `sectionHeadline: true` are rendered as non-selectable
+     * section titles. Items with `separator: true` show a divider below them.
+     */
     possibleValues: KdsListOption[];
     /** Text shown when no entries are provided */
     emptyText?: string;
+    /** Whether the list is in loading state */
+    loading?: boolean;
     /** Accessible label for the listbox */
     ariaLabel?: string;
     /** When true, the list is controlled externally (e.g. by a search input). The list will not be focusable and the parent must forward events via the exposed handleKeydown/handleFocus/handleBlur methods. */

package/dist/forms/_helper/List/ListContainer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,0CAA0C;IAC1C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrD,CAAC"}

package/dist/forms/_helper/List/ListItemDivider/ListItemDivider.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLHRElement>;
+export default _default;
+//# sourceMappingURL=ListItemDivider.vue.d.ts.map

package/dist/forms/_helper/List/ListItemDivider/ListItemDivider.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemDivider.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemDivider/ListItemDivider.vue"],"names":[],"mappings":";AAsDA,wBAMG"}

package/dist/forms/_helper/List/ListItemDivider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ListItemDivider } from './ListItemDivider.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/_helper/List/ListItemDivider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue.d.ts

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

package/dist/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSectionTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;;;;AA6E/D,wBAQG"}

package/dist/forms/_helper/List/ListItemSectionTitle/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListItemSectionTitle } from './ListItemSectionTitle.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/_helper/List/ListItemSectionTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemSectionTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,mBAAmB,SAAS,CAAC"}

package/dist/forms/_helper/List/ListItemSectionTitle/types.d.ts

@@ -0,0 +1,8 @@
+import { KdsIconName } from '../../../../accessories';
+export type KdsListItemSectionTitleProps = {
+    /** Text shown in the section title row. */
+    label: string;
+    /** Optional leading icon shown before the section title. */
+    leadingIcon?: KdsIconName;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/_helper/List/ListItemSectionTitle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemSectionTitle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,4BAA4B,GAAG;IACzC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC"}

package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts

@@ -228,6 +228,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         itemClick: (id: string) => any;
     }, import('vue').PublicProps, {
         emptyText: string;
+        loading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         containerEl: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -246,6 +247,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
     }, {}, {}, {}, {
         emptyText: string;
+        loading: boolean;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8J6/b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBnoc,wBAUG"}
+{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgKu2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB7+b,wBAUG"}

package/dist/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/KdsDropdown.vue"],"names":[],"mappings":";AAwUA,wBAUG"}
+{"version":3,"file":"KdsDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/KdsDropdown.vue"],"names":[],"mappings":";AA8UA,wBAUG"}

package/dist/forms/selects/Dropdown/types.d.ts

@@ -20,6 +20,8 @@ export type KdsDropdownProps = {
     placeholder?: string;
     /** Whether the input is disabled */
     disabled?: boolean;
+    /** Whether the dropdown list is in loading state */
+    loading?: boolean;
     /** Values shown in the dropdown list */
     possibleValues: KdsDropdownOption[];
 } & KdsFormFieldProps;
@@ -30,6 +32,8 @@ export type DropdownOptionWithMissing = KdsDropdownOption & {
 export type DropdownContainerProps = {
     /** Text shown when the list is empty (no entries or no search results) */
     emptyText: string;
+    /** Whether the list is in loading state */
+    loading?: boolean;
     /** Values shown in the dropdown list */
     possibleValues: KdsDropdownOption[];
 };

package/dist/forms/selects/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,GAAG,iBAAiB,CAAC;AAItB,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,GAAG,iBAAiB,CAAC;AAItB,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/index.css

@@ -196,13 +196,13 @@
 }
 
 .kds-badge {
-&[data-v-5c6c74a8] {
+&[data-v-0dc42bfc] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
   border-radius: var(--kds-border-radius-container-pill);
 }
-& .label-wrapper[data-v-5c6c74a8] {
+& .label-wrapper[data-v-0dc42bfc] {
     min-width: 0;
     max-width: var(--kds-dimension-component-width-16x);
     padding: 0 var(--kds-spacing-container-0-12x);
@@ -210,43 +210,43 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-&.xxsmall[data-v-5c6c74a8] {
+&.xxsmall[data-v-0dc42bfc] {
     height: var(--kds-dimension-component-height-1x);
     padding: 0 var(--kds-spacing-container-0-25x);
     font: var(--kds-font-base-title-xsmall);
 }
-&.xsmall[data-v-5c6c74a8] {
+&.xsmall[data-v-0dc42bfc] {
     gap: var(--kds-spacing-container-0-12x);
     height: var(--kds-dimension-component-height-1-25x);
     padding: 0 var(--kds-spacing-container-0-37x);
     font: var(--kds-font-base-title-small);
 }
-&.neutral[data-v-5c6c74a8] {
+&.neutral[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-neutral);
     background-color: var(--kds-color-background-neutral-bold-initial);
     border: var(--kds-border-base-subtle);
 }
-&.info[data-v-5c6c74a8] {
+&.info[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-info);
     background-color: var(--kds-color-background-static-info);
     border: var(--kds-border-base-info);
 }
-&.warning[data-v-5c6c74a8] {
+&.warning[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-warning);
     background-color: var(--kds-color-background-static-warning);
     border: var(--kds-border-base-warning);
 }
-&.success[data-v-5c6c74a8] {
+&.success[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-success);
     background-color: var(--kds-color-background-static-success);
     border: var(--kds-border-base-success);
 }
-&.error[data-v-5c6c74a8] {
+&.error[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-danger);
     background-color: var(--kds-color-background-static-danger);
     border: var(--kds-border-base-danger);
 }
-&.ghost[data-v-5c6c74a8] {
+&.ghost[data-v-0dc42bfc] {
     color: var(--kds-color-text-and-icon-neutral);
     background-color: transparent;
     border: var(--kds-border-base-subtle);
@@ -398,7 +398,7 @@ to {
 }
 
 .kds-inline-message {
-&[data-v-ab9855b7] {
+&[data-v-3d79be7c] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-25x);
@@ -410,45 +410,45 @@ to {
   border-radius: var(--kds-border-radius-container-0-50x);
 }
 .header {
-&[data-v-ab9855b7] {
+&[data-v-3d79be7c] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-items: flex-start;
 }
-.icon[data-v-ab9855b7] {
+.icon[data-v-3d79be7c] {
       align-self: flex-start;
       margin-top: var(--kds-spacing-container-0-12x);
       color: var(--icon-color);
 }
-.title[data-v-ab9855b7] {
+.headline[data-v-3d79be7c] {
       font: var(--kds-font-base-title-small-strong);
 }
 }
-.body[data-v-ab9855b7] {
+.body[data-v-3d79be7c] {
     align-self: stretch;
     padding-left: var(--kds-spacing-container-1x);
     font: var(--kds-font-base-body-small);
     color: var(--kds-color-text-and-icon-muted);
 }
-&.info[data-v-ab9855b7] {
+&.info[data-v-3d79be7c] {
     --icon-color: var(--kds-color-text-and-icon-info);
 
     background-color: var(--kds-color-background-static-info-muted);
     border: var(--kds-border-base-info);
 }
-&.success[data-v-ab9855b7] {
+&.success[data-v-3d79be7c] {
     --icon-color: var(--kds-color-text-and-icon-success);
 
     background-color: var(--kds-color-background-static-success-muted);
     border: var(--kds-border-base-success);
 }
-&.error[data-v-ab9855b7] {
+&.error[data-v-3d79be7c] {
     --icon-color: var(--kds-color-text-and-icon-danger);
 
     background-color: var(--kds-color-background-static-danger-muted);
     border: var(--kds-border-base-danger);
 }
-&.warning[data-v-ab9855b7] {
+&.warning[data-v-3d79be7c] {
     --icon-color: var(--kds-color-text-and-icon-warning);
 
     background-color: var(--kds-color-background-static-warning-muted);
@@ -1513,7 +1513,7 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
   padding-right: var(--kds-spacing-container-0-12x);
 }
 
-.kds-empty-state[data-v-b4af30cf] {
+.kds-empty-state[data-v-02149081] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x);
@@ -1521,19 +1521,19 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
   max-width: 280px;
   padding: var(--kds-spacing-container-0-5x);
 }
-.kds-empty-state-headline[data-v-b4af30cf] {
+.kds-empty-state-headline[data-v-02149081] {
   margin: 0;
   font: var(--kds-font-base-title-small);
   color: var(--kds-color-text-and-icon-muted);
   text-align: center;
 }
-.kds-empty-state-description[data-v-b4af30cf] {
+.kds-empty-state-description[data-v-02149081] {
   margin: 0;
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-muted);
   text-align: center;
 }
-.kds-empty-state-action[data-v-b4af30cf] {
+.kds-empty-state-action[data-v-02149081] {
   margin-top: var(--kds-spacing-container-0-12x);
 }
 
@@ -1680,41 +1680,75 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
 }
 }
 
+.kds-list-item-divider[data-v-3ee92695] {
+  width: 100%;
+  padding: 0;
+  margin: 0 0 var(--kds-spacing-container-0-12x);
+  border: none;
+  border-bottom: var(--kds-border-base-subtle);
+}
+
+.kds-list-item-section-title {
+&[data-v-53382531] {
+  display: flex;
+  gap: var(--kds-spacing-container-0-25x);
+  align-items: center;
+  width: 100%;
+  min-height: var(--kds-dimension-component-height-1-5x);
+  padding: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-5x);
+  color: var(--kds-color-text-and-icon-muted);
+}
+.icon[data-v-53382531] {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+}
+.label[data-v-53382531] {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font: var(--kds-font-base-title-xsmall);
+    white-space: nowrap;
+}
+}
+
 .kds-list-container {
-&[data-v-bfdaa003] {
+&[data-v-276a6202] {
   display: flex;
   flex-direction: column;
+  gap: var(--kds-spacing-container-0-10x);
   padding: var(--kds-spacing-container-0-25x);
   overflow-y: auto;
 }
-&[data-v-bfdaa003]:focus-visible {
+&[data-v-276a6202]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
     border-radius: var(--kds-border-radius-container-0-31x);
 }
 }
-.kds-list-container-empty[data-v-bfdaa003] {
+.kds-list-container-empty[data-v-276a6202] {
   display: flex;
   justify-content: center;
 }
 
-.kds-dropdown-container[data-v-dd55ee4d] {
+.kds-dropdown-container[data-v-15e753c9] {
   display: flex;
   flex-direction: column;
   background-color: var(--kds-color-surface-default);
   border-radius: var(--kds-border-radius-container-0-50x);
   box-shadow: var(--kds-elevation-level-3);
 }
-.kds-dropdown-container-sticky-top[data-v-dd55ee4d] {
+.kds-dropdown-container-sticky-top[data-v-15e753c9] {
   padding: var(--kds-spacing-container-0-25x);
   background-color: var(--kds-color-surface-default);
   border-bottom: var(--kds-border-base-subtle);
 }
 .kds-dropdown-container-list {
-&[data-v-dd55ee4d] {
+&[data-v-15e753c9] {
   max-height: var(--kds-dimension-component-height-12x);
   }
-&.multiline[data-v-dd55ee4d] {
+&.multiline[data-v-15e753c9] {
     max-height: var(--kds-dimension-component-height-20x);
 }
 }
@@ -1958,7 +1992,7 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
 }
 
 .modal-header {
-&[data-v-ff11e839] {
+&[data-v-b2e57108] {
   display: flex;
   gap: var(--kds-spacing-container-0-5x);
   align-items: center;
@@ -1967,12 +2001,12 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
   font: var(--kds-font-base-title-medium-strong);
   color: var(--kds-color-text-and-icon-neutral);
 }
-& .modal-header-title[data-v-ff11e839] {
+& .modal-header-headline[data-v-b2e57108] {
     flex: 1 1 auto;
 }
 }
 .modal-body {
-&[data-v-ff11e839] {
+&[data-v-b2e57108] {
   --modal-padding-left: var(--kds-spacing-container-1-5x);
   --modal-padding-right: var(--kds-spacing-container-1-5x);
   --modal-padding-top: var(--kds-spacing-container-0-5x);
@@ -1982,17 +2016,17 @@ textarea[data-v-a2df5fed]::-webkit-scrollbar {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
-  overflow: var(--v670bbff1);
+  overflow: var(--v55fe64da);
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
 }
-&[data-variant="padded"][data-v-ff11e839] {
+&[data-variant="padded"][data-v-b2e57108] {
     gap: var(--modal-gap);
     padding: var(--modal-padding-top) var(--modal-padding-right)
       var(--modal-padding-bottom) var(--modal-padding-left);
 }
 }
-.modal-footer[data-v-ff11e839] {
+.modal-footer[data-v-b2e57108] {
   display: flex;
   gap: var(--kds-spacing-container-0-5x);
   justify-content: right;
@@ -2005,7 +2039,7 @@ body:has(dialog.modal[open]) {
 }
 
 .kds-modal {
-&[data-v-f7b58ae1] {
+&[data-v-5a8d7ce3] {
   /* rule is broken it complains about local variables for no reason */
   /* stylelint-disable csstools/value-no-unknown-custom-properties */
   --modal-full-size: 95%;
@@ -2017,7 +2051,7 @@ body:has(dialog.modal[open]) {
   height: var(--modal-height);
   max-height: var(--modal-full-size);
   padding: 0;
-  overflow: var(--v6fde1eb1);
+  overflow: var(--v073dd16a);
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
   background-color: var(--kds-color-surface-default);
@@ -2034,55 +2068,55 @@ body:has(dialog.modal[open]) {
 
   /* hide if its not open */
 }
-&.width-small[data-v-f7b58ae1] {
+&.width-small[data-v-5a8d7ce3] {
     --modal-width: var(--kds-dimension-component-width-25x);
     --modal-animation-time: 100ms;
     --modal-scale-base: 0.85;
 }
-&.width-medium[data-v-f7b58ae1] {
+&.width-medium[data-v-5a8d7ce3] {
     --modal-width: var(--kds-dimension-component-width-32x);
     --modal-animation-time: 140ms;
     --modal-scale-base: 0.88;
 }
-&.width-large[data-v-f7b58ae1] {
+&.width-large[data-v-5a8d7ce3] {
     --modal-width: var(--kds-dimension-component-width-45x);
     --modal-animation-time: 210ms;
     --modal-scale-base: 0.88;
 }
-&.width-xlarge[data-v-f7b58ae1] {
+&.width-xlarge[data-v-5a8d7ce3] {
     --modal-width: var(--kds-dimension-component-width-61x);
     --modal-animation-time: 300ms;
     --modal-scale-base: 0.88;
 }
-&.width-full[data-v-f7b58ae1] {
+&.width-full[data-v-5a8d7ce3] {
     --modal-width: var(--modal-full-size);
     --modal-animation-time: 350ms;
     --modal-scale-base: 0.92;
 }
-&.height-full[data-v-f7b58ae1] {
+&.height-full[data-v-5a8d7ce3] {
     --modal-height: var(--modal-full-size);
 }
-&.height-auto[data-v-f7b58ae1] {
+&.height-auto[data-v-5a8d7ce3] {
     --modal-height: fit-content;
 }
-&[data-v-f7b58ae1]:not([open]) {
+&[data-v-5a8d7ce3]:not([open]) {
     display: none;
 }
-&[data-v-f7b58ae1]:focus-visible,
-  &[data-v-f7b58ae1]:focus {
+&[data-v-5a8d7ce3]:focus-visible,
+  &[data-v-5a8d7ce3]:focus {
     outline: none;
 }
-&[data-v-f7b58ae1]::backdrop {
+&[data-v-5a8d7ce3]::backdrop {
     background: var(--kds-color-blanket-default);
     opacity: 0;
     transition: var(--modal-animation-time) allow-discrete;
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-property: display, opacity, overlay;
 }
-&[open][data-v-f7b58ae1]::backdrop {
+&[open][data-v-5a8d7ce3]::backdrop {
     opacity: 1;
 }
-&[open][data-v-f7b58ae1] {
+&[open][data-v-5a8d7ce3] {
     opacity: 1;
     transform: scale(1);
 }
@@ -2091,26 +2125,26 @@ body:has(dialog.modal[open]) {
 /** Animation starting styles */
 @starting-style {
 .kds-modal {
-&[data-v-f7b58ae1] {
+&[data-v-5a8d7ce3] {
     opacity: 1;
     transform: scale(1);
 }
-&[open][data-v-f7b58ae1] {
+&[open][data-v-5a8d7ce3] {
       opacity: 0;
       transform: scale(var(--modal-scale-base));
 }
-&[data-v-f7b58ae1]::backdrop {
+&[data-v-5a8d7ce3]::backdrop {
       opacity: 1;
 }
-&[open][data-v-f7b58ae1]::backdrop {
+&[open][data-v-5a8d7ce3]::backdrop {
       opacity: 0;
 }
 }
 }
 
-.ask-again[data-v-67e036b5] {
+.ask-again[data-v-41fc8d84] {
   padding: var(--kds-spacing-container-0-5x) 0 0 0;
 }
-.flush-left[data-v-67e036b5] {
+.flush-left[data-v-41fc8d84] {
   margin-right: auto;
 }