@uh-design-system/component-library 0.7.1 → 0.7.2-rc.0

package/dist/types/components.d.ts

@@ -366,6 +366,71 @@ export namespace Components {
          */
         "dsLabel"?: string;
     }
+    interface DsCombobox {
+        /**
+          * Passed to the `aria-label` attribute of the `input` element of the rendered combobox.
+         */
+        "dsAriaLabel"?: string;
+        /**
+          * Text for additional information shown below label.
+         */
+        "dsAssistiveText"?: string;
+        /**
+          * If true, allows the user to clear the selected option.
+          * @default true
+         */
+        "dsClearable": boolean;
+        /**
+          * Passed to the `disabled` attribute of the `input` element of the rendered combobox.
+          * @default false
+         */
+        "dsDisabled": boolean;
+        /**
+          * Error message shown below the combobox. If set, the combobox is shown in an invalid state.
+         */
+        "dsErrorText"?: string;
+        /**
+          * Defines combobox's filtering stategy: - "dynamic" options are filtered - "static" options are not filtered  Both options emit the `dsFilterChange` event on user input. Use this event to filter options using "static" strategy.
+          * @default 'dynamic'
+         */
+        "dsFilteringStrategy": 'dynamic' | 'static';
+        /**
+          * Icon to display at the start of the combobox.
+         */
+        "dsIcon"?: string;
+        /**
+          * Unique `id` attribute of the combobox element.
+          * @default comboboxIdGenerator.next().value as string
+         */
+        "dsId"?: string;
+        /**
+          * Label of the combobox.
+         */
+        "dsLabel"?: string;
+        /**
+          * If true, shows a loading spinner and text.
+          * @default false
+         */
+        "dsLoading": boolean;
+        /**
+          * When using "static" filtering strategy use this property to indicate that there are no results for the current search.
+         */
+        "dsNoResults"?: boolean;
+        /**
+          * If true, shows an options error.
+          * @default false
+         */
+        "dsOptionsError": boolean;
+        /**
+          * Passed to the `placeholder` attribute of the `input` element of the rendered combobox.
+         */
+        "dsPlaceholder"?: string;
+        /**
+          * If true, hides the placeholder text.
+          * @default false
+         */
+        "dsPlaceholderHidden": boolean;
+    }
     interface DsGrid {
         /**
           * If true, the grid will be a container.
@@ -3752,7 +3817,7 @@ export namespace Components {
     }
     interface DsOption {
         /**
-          * Whether the option is currently active (focused).
+          * If true, the option is currently active (focused).
           * @default false
          */
         "dsActive": boolean;
@@ -3761,7 +3826,7 @@ export namespace Components {
          */
         "dsDescription"?: string;
         /**
-          * Whether the option is disabled.
+          * If true, the option is disabled.
           * @default false
          */
         "dsDisabled": boolean;
@@ -3770,7 +3835,35 @@ export namespace Components {
          */
         "dsFocus": () => Promise<void>;
         /**
-          * Whether the option is currently selected.
+          * Used internally in select and combobox to control focus when the option becomes active.
+          * @default true
+         */
+        "dsFocusOnActiveChange": boolean;
+        /**
+          * Get the group of the option.
+         */
+        "dsGetGroup": () => Promise<HTMLDsOptionGroupElement>;
+        /**
+          * Get label text of the option.
+         */
+        "dsGetLabel": () => Promise<string>;
+        /**
+          * If true, the option will be hidden.
+          * @default false
+         */
+        "dsHidden": boolean;
+        /**
+          * Unique `id` attribute of the option element.
+          * @default optionIdGenerator.next().value as string
+         */
+        "dsId"?: string;
+        /**
+          * Used internally in combobox to prevent default behavior on mousedown.
+          * @default false
+         */
+        "dsMouseDownPreventDefault": boolean;
+        /**
+          * If true, the option is currently selected.
           * @default false
          */
         "dsSelected": boolean;
@@ -3780,10 +3873,21 @@ export namespace Components {
         "dsValue": string;
     }
     interface DsOptionGroup {
+        "dsHasVisibleOptions": () => Promise<boolean>;
+        /**
+          * If true, the group will be hidden.
+          * @default false
+         */
+        "dsHidden": boolean;
         /**
           * Group label text shown above the options.
          */
         "dsLabel": string;
+        /**
+          * Used internally in combobox to prevent default behavior on mousedown.
+          * @default false
+         */
+        "dsMouseDownPreventDefault": boolean;
     }
     interface DsOptions {
         /**
@@ -3791,6 +3895,10 @@ export namespace Components {
           * @default 0
          */
         "dsActiveIndex": number;
+        /**
+          * Unique `id` attribute of the options element.
+         */
+        "dsId"?: string;
         /**
           * The id of the label element for accessibility.
          */
@@ -3817,12 +3925,12 @@ export namespace Components {
         "dsOptionsError": boolean;
         /**
           * Error subtext to display.
-          * @default "Try again or if the problem persists contact support."
+          * @default 'Try again or if the problem persists contact support.'
          */
         "dsOptionsErrorText": string;
         /**
           * Error text to display.
-          * @default "We couldn’t load the options"
+          * @default 'We couldn’t load the options'
          */
         "dsOptionsErrorTitle": string;
         /**
@@ -3830,6 +3938,48 @@ export namespace Components {
          */
         "dsSelectedValue"?: string;
     }
+    interface DsOptionsMessage {
+        /**
+          * If true, shows an error state.
+          * @default false
+         */
+        "dsError": boolean;
+        /**
+          * Text to display when there is an error loading options (default: "Try again or if the problem persists, contact support.").
+          * @default tryAgainOrIfTheProblemPersists()
+         */
+        "dsErrorText": string;
+        /**
+          * Title to display when there is an error loading options (default: "We could not load options.").
+          * @default weCouldNotLoadOptions()
+         */
+        "dsErrorTitle": string;
+        /**
+          * If true, shows a loading state.
+          * @default false
+         */
+        "dsLoading": boolean;
+        /**
+          * Text to display when options are loading (default: "Loading options...").
+          * @default loadingOptions()
+         */
+        "dsLoadingText": string;
+        /**
+          * If true, shows a no results state
+          * @default false
+         */
+        "dsNoResults": boolean;
+        /**
+          * Text to display when there are no results (default: "Try a different search term.").
+          * @default tryADifferentSearchTerm()
+         */
+        "dsNoResultsText": string;
+        /**
+          * Title to display when there are no results (default: "No results found").
+          * @default noResultsFound()
+         */
+        "dsNoResultsTitle": string;
+    }
     interface DsRadioButton {
         /**
           * Text for additional information shown below label
@@ -3973,14 +4123,17 @@ export namespace Components {
          */
         "dsLoadingText": string;
         /**
+          * If true, shows an options error.
           * @default false
          */
         "dsOptionsError": boolean;
         /**
+          * Text to display when there is an error loading options.
           * @default "Try again or if the problem persists contact support."
          */
         "dsOptionsErrorText": string;
         /**
+          * Title to display when there is an error loading options.
           * @default "We couldn’t load the options"
          */
         "dsOptionsErrorTitle": string;
@@ -4000,10 +4153,10 @@ export namespace Components {
          */
         "dsValue": string | null;
         /**
-          * Defines the variant of the select component. "native" uses the browser’s default select, while "default" uses a custom implementation.
+          * Defines the variant of the select component: - "default" uses a custom implementation - "native" uses the browser’s default select
           * @default 'default'
          */
-        "dsVariant": 'native' | 'default';
+        "dsVariant": 'default' | 'native';
     }
     interface DsSpinner {
         /**
@@ -4220,6 +4373,14 @@ export interface DsChipGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsChipGroupElement;
 }
+export interface DsComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsComboboxElement;
+}
+export interface DsOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsOptionElement;
+}
 export interface DsOptionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsOptionsElement;
@@ -4346,6 +4507,24 @@ declare global {
         prototype: HTMLDsChipGroupElement;
         new (): HTMLDsChipGroupElement;
     };
+    interface HTMLDsComboboxElementEventMap {
+        "dsFilterChange": string;
+        "dsChange": string | null;
+    }
+    interface HTMLDsComboboxElement extends Components.DsCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsComboboxElementEventMap>(type: K, listener: (this: HTMLDsComboboxElement, ev: DsComboboxCustomEvent<HTMLDsComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsComboboxElementEventMap>(type: K, listener: (this: HTMLDsComboboxElement, ev: DsComboboxCustomEvent<HTMLDsComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsComboboxElement: {
+        prototype: HTMLDsComboboxElement;
+        new (): HTMLDsComboboxElement;
+    };
     interface HTMLDsGridElement extends Components.DsGrid, HTMLStencilElement {
     }
     var HTMLDsGridElement: {
@@ -5978,7 +6157,18 @@ declare global {
         prototype: HTMLDsLinkWithArrowElement;
         new (): HTMLDsLinkWithArrowElement;
     };
+    interface HTMLDsOptionElementEventMap {
+        "dsOptionClick": HTMLDsOptionElement;
+    }
     interface HTMLDsOptionElement extends Components.DsOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsOptionElementEventMap>(type: K, listener: (this: HTMLDsOptionElement, ev: DsOptionCustomEvent<HTMLDsOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsOptionElementEventMap>(type: K, listener: (this: HTMLDsOptionElement, ev: DsOptionCustomEvent<HTMLDsOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDsOptionElement: {
         prototype: HTMLDsOptionElement;
@@ -6008,6 +6198,12 @@ declare global {
         prototype: HTMLDsOptionsElement;
         new (): HTMLDsOptionsElement;
     };
+    interface HTMLDsOptionsMessageElement extends Components.DsOptionsMessage, HTMLStencilElement {
+    }
+    var HTMLDsOptionsMessageElement: {
+        prototype: HTMLDsOptionsMessageElement;
+        new (): HTMLDsOptionsMessageElement;
+    };
     interface HTMLDsRadioButtonElementEventMap {
         "dsChange": DsRadioButtonChangeEvent;
         "dsRadioButtonChecked": void;
@@ -6121,6 +6317,7 @@ declare global {
         "ds-checkbox-group": HTMLDsCheckboxGroupElement;
         "ds-chip": HTMLDsChipElement;
         "ds-chip-group": HTMLDsChipGroupElement;
+        "ds-combobox": HTMLDsComboboxElement;
         "ds-grid": HTMLDsGridElement;
         "ds-icon": HTMLDsIconElement;
         "ds-icon-360": HTMLDsIcon360Element;
@@ -6396,6 +6593,7 @@ declare global {
         "ds-option": HTMLDsOptionElement;
         "ds-option-group": HTMLDsOptionGroupElement;
         "ds-options": HTMLDsOptionsElement;
+        "ds-options-message": HTMLDsOptionsMessageElement;
         "ds-radio-button": HTMLDsRadioButtonElement;
         "ds-radio-button-group": HTMLDsRadioButtonGroupElement;
         "ds-select": HTMLDsSelectElement;
@@ -6780,6 +6978,79 @@ declare namespace LocalJSX {
          */
         "onDsChipClick"?: (event: DsChipGroupCustomEvent<number>) => void;
     }
+    interface DsCombobox {
+        /**
+          * Passed to the `aria-label` attribute of the `input` element of the rendered combobox.
+         */
+        "dsAriaLabel"?: string;
+        /**
+          * Text for additional information shown below label.
+         */
+        "dsAssistiveText"?: string;
+        /**
+          * If true, allows the user to clear the selected option.
+          * @default true
+         */
+        "dsClearable"?: boolean;
+        /**
+          * Passed to the `disabled` attribute of the `input` element of the rendered combobox.
+          * @default false
+         */
+        "dsDisabled"?: boolean;
+        /**
+          * Error message shown below the combobox. If set, the combobox is shown in an invalid state.
+         */
+        "dsErrorText"?: string;
+        /**
+          * Defines combobox's filtering stategy: - "dynamic" options are filtered - "static" options are not filtered  Both options emit the `dsFilterChange` event on user input. Use this event to filter options using "static" strategy.
+          * @default 'dynamic'
+         */
+        "dsFilteringStrategy"?: 'dynamic' | 'static';
+        /**
+          * Icon to display at the start of the combobox.
+         */
+        "dsIcon"?: string;
+        /**
+          * Unique `id` attribute of the combobox element.
+          * @default comboboxIdGenerator.next().value as string
+         */
+        "dsId"?: string;
+        /**
+          * Label of the combobox.
+         */
+        "dsLabel"?: string;
+        /**
+          * If true, shows a loading spinner and text.
+          * @default false
+         */
+        "dsLoading"?: boolean;
+        /**
+          * When using "static" filtering strategy use this property to indicate that there are no results for the current search.
+         */
+        "dsNoResults"?: boolean;
+        /**
+          * If true, shows an options error.
+          * @default false
+         */
+        "dsOptionsError"?: boolean;
+        /**
+          * Passed to the `placeholder` attribute of the `input` element of the rendered combobox.
+         */
+        "dsPlaceholder"?: string;
+        /**
+          * If true, hides the placeholder text.
+          * @default false
+         */
+        "dsPlaceholderHidden"?: boolean;
+        /**
+          * Event emitted when user selects an option.
+         */
+        "onDsChange"?: (event: DsComboboxCustomEvent<string | null>) => void;
+        /**
+          * Event emitted when user interacts with the search input.
+         */
+        "onDsFilterChange"?: (event: DsComboboxCustomEvent<string>) => void;
+    }
     interface DsGrid {
         /**
           * If true, the grid will be a container.
@@ -10166,7 +10437,7 @@ declare namespace LocalJSX {
     }
     interface DsOption {
         /**
-          * Whether the option is currently active (focused).
+          * If true, the option is currently active (focused).
           * @default false
          */
         "dsActive"?: boolean;
@@ -10175,12 +10446,32 @@ declare namespace LocalJSX {
          */
         "dsDescription"?: string;
         /**
-          * Whether the option is disabled.
+          * If true, the option is disabled.
           * @default false
          */
         "dsDisabled"?: boolean;
         /**
-          * Whether the option is currently selected.
+          * Used internally in select and combobox to control focus when the option becomes active.
+          * @default true
+         */
+        "dsFocusOnActiveChange"?: boolean;
+        /**
+          * If true, the option will be hidden.
+          * @default false
+         */
+        "dsHidden"?: boolean;
+        /**
+          * Unique `id` attribute of the option element.
+          * @default optionIdGenerator.next().value as string
+         */
+        "dsId"?: string;
+        /**
+          * Used internally in combobox to prevent default behavior on mousedown.
+          * @default false
+         */
+        "dsMouseDownPreventDefault"?: boolean;
+        /**
+          * If true, the option is currently selected.
           * @default false
          */
         "dsSelected"?: boolean;
@@ -10188,12 +10479,23 @@ declare namespace LocalJSX {
           * Value of the option.
          */
         "dsValue": string;
+        "onDsOptionClick"?: (event: DsOptionCustomEvent<HTMLDsOptionElement>) => void;
     }
     interface DsOptionGroup {
+        /**
+          * If true, the group will be hidden.
+          * @default false
+         */
+        "dsHidden"?: boolean;
         /**
           * Group label text shown above the options.
          */
         "dsLabel": string;
+        /**
+          * Used internally in combobox to prevent default behavior on mousedown.
+          * @default false
+         */
+        "dsMouseDownPreventDefault"?: boolean;
     }
     interface DsOptions {
         /**
@@ -10201,6 +10503,10 @@ declare namespace LocalJSX {
           * @default 0
          */
         "dsActiveIndex"?: number;
+        /**
+          * Unique `id` attribute of the options element.
+         */
+        "dsId"?: string;
         /**
           * The id of the label element for accessibility.
          */
@@ -10227,12 +10533,12 @@ declare namespace LocalJSX {
         "dsOptionsError"?: boolean;
         /**
           * Error subtext to display.
-          * @default "Try again or if the problem persists contact support."
+          * @default 'Try again or if the problem persists contact support.'
          */
         "dsOptionsErrorText"?: string;
         /**
           * Error text to display.
-          * @default "We couldn’t load the options"
+          * @default 'We couldn’t load the options'
          */
         "dsOptionsErrorTitle"?: string;
         /**
@@ -10251,6 +10557,48 @@ declare namespace LocalJSX {
          */
         "onDsOptionsEsc"?: (event: DsOptionsCustomEvent<void>) => void;
     }
+    interface DsOptionsMessage {
+        /**
+          * If true, shows an error state.
+          * @default false
+         */
+        "dsError"?: boolean;
+        /**
+          * Text to display when there is an error loading options (default: "Try again or if the problem persists, contact support.").
+          * @default tryAgainOrIfTheProblemPersists()
+         */
+        "dsErrorText"?: string;
+        /**
+          * Title to display when there is an error loading options (default: "We could not load options.").
+          * @default weCouldNotLoadOptions()
+         */
+        "dsErrorTitle"?: string;
+        /**
+          * If true, shows a loading state.
+          * @default false
+         */
+        "dsLoading"?: boolean;
+        /**
+          * Text to display when options are loading (default: "Loading options...").
+          * @default loadingOptions()
+         */
+        "dsLoadingText"?: string;
+        /**
+          * If true, shows a no results state
+          * @default false
+         */
+        "dsNoResults"?: boolean;
+        /**
+          * Text to display when there are no results (default: "Try a different search term.").
+          * @default tryADifferentSearchTerm()
+         */
+        "dsNoResultsText"?: string;
+        /**
+          * Title to display when there are no results (default: "No results found").
+          * @default noResultsFound()
+         */
+        "dsNoResultsTitle"?: string;
+    }
     interface DsRadioButton {
         /**
           * Text for additional information shown below label
@@ -10419,14 +10767,17 @@ declare namespace LocalJSX {
          */
         "dsLoadingText"?: string;
         /**
+          * If true, shows an options error.
           * @default false
          */
         "dsOptionsError"?: boolean;
         /**
+          * Text to display when there is an error loading options.
           * @default "Try again or if the problem persists contact support."
          */
         "dsOptionsErrorText"?: string;
         /**
+          * Title to display when there is an error loading options.
           * @default "We couldn’t load the options"
          */
         "dsOptionsErrorTitle"?: string;
@@ -10446,10 +10797,10 @@ declare namespace LocalJSX {
          */
         "dsValue"?: string | null;
         /**
-          * Defines the variant of the select component. "native" uses the browser’s default select, while "default" uses a custom implementation.
+          * Defines the variant of the select component: - "default" uses a custom implementation - "native" uses the browser’s default select
           * @default 'default'
          */
-        "dsVariant"?: 'native' | 'default';
+        "dsVariant"?: 'default' | 'native';
         /**
           * Event emitted when the selected option changes.
          */
@@ -10670,6 +11021,7 @@ declare namespace LocalJSX {
         "ds-checkbox-group": DsCheckboxGroup;
         "ds-chip": DsChip;
         "ds-chip-group": DsChipGroup;
+        "ds-combobox": DsCombobox;
         "ds-grid": DsGrid;
         "ds-icon": DsIcon;
         "ds-icon-360": DsIcon360;
@@ -10945,6 +11297,7 @@ declare namespace LocalJSX {
         "ds-option": DsOption;
         "ds-option-group": DsOptionGroup;
         "ds-options": DsOptions;
+        "ds-options-message": DsOptionsMessage;
         "ds-radio-button": DsRadioButton;
         "ds-radio-button-group": DsRadioButtonGroup;
         "ds-select": DsSelect;
@@ -10966,6 +11319,7 @@ declare module "@stencil/core" {
             "ds-checkbox-group": LocalJSX.DsCheckboxGroup & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupElement>;
             "ds-chip": LocalJSX.DsChip & JSXBase.HTMLAttributes<HTMLDsChipElement>;
             "ds-chip-group": LocalJSX.DsChipGroup & JSXBase.HTMLAttributes<HTMLDsChipGroupElement>;
+            "ds-combobox": LocalJSX.DsCombobox & JSXBase.HTMLAttributes<HTMLDsComboboxElement>;
             "ds-grid": LocalJSX.DsGrid & JSXBase.HTMLAttributes<HTMLDsGridElement>;
             "ds-icon": LocalJSX.DsIcon & JSXBase.HTMLAttributes<HTMLDsIconElement>;
             "ds-icon-360": LocalJSX.DsIcon360 & JSXBase.HTMLAttributes<HTMLDsIcon360Element>;
@@ -11241,6 +11595,7 @@ declare module "@stencil/core" {
             "ds-option": LocalJSX.DsOption & JSXBase.HTMLAttributes<HTMLDsOptionElement>;
             "ds-option-group": LocalJSX.DsOptionGroup & JSXBase.HTMLAttributes<HTMLDsOptionGroupElement>;
             "ds-options": LocalJSX.DsOptions & JSXBase.HTMLAttributes<HTMLDsOptionsElement>;
+            "ds-options-message": LocalJSX.DsOptionsMessage & JSXBase.HTMLAttributes<HTMLDsOptionsMessageElement>;
             "ds-radio-button": LocalJSX.DsRadioButton & JSXBase.HTMLAttributes<HTMLDsRadioButtonElement>;
             "ds-radio-button-group": LocalJSX.DsRadioButtonGroup & JSXBase.HTMLAttributes<HTMLDsRadioButtonGroupElement>;
             "ds-select": LocalJSX.DsSelect & JSXBase.HTMLAttributes<HTMLDsSelectElement>;

package/dist/types/utils/controls/controlUtils.d.ts

@@ -26,4 +26,11 @@ export declare const getOptionalText: (text: string, optionalText?: string) => s
 export declare const getRequiredText: (text: string) => string;
 export declare const atLeastOneOption: () => "Valitse vähintään yksi vaihtoehto." | "Välj minst ett alternativ." | "Select at least one option.";
 export declare const allOptions: () => "Valitse kaikki vaihtoehdot." | "Välj alla alternativ." | "Select all options.";
-export declare const removeSelection: () => "poista valinta" | "ta bort val" | "remove selection";
+export declare const removeSelection: (capitalizeFirstLetter?: boolean) => string;
+export declare const weCouldNotLoadOptions: () => "Emme voineet ladata vaihtoehtoja." | "Vi kunde inte ladda alternativen." | "We could not load options.";
+export declare const tryAgainOrIfTheProblemPersists: () => "Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon." | "Försök igen eller om problemet kvarstår, kontakta supporten." | "Try again or if the problem persists, contact support.";
+export declare const loadingOptions: () => "Ladataan vaihtoehtoja..." | "Laddar alternativ..." | "Loading options...";
+export declare const searchOrSelectAnOption: () => "Kirjoita tai valitse..." | "Sök eller välj..." | "Search or select...";
+export declare const noResultsFound: (searchTerm?: string) => string;
+export declare const tryADifferentSearchTerm: () => "Kokeile toista hakusanaa." | "Prova ett annat sökord." | "Try a different search term.";
+export declare const thereAreOptionsToBrowse: () => "Vaihtoehtoja on selattavissa." | "Det finns alternativ att bläddra i." | "There are options to browse.";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "0.7.1",
+  "version": "0.7.2-rc.0",
   "publishConfig": {
     "access": "public"
   },
@@ -44,7 +44,7 @@
   ],
   "scripts": {
     "build": "run-s stencil.build storybook.build styles.build",
-    "develop": "SKIP_REACT_OUTPUT=y run-p stencil.build:watch storybook.dev",
+    "develop": "cross-env SKIP_REACT_OUTPUT=y run-p stencil.build:watch storybook.dev",
     "icons.generate": "ts-node ./scripts/generate-icons.ts",
     "lint": "run-p eslint.lint stylelint.lint",
     "eslint.lint": "eslint --ext .ts,.tsx,.js,.jsx ./src",
@@ -86,6 +86,7 @@
     "@types/node": "^22.15.32",
     "axe-playwright": "^2.1.0",
     "classnames": "^2.5.1",
+    "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
@@ -103,5 +104,5 @@
     "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "48708a2bceb7f26f8e4cdc2a6cc373db02cbf25a"
+  "gitHead": "a94aaf3372c79b6772739c2233e95c3ba17fa829"
 }