@six-group/ui-library 0.0.0-insider.af88f91 → 0.0.0-insider.b13c699

package/dist/types/components/six-header-menu-button/six-header-menu-button.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @since 4.2.7
+ * @status beta
+ */
+export declare class SixHeaderMenuButton {
+    /**
+     * The icon of the menu button.
+     */
+    icon: string;
+    render(): any;
+}

package/dist/types/components/six-icon-button/six-icon-button.d.ts

@@ -21,6 +21,12 @@ export declare class SixIconButton {
     disabled: boolean;
     /** HTML symbol code or entity. */
     html?: string;
+    /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
+    href?: string;
+    /** Tells the browser where to open the link. Only used when `href` is set. */
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
+    download?: string;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

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

@@ -1,5 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { EmptyPayload } from '../../utils/types';
+export type SelectionRangeDirection = 'forward' | 'backward' | 'none';
+export type SelectionRange = {
+    selectionStart: number | undefined;
+    selectionEnd: number | undefined;
+    selectionDirection: SelectionRangeDirection | undefined;
+};
 /**
  * @since 1.0
  * @status stable
@@ -123,7 +129,9 @@ export declare class SixInput {
     /** Selects all the text in the input. */
     select(): Promise<void | undefined>;
     /** 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?: SelectionRangeDirection): Promise<void | undefined>;
+    /** Returns the start and end positions of the text selection */
+    getSelectionRange(): Promise<SelectionRange>;
     /** Replaces a range of text with a new string. */
     setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
     private handleChange;

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

@@ -0,0 +1,9 @@
+/**
+ * @since 4.2.7
+ * @status beta
+ */
+export declare class SixLogo {
+    /** The brand of the logo. Either six or bme. Defaults to six. */
+    brand: 'six' | 'bme';
+    render(): any;
+}

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

@@ -54,7 +54,7 @@ export declare class SixMenu {
      * Used to calculate which items should be rendered in the DOM
      */
     private scrollingIndex;
-    sixMenuItemHeight: number;
+    private sixMenuItemHeight;
     connectedCallback(): void;
     componentWillLoad(): void;
     private handleScrolling;

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

@@ -10,5 +10,7 @@ export declare class SixPicto {
      * Defines the size of the icon.
      */
     size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' | '4xl';
+    svgContent: string | null;
+    componentWillLoad(): Promise<void>;
     render(): any;
 }

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

@@ -14,6 +14,7 @@ import { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 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";
 import { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
@@ -34,6 +35,7 @@ export { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 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";
 export { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
@@ -741,30 +743,42 @@ export namespace Components {
     interface SixHeader {
         /**
           * Set whether the logo should be clickable
+          * @deprecated Use six-header `custom` property with `six-logo` instead
          */
         "clickableLogo": boolean;
+        /**
+          * Set `custom` to `true` for complete control over the header content. When enabled, all other properties and slots are ignored.  Use `six-header-item`, `six-header-dropdown-item` and `six-header-menu-button` to structure the content.
+          * @since 4.2.7
+          * @status beta
+         */
+        "custom": boolean;
         /**
           * Get open state for search
+          * @deprecated Use six-header `custom` property instead
          */
         "getIsSearchOpen": () => Promise<boolean>;
         /**
           * Set whether the hamburger menu should be visible or not
+          * @deprecated Use six-header `custom` property instead
          */
         "hideHamburgerMenu": boolean;
         /**
           * The displayed logo. Either six or bme. Defaults to six.
+          * @deprecated Use six-header `custom` property with `six-logo` instead
          */
         "logo": 'six' | 'bme';
         /**
           * Set the hamburger menu icon to open or closed state
+          * @deprecated Use six-header `custom` property instead
          */
         "openHamburgerMenu": boolean;
         /**
-          * Set the header search to be in an open or closed state
+          * Set the header search to be in an open or closed state.  If `custom` is `true`, focuses the first `six-input` found in the search slot.
          */
         "openSearch": boolean;
         /**
           * Sets open state for search
+          * @deprecated Use six-header `custom` property instead
          */
         "setSearchOpenState": (openState: boolean) => Promise<void>;
         /**
@@ -772,6 +786,32 @@ export namespace Components {
          */
         "shiftContent": boolean;
     }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderDropdownItem {
+    }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderItem {
+        /**
+          * 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.
+         */
+        "active": boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderMenuButton {
+        /**
+          * The icon of the menu button.
+         */
+        "icon": string;
+    }
     /**
      * @since 1.0
      * @status stable
@@ -803,6 +843,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.
          */
@@ -819,6 +867,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
@@ -862,6 +914,10 @@ export namespace Components {
           * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
          */
         "errorTextCount"?: number;
+        /**
+          * Returns the start and end positions of the text selection
+         */
+        "getSelectionRange": () => Promise<SelectionRange>;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -937,11 +993,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?: SelectionRangeDirection) => Promise<void | undefined>;
         /**
           * The input's size.
          */
@@ -1049,6 +1105,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
@@ -1562,9 +1628,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 {
         /**
@@ -1808,11 +1878,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.
          */
@@ -2488,6 +2558,36 @@ declare global {
         prototype: HTMLSixHeaderElement;
         new (): HTMLSixHeaderElement;
     };
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface HTMLSixHeaderDropdownItemElement extends Components.SixHeaderDropdownItem, HTMLStencilElement {
+    }
+    var HTMLSixHeaderDropdownItemElement: {
+        prototype: HTMLSixHeaderDropdownItemElement;
+        new (): HTMLSixHeaderDropdownItemElement;
+    };
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface HTMLSixHeaderItemElement extends Components.SixHeaderItem, HTMLStencilElement {
+    }
+    var HTMLSixHeaderItemElement: {
+        prototype: HTMLSixHeaderItemElement;
+        new (): HTMLSixHeaderItemElement;
+    };
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface HTMLSixHeaderMenuButtonElement extends Components.SixHeaderMenuButton, HTMLStencilElement {
+    }
+    var HTMLSixHeaderMenuButtonElement: {
+        prototype: HTMLSixHeaderMenuButtonElement;
+        new (): HTMLSixHeaderMenuButtonElement;
+    };
     /**
      * @since 1.0
      * @status stable
@@ -2584,6 +2684,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
@@ -3063,12 +3173,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;
@@ -3876,46 +3990,62 @@ declare namespace LocalJSX {
     interface SixHeader {
         /**
           * Set whether the logo should be clickable
+          * @deprecated Use six-header `custom` property with `six-logo` instead
          */
         "clickableLogo"?: boolean;
+        /**
+          * Set `custom` to `true` for complete control over the header content. When enabled, all other properties and slots are ignored.  Use `six-header-item`, `six-header-dropdown-item` and `six-header-menu-button` to structure the content.
+          * @since 4.2.7
+          * @status beta
+         */
+        "custom"?: boolean;
         /**
           * Set whether the hamburger menu should be visible or not
+          * @deprecated Use six-header `custom` property instead
          */
         "hideHamburgerMenu"?: boolean;
         /**
           * The displayed logo. Either six or bme. Defaults to six.
+          * @deprecated Use six-header `custom` property with `six-logo` instead
          */
         "logo"?: 'six' | 'bme';
         /**
           * Emitted when the name of the selected app is clicked.
+          * @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-header-menu-button` instead
          */
         "onSix-header-app-name-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
         /**
           * Emitted when a menu item is in the app switcher menu is selected.
+          * @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-header-menu-button` instead
          */
         "onSix-header-app-switcher-select"?: (event: SixHeaderCustomEvent<SixHeaderAppSwitcherSelectPayload>) => void;
         /**
           * Emitted when the hamburger menu is clicked.
+          * @deprecated Use six-header `custom` property instead
          */
         "onSix-header-hamburger-menu-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
         /**
           * Emitted when the header logo is clicked.
+          * @deprecated Use six-header `custom` property instead
          */
         "onSix-header-logo-clicked"?: (event: SixHeaderCustomEvent<EmptyPayload>) => void;
         /**
           * Emitted when a menu item is in the profile menu is selected.
+          * @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-avatar` instead
          */
         "onSix-header-profile-select"?: (event: SixHeaderCustomEvent<SixHeaderProfileSelectPayload>) => void;
         /**
           * Emitted when search field is toggled.
+          * @deprecated Use six-header `custom` property instead
          */
         "onSix-header-search-field-toggle"?: (event: SixHeaderCustomEvent<SixHeaderSearchFieldToggle>) => void;
         /**
           * Set the hamburger menu icon to open or closed state
+          * @deprecated Use six-header `custom` property instead
          */
         "openHamburgerMenu"?: boolean;
         /**
-          * Set the header search to be in an open or closed state
+          * Set the header search to be in an open or closed state.  If `custom` is `true`, focuses the first `six-input` found in the search slot.
          */
         "openSearch"?: boolean;
         /**
@@ -3923,6 +4053,32 @@ declare namespace LocalJSX {
          */
         "shiftContent"?: boolean;
     }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderDropdownItem {
+    }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderItem {
+        /**
+          * 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.
+         */
+        "active"?: boolean;
+    }
+    /**
+     * @since 4.2.7
+     * @status beta
+     */
+    interface SixHeaderMenuButton {
+        /**
+          * The icon of the menu button.
+         */
+        "icon"?: string;
+    }
     /**
      * @since 1.0
      * @status stable
@@ -3954,6 +4110,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.
          */
@@ -3970,6 +4134,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
@@ -4212,6 +4380,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
@@ -4733,7 +4911,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;
     }
@@ -5235,12 +5417,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;
@@ -5374,6 +5560,21 @@ declare module "@stencil/core" {
              * @status stable
              */
             "six-header": LocalJSX.SixHeader & JSXBase.HTMLAttributes<HTMLSixHeaderElement>;
+            /**
+             * @since 4.2.7
+             * @status beta
+             */
+            "six-header-dropdown-item": LocalJSX.SixHeaderDropdownItem & JSXBase.HTMLAttributes<HTMLSixHeaderDropdownItemElement>;
+            /**
+             * @since 4.2.7
+             * @status beta
+             */
+            "six-header-item": LocalJSX.SixHeaderItem & JSXBase.HTMLAttributes<HTMLSixHeaderItemElement>;
+            /**
+             * @since 4.2.7
+             * @status beta
+             */
+            "six-header-menu-button": LocalJSX.SixHeaderMenuButton & JSXBase.HTMLAttributes<HTMLSixHeaderMenuButtonElement>;
             /**
              * @since 1.0
              * @status stable
@@ -5402,6 +5603,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>