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

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.
@@ -3727,10 +3792,19 @@ export namespace Components {
           * Passed to the `aria-label` attribute of the `a` element
          */
         "dsAriaLabel": string;
+        /**
+          * Whether the element should take up the full width of its container.
+          * @default false
+         */
+        "dsFullWidth"?: boolean;
         /**
           * Passed to the `href` attribute of the `a` element
          */
         "dsHref": string;
+        /**
+          * @default this.defaultIcon
+         */
+        "dsIcon": LinkIcon;
         /**
           * Whether to display the arrow icon before or after the link
           * @default 'start'
@@ -3752,7 +3826,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 +3835,7 @@ export namespace Components {
          */
         "dsDescription"?: string;
         /**
-          * Whether the option is disabled.
+          * If true, the option is disabled.
           * @default false
          */
         "dsDisabled": boolean;
@@ -3770,7 +3844,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 +3882,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 +3904,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 +3934,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 +3947,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 +4132,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 +4162,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 +4382,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 +4516,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 +6166,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 +6207,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 +6326,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 +6602,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 +6987,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.
@@ -10141,10 +10421,19 @@ declare namespace LocalJSX {
           * Passed to the `aria-label` attribute of the `a` element
          */
         "dsAriaLabel"?: string;
+        /**
+          * Whether the element should take up the full width of its container.
+          * @default false
+         */
+        "dsFullWidth"?: boolean;
         /**
           * Passed to the `href` attribute of the `a` element
          */
         "dsHref"?: string;
+        /**
+          * @default this.defaultIcon
+         */
+        "dsIcon"?: LinkIcon;
         /**
           * Whether to display the arrow icon before or after the link
           * @default 'start'
@@ -10166,7 +10455,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 +10464,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 +10497,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 +10521,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 +10551,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 +10575,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 +10785,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 +10815,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 +11039,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 +11315,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 +11337,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 +11613,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/declarations.d.ts

@@ -2,3 +2,6 @@ declare module '!!raw-loader!*' {
   const content: string;
   export default content;
 }
+
+interface Window { takeScreenshot: (identifier: string) => Promise<void>; }
+