@six-group/ui-library 0.0.0-insider.29f6de7 → 0.0.0-insider.2c5f541

package/dist/types/components/six-spinner/six-spinner.d.ts

@@ -5,12 +5,32 @@
  * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
  *
  * @part base - The component's base wrapper.
- * @part svg - The spinner icon
+ * @part svg - The spinner icon.
  */
 export declare class SixSpinner {
-    /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */
-    six: boolean;
+    /** Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner. */
+    logo?: 'six' | 'bme';
+    /**
+     * **@deprecated** Use `logo="six"` instead.
+     *
+     * If set to true, the spinner displays the SIX logo.
+     */
+    six?: boolean;
+    /**
+     * Renders a container with a given SVG content.
+     */
+    private renderWrapper;
+    /**
+     * Renders the SIX logo spinner.
+     */
     private renderSIXLogo;
-    private renderSimple;
+    /**
+     * Renders the BME logo spinner.
+     */
+    private renderBMELogo;
+    /**
+     * Renders a simple spinner.
+     */
+    private renderSimpleSpinner;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -13,7 +13,6 @@ import { SixMenuItemData } from "./components/six-menu/six-menu";
 import { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdownScrollPayload } from "./components/six-dropdown/six-dropdown";
 import { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 import { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
-import { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
 import { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 import { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 import { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
@@ -34,7 +33,6 @@ export { SixMenuItemData } from "./components/six-menu/six-menu";
 export { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdownScrollPayload } from "./components/six-dropdown/six-dropdown";
 export { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 export { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
-export { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
 export { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 export { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 export { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
@@ -580,11 +578,6 @@ export namespace Components {
     | 'left'
     | 'left-start'
     | 'left-end';
-        /**
-          * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu is activated.
-          * @deprecated : use the property `matchTriggerWidth` instead.
-         */
-        "reposition": () => Promise<void>;
         /**
           * Shows the dropdown panel
          */
@@ -742,37 +735,63 @@ export namespace Components {
      */
     interface SixHeader {
         /**
-          * Set whether the logo should be clickable
+          * Set the header search input to be in an open or closed state.  Focuses the first `six-input` found in the search slot.
          */
-        "clickableLogo": boolean;
+        "openSearch": boolean;
         /**
-          * Get open state for search
+          * Indicates if content should be shifted down when search field is visible.
          */
-        "getIsSearchOpen": () => Promise<boolean>;
+        "shiftContent": boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderDropdownItem {
+        /**
+          * Set to true to allow auto filtering for entries in the dropdown. With this flag the dropdown will automatically filter itsel. If you need to coordinate the shown elements yourself, e.g. because you need to call an endpoint use asyncFilter instead
+         */
+        "filter": boolean;
+        /**
+          * The filter's placeholder text.
+         */
+        "filterPlaceholder": string;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderItem {
         /**
-          * Set whether the hamburger menu should be visible or not
+          * Indicates whether the item is styled as active. When set to `true`, a border is displayed below the trigger element.  Use <code>six-header-dropdown-item</code> to automatically set the active state for dropdowns.
          */
-        "hideHamburgerMenu": boolean;
+        "active": boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderMenuButton {
         /**
-          * The displayed logo. Either six or bme. Defaults to six.
+          * Set to true to draw the button with a caret for use with dropdowns, popovers, etc.
          */
-        "logo": 'six' | 'bme';
+        "caret": boolean;
         /**
-          * Set the hamburger menu icon to open or closed state
+          * Set to true to disable the button.
          */
-        "openHamburgerMenu": boolean;
+        "disabled": boolean;
         /**
-          * Set the header search to be in an open or closed state
+          * Set to true to draw the button in a loading state.
          */
-        "openSearch": boolean;
+        "loading": boolean;
         /**
-          * Sets open state for search
+          * Indicates if activating the button should reset the form.
          */
-        "setSearchOpenState": (openState: boolean) => Promise<void>;
+        "reset": boolean;
         /**
-          * Indicates if content should be shifted down when search field is visible.
+          * Indicates if activating the button should submit the form. Ignored when `href` is set.
          */
-        "shiftContent": boolean;
+        "submit": boolean;
     }
     /**
      * @since 1.0
@@ -805,6 +824,14 @@ export namespace Components {
           * Set to true to disable the button.
          */
         "disabled": boolean;
+        /**
+          * Tells the browser to download the linked file as this filename. Only used when `href` is set.
+         */
+        "download"?: string;
+        /**
+          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+         */
+        "href"?: string;
         /**
           * HTML symbol code or entity.
          */
@@ -821,6 +848,10 @@ export namespace Components {
           * The icon's size.
          */
         "size": 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+        /**
+          * Tells the browser where to open the link. Only used when `href` is set.
+         */
+        "target"?: '_blank' | '_parent' | '_self' | '_top';
     }
     /**
      * @since 1.0
@@ -943,7 +974,7 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
@@ -1055,6 +1086,16 @@ export namespace Components {
          */
         "columns"?: number;
     }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixLogo {
+        /**
+          * The brand of the logo. Either six or bme. Defaults to six.
+         */
+        "brand": 'six' | 'bme';
+    }
     /**
      * @since 1.01
      * @status stable
@@ -1413,11 +1454,6 @@ export namespace Components {
           * Set to render as line
          */
         "line": boolean;
-        /**
-          * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
-          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
-         */
-        "maxTagsVisible": number;
         /**
           * Set to true to enable multiselect.
          */
@@ -1568,9 +1604,13 @@ export namespace Components {
      */
     interface SixSpinner {
         /**
-          * Indicates if the spinner is shown as animated SIX logo or simple spinner.
+          * Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner.
          */
-        "six": boolean;
+        "logo"?: 'six' | 'bme';
+        /**
+          * **@deprecated** Use `logo="six"` instead.  If set to true, the spinner displays the SIX logo.
+         */
+        "six"?: boolean;
     }
     interface SixStageIndicator {
         /**
@@ -1814,11 +1854,11 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
-        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>;
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: "forward" | "backward" | "none") => Promise<void | undefined>;
         /**
           * The textarea's size.
          */
@@ -2071,10 +2111,6 @@ export interface SixFileUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixFileUploadElement;
 }
-export interface SixHeaderCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSixHeaderElement;
-}
 export interface SixInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixInputElement;
@@ -2468,32 +2504,46 @@ declare global {
         prototype: HTMLSixGroupLabelElement;
         new (): HTMLSixGroupLabelElement;
     };
-    interface HTMLSixHeaderElementEventMap {
-        "six-header-app-name-clicked": EmptyPayload;
-        "six-header-app-switcher-select": SixHeaderAppSwitcherSelectPayload;
-        "six-header-profile-select": SixHeaderProfileSelectPayload;
-        "six-header-hamburger-menu-clicked": EmptyPayload;
-        "six-header-logo-clicked": EmptyPayload;
-        "six-header-search-field-toggle": SixHeaderSearchFieldToggle;
-    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixHeaderElement extends Components.SixHeader, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSixHeaderElementEventMap>(type: K, listener: (this: HTMLSixHeaderElement, ev: SixHeaderCustomEvent<HTMLSixHeaderElementEventMap[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 HTMLSixHeaderElementEventMap>(type: K, listener: (this: HTMLSixHeaderElement, ev: SixHeaderCustomEvent<HTMLSixHeaderElementEventMap[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 HTMLSixHeaderElement: {
         prototype: HTMLSixHeaderElement;
         new (): HTMLSixHeaderElement;
     };
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface HTMLSixHeaderDropdownItemElement extends Components.SixHeaderDropdownItem, HTMLStencilElement {
+    }
+    var HTMLSixHeaderDropdownItemElement: {
+        prototype: HTMLSixHeaderDropdownItemElement;
+        new (): HTMLSixHeaderDropdownItemElement;
+    };
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface HTMLSixHeaderItemElement extends Components.SixHeaderItem, HTMLStencilElement {
+    }
+    var HTMLSixHeaderItemElement: {
+        prototype: HTMLSixHeaderItemElement;
+        new (): HTMLSixHeaderItemElement;
+    };
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface HTMLSixHeaderMenuButtonElement extends Components.SixHeaderMenuButton, HTMLStencilElement {
+    }
+    var HTMLSixHeaderMenuButtonElement: {
+        prototype: HTMLSixHeaderMenuButtonElement;
+        new (): HTMLSixHeaderMenuButtonElement;
+    };
     /**
      * @since 1.0
      * @status stable
@@ -2590,6 +2640,16 @@ declare global {
         prototype: HTMLSixLayoutGridElement;
         new (): HTMLSixLayoutGridElement;
     };
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface HTMLSixLogoElement extends Components.SixLogo, HTMLStencilElement {
+    }
+    var HTMLSixLogoElement: {
+        prototype: HTMLSixLogoElement;
+        new (): HTMLSixLogoElement;
+    };
     /**
      * @since 1.01
      * @status stable
@@ -3069,12 +3129,16 @@ declare global {
         "six-footer": HTMLSixFooterElement;
         "six-group-label": HTMLSixGroupLabelElement;
         "six-header": HTMLSixHeaderElement;
+        "six-header-dropdown-item": HTMLSixHeaderDropdownItemElement;
+        "six-header-item": HTMLSixHeaderItemElement;
+        "six-header-menu-button": HTMLSixHeaderMenuButtonElement;
         "six-icon": HTMLSixIconElement;
         "six-icon-button": HTMLSixIconButtonElement;
         "six-input": HTMLSixInputElement;
         "six-item-picker": HTMLSixItemPickerElement;
         "six-language-switcher": HTMLSixLanguageSwitcherElement;
         "six-layout-grid": HTMLSixLayoutGridElement;
+        "six-logo": HTMLSixLogoElement;
         "six-main-container": HTMLSixMainContainerElement;
         "six-menu": HTMLSixMenuElement;
         "six-menu-divider": HTMLSixMenuDividerElement;
@@ -3881,53 +3945,63 @@ declare namespace LocalJSX {
      */
     interface SixHeader {
         /**
-          * Set whether the logo should be clickable
-         */
-        "clickableLogo"?: boolean;
-        /**
-          * Set whether the hamburger menu should be visible or not
+          * Set the header search input to be in an open or closed state.  Focuses the first `six-input` found in the search slot.
          */
-        "hideHamburgerMenu"?: boolean;
-        /**
-          * The displayed logo. Either six or bme. Defaults to six.
-         */
-        "logo"?: 'six' | 'bme';
+        "openSearch"?: boolean;
         /**
-          * Emitted when the name of the selected app is clicked.
+          * Indicates if content should be shifted down when search field is visible.
          */
-        "onSix-header-app-name-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
+        "shiftContent"?: boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderDropdownItem {
         /**
-          * Emitted when a menu item is in the app switcher menu is selected.
+          * Set to true to allow auto filtering for entries in the dropdown. With this flag the dropdown will automatically filter itsel. If you need to coordinate the shown elements yourself, e.g. because you need to call an endpoint use asyncFilter instead
          */
-        "onSix-header-app-switcher-select"?: (event: SixHeaderCustomEvent<SixHeaderAppSwitcherSelectPayload>) => void;
+        "filter"?: boolean;
         /**
-          * Emitted when the hamburger menu is clicked.
+          * The filter's placeholder text.
          */
-        "onSix-header-hamburger-menu-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
+        "filterPlaceholder"?: string;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderItem {
         /**
-          * Emitted when the header logo is clicked.
+          * Indicates whether the item is styled as active. When set to `true`, a border is displayed below the trigger element.  Use <code>six-header-dropdown-item</code> to automatically set the active state for dropdowns.
          */
-        "onSix-header-logo-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
+        "active"?: boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status stable
+     */
+    interface SixHeaderMenuButton {
         /**
-          * Emitted when a menu item is in the profile menu is selected.
+          * Set to true to draw the button with a caret for use with dropdowns, popovers, etc.
          */
-        "onSix-header-profile-select"?: (event: SixHeaderCustomEvent<SixHeaderProfileSelectPayload>) => void;
+        "caret"?: boolean;
         /**
-          * Emitted when search field is toggled.
+          * Set to true to disable the button.
          */
-        "onSix-header-search-field-toggle"?: (event: SixHeaderCustomEvent<SixHeaderSearchFieldToggle>) => void;
+        "disabled"?: boolean;
         /**
-          * Set the hamburger menu icon to open or closed state
+          * Set to true to draw the button in a loading state.
          */
-        "openHamburgerMenu"?: boolean;
+        "loading"?: boolean;
         /**
-          * Set the header search to be in an open or closed state
+          * Indicates if activating the button should reset the form.
          */
-        "openSearch"?: boolean;
+        "reset"?: boolean;
         /**
-          * Indicates if content should be shifted down when search field is visible.
+          * Indicates if activating the button should submit the form. Ignored when `href` is set.
          */
-        "shiftContent"?: boolean;
+        "submit"?: boolean;
     }
     /**
      * @since 1.0
@@ -3960,6 +4034,14 @@ declare namespace LocalJSX {
           * Set to true to disable the button.
          */
         "disabled"?: boolean;
+        /**
+          * Tells the browser to download the linked file as this filename. Only used when `href` is set.
+         */
+        "download"?: string;
+        /**
+          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+         */
+        "href"?: string;
         /**
           * HTML symbol code or entity.
          */
@@ -3976,6 +4058,10 @@ declare namespace LocalJSX {
           * The icon's size.
          */
         "size"?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+        /**
+          * Tells the browser where to open the link. Only used when `href` is set.
+         */
+        "target"?: '_blank' | '_parent' | '_self' | '_top';
     }
     /**
      * @since 1.0
@@ -4218,6 +4304,16 @@ declare namespace LocalJSX {
          */
         "columns"?: number;
     }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixLogo {
+        /**
+          * The brand of the logo. Either six or bme. Defaults to six.
+         */
+        "brand"?: 'six' | 'bme';
+    }
     /**
      * @since 1.01
      * @status stable
@@ -4576,11 +4672,6 @@ declare namespace LocalJSX {
           * Set to render as line
          */
         "line"?: boolean;
-        /**
-          * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
-          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
-         */
-        "maxTagsVisible"?: number;
         /**
           * Set to true to enable multiselect.
          */
@@ -4739,7 +4830,11 @@ declare namespace LocalJSX {
      */
     interface SixSpinner {
         /**
-          * Indicates if the spinner is shown as animated SIX logo or simple spinner.
+          * Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner.
+         */
+        "logo"?: 'six' | 'bme';
+        /**
+          * **@deprecated** Use `logo="six"` instead.  If set to true, the spinner displays the SIX logo.
          */
         "six"?: boolean;
     }
@@ -5241,12 +5336,16 @@ declare namespace LocalJSX {
         "six-footer": SixFooter;
         "six-group-label": SixGroupLabel;
         "six-header": SixHeader;
+        "six-header-dropdown-item": SixHeaderDropdownItem;
+        "six-header-item": SixHeaderItem;
+        "six-header-menu-button": SixHeaderMenuButton;
         "six-icon": SixIcon;
         "six-icon-button": SixIconButton;
         "six-input": SixInput;
         "six-item-picker": SixItemPicker;
         "six-language-switcher": SixLanguageSwitcher;
         "six-layout-grid": SixLayoutGrid;
+        "six-logo": SixLogo;
         "six-main-container": SixMainContainer;
         "six-menu": SixMenu;
         "six-menu-divider": SixMenuDivider;
@@ -5380,6 +5479,21 @@ declare module "@stencil/core" {
              * @status stable
              */
             "six-header": LocalJSX.SixHeader & JSXBase.HTMLAttributes<HTMLSixHeaderElement>;
+            /**
+             * @since 4.2.7
+             * @status stable
+             */
+            "six-header-dropdown-item": LocalJSX.SixHeaderDropdownItem & JSXBase.HTMLAttributes<HTMLSixHeaderDropdownItemElement>;
+            /**
+             * @since 4.2.7
+             * @status stable
+             */
+            "six-header-item": LocalJSX.SixHeaderItem & JSXBase.HTMLAttributes<HTMLSixHeaderItemElement>;
+            /**
+             * @since 4.2.7
+             * @status stable
+             */
+            "six-header-menu-button": LocalJSX.SixHeaderMenuButton & JSXBase.HTMLAttributes<HTMLSixHeaderMenuButtonElement>;
             /**
              * @since 1.0
              * @status stable
@@ -5408,6 +5522,11 @@ declare module "@stencil/core" {
              * @status stable
              */
             "six-layout-grid": LocalJSX.SixLayoutGrid & JSXBase.HTMLAttributes<HTMLSixLayoutGridElement>;
+            /**
+             * @since 4.2.7
+             * @status beta
+             */
+            "six-logo": LocalJSX.SixLogo & JSXBase.HTMLAttributes<HTMLSixLogoElement>;
             /**
              * @since 1.01
              * @status stable

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/dist/types/utils/type-check.d.ts

@@ -1,3 +1,3 @@
 export declare const isString: (value: unknown) => value is string;
-export declare const isNil: (value: unknown) => value is null | undefined;
+export declare const isNil: (value: unknown) => value is undefined | null;
 export declare const isDate: (value: unknown) => value is Date;

package/dist/ui-library/assets/pictograms/TPP.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M385.8 170h-49.6v-56.7A28.4 28.4 0 0 0 307.8 85H180.3a28.4 28.4 0 0 0-28.4 28.4v40.2h28.4v-40.3h127.5v283.5H237V333h-28.4v63.8h-28.3V333h-28.4v92.1h262.2V198.4a28.4 28.4 0 0 0-28.3-28.4zm0 226.8h-49.6V198.4h49.6z"></path><path d="M125.5 285.4h-16v-67.1h-17v-13.8h50v13.8h-17z"></path><path d="M174.6 204.6q13.4 0 19.7 6.5t6.4 18.6a33.3 33.3 0 0 1-2.8 14 21 21 0 0 1-8.8 9.6q-6 3.5-15.4 3.5h-5.2v28.6h-16v-80.8zm-1 13.4h-5v25.3h3.5q6 0 9.3-3.1t3.3-10.3q0-11.9-11.1-11.9z"></path><path d="M234.8 204.6q13.3 0 19.7 6.5t6.3 18.6a33.3 33.3 0 0 1-2.8 14 21 21 0 0 1-8.8 9.6q-6 3.5-15.4 3.5h-5.2v28.6h-16v-80.8zm-1 13.4h-5.1v25.3h3.6q6 0 9.3-3.1t3.2-10.3q0-11.9-11-11.9z"></path></svg>

package/dist/ui-library/assets/pictograms/agile.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M391.2 331.7l-23 16.5 17.3 24.1-44.7-.1c-8 10.8-17.3 20.3-27.6 28.3l68.7.1-21.1 19.6 22.3 19.8 49.4-50.8-41.3-57.5z"></path><path d="M320.9 218.7a110 110 0 0 0-74.8-40.2A110.3 110.3 0 0 0 141 229.9a56.1 56.1 0 0 1 2.8-97.3 55.5 55.5 0 0 1 53-.2l-25.8 9.4 9.7 26.6L245 145l-14.8-73.1-27.8 5.6 5.8 28.9A84 84 0 0 0 89.5 158a84 84 0 0 0 39.6 97.9 112.6 112.6 0 0 0-3.8 49.3L103.1 289l-16.6 23 57.3 41.5 51-49.1-19.6-20.4-21.3 20.5a82.7 82.7 0 0 1 28.8-79.6 82 82 0 0 1 60.6-18.2 82.7 82.7 0 0 1-3.7 164.6l-153.2.5v-.1h-.1V400l164.6.3a114.4 114.4 0 0 0 57.8-28.2l.2-.3a108.6 108.6 0 0 0 36.4-71.8c3.1-29.4-5.6-58.3-24.4-81.3z"></path></svg>

package/dist/ui-library/assets/pictograms/ai.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M398.4 264.5a25.8 25.8 0 0 0-22.5 13.2l-53.3-.3a14.2 14.2 0 0 0-.2 28.3l55.6.4a25.8 25.8 0 1 0 20.4-41.6z"></path><path d="M398.4 192.7a25.8 25.8 0 0 0-22.2 12.6l-99.2.3v-24l29.1.6h.4a54 54 0 0 0 41.4-19.3l21-24.9 2 .1a25.8 25.8 0 1 0-24.4-17.5l-20.3 24a25.8 25.8 0 0 1-19.7 9.2l-29.5-.4v-8.2a60 60 0 0 0-60.2-59.6 60.6 60.6 0 0 0-51.2 28.3 70 70 0 0 0-49.9 66.7 69 69 0 0 0 1.1 12.4 79.2 79.2 0 0 0-7 121 63.5 63.5 0 0 0-4.3 23.3 65 65 0 0 0 62 64.6 60.8 60.8 0 0 0 49.2 25.3 60 60 0 0 0 60.2-59.6v-9.2l29.4-.5a25.8 25.8 0 0 1 19.7 9.3l20.3 24.1a25.4 25.4 0 0 0-1.3 8 25.8 25.8 0 1 0 25.8-25.8h-2.4L347.7 349a54 54 0 0 0-41.5-19.3l-29.2.4v-96l100.6-.3a25.8 25.8 0 1 0 20.8-41zm-150 174.8a31.5 31.5 0 0 1-31.7 31.3 31.9 31.9 0 0 1-28.3-17.6l-4.4-8.8-9.9 1-3.3.2a36.6 36.6 0 0 1-36.7-36.4A35.9 35.9 0 0 1 140 318l7.3-11.5-11.2-7.8a51.1 51.1 0 0 1 4.3-87l10.5-6-4-11.2a40.4 40.4 0 0 1-2.5-13.8 41.6 41.6 0 0 1 33.4-40.6l7.4-1.6 3-6.3a31.6 31.6 0 0 1 60.2 13.1z"></path><path d="M177.1 247a14.2 14.2 0 0 1-14.1-14 59.2 59.2 0 0 1 58.1-60.2 14.2 14.2 0 1 1 .5 28.3 30.9 30.9 0 0 0-30.3 31.4 14.2 14.2 0 0 1-13.9 14.5z"></path><path d="M177.1 347.8a14.2 14.2 0 0 1-.2-28.4 30.9 30.9 0 0 0 30.3-31.4 14.2 14.2 0 1 1 28.3-.5 59.3 59.3 0 0 1-58.1 60.3z"></path></svg>

package/dist/ui-library/assets/pictograms/airplane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M416.7 263.7l-1.5-1.5-119.6-61.9-.2-57.7v-17h-.1a39.6 39.6 0 0 0-79.2-.1h-.1v74.6L96.4 261.3l-1.5 1.5a32.3 32.3 0 0 0-9.6 24.8l.7 29.7 129.4-23.7-.2 56.1-13.3 8.1-1.2 1.2c-8.6 8.5-9.8 24.3-9.6 29.9l.5 34.4 61.8-12.6 66.3 13.2.5-34.3c.2-5.5-1-21.4-9.6-29.9l-1.2-1.2-13.4-8.2-.2-56.1 130 23.8.4-29.7c.5-9.2-3-18.2-9.5-24.6zm-149.3-3.5l.4 106.2 22.7 13.9c.8 2.2 1.5 6.1 1.4 8v1.5l-38.5-7.9-33.9 7.1v-1.5c-.1-1.9.6-5.8 1.4-8l22.7-13.8.3-106.2-127.1 23.3 127.7-65.5v-90.8l.1-.9c0-6.1 5.1-11.1 11.3-11.1 6.2 0 11.3 5 11.3 11.1h.1l.2 92 127.3 65.9-127.4-23.3z"></path></svg>

package/dist/ui-library/assets/pictograms/alert.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M373.6 337.7L351 319.6a28.2 28.2 0 0 1-10.6-21.6l-1.9-93.4A83.5 83.5 0 0 0 284 127a29.8 29.8 0 1 0-58.8-6.5 30 30 0 0 0 .8 6.6 83.6 83.6 0 0 0-54.4 77.4l-1.9 93.5a28.3 28.3 0 0 1-10.5 21.4L136.4 338a16 16 0 0 0 10.2 28.1h94.2v16.2h-19.5A33.7 33.7 0 0 0 255 416a33.7 33.7 0 0 0 33.7-33.7h-19.5V366h94.3a16 16 0 0 0 10-28.3zm-192.4 0a56.6 56.6 0 0 0 16.7-39l2-95.4a55.3 55.3 0 0 1 54.2-53H255.8a55.3 55.3 0 0 1 54.3 53l2 95.4a56.6 56.6 0 0 0 16.6 39z"></path></svg>

package/dist/ui-library/assets/pictograms/ambulance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M404.9 342.7L363.4 308l-26-21.7-18.1 21.8 25.9 21.7 41.5 34.7a28.3 28.3 0 0 1 10.1 21.7v39h28.3v-39a56.4 56.4 0 0 0-20.2-43.5z"></path><path d="M340.2 375.6h-21.3v-21.3h-28.3v21.3h-21.3v28.3h21.3v21.3h28.3v-21.3h21.3z"></path><path d="M255.2 78h-.2a85.2 85.2 0 0 0-84.9 85V219.8c0 20.1 7 38.6 18.7 53.1l-42 35.2-41.5 34.7A56.5 56.5 0 0 0 85 386.2v39h28.3v-39c0-8.4 3.7-16.3 10.1-21.7l41.5-34.7 45.3-37.9a84.3 84.3 0 0 0 44.8 12.8h.2a85.1 85.1 0 0 0 84.9-84.8V163a85 85 0 0 0-84.9-85zm56.6 141.7a56.7 56.7 0 0 1-113.4 0V163a56.7 56.7 0 0 1 113.4 0v56.7z"></path></svg>