@public-ui/components 4.3.0 → 4.3.1-rc.0

package/dist/types/locales/de.d.ts

@@ -1,81 +1,71 @@
 declare const _default: {
+    'action-done': string;
+    'action-running': string;
+    'avatar-alt': string;
+    'character-counter-current': string;
+    'character-counter-current-of-max': string;
+    'character-counter-current-of-max-aria': string;
+    'character-counter-max-aria': string;
+    'character-limit-exceeded': string;
+    'character-limit-hint': string;
+    'character-limit-remaining': string;
+    close: string;
+    'close-alert': string;
+    'data-browse-text': string;
+    'delete-selection': string;
+    'entries-per-site': string;
     error: string;
-    warning: string;
+    'error-list': string;
+    'error-list-message': string;
+    'filename-text': string;
+    'form-description': string;
+    'hide-password': string;
     info: string;
-    success: string;
+    'kolibri-logo': string;
+    'live-value': string;
+    'live-value-bounded': string;
     message: string;
-    close: string;
-    'form-description': string;
+    'meter-state-critical': string;
+    'meter-state-optimum': string;
+    'meter-state-suboptimal': string;
+    'nav-maximize': string;
+    'nav-minimize': string;
     new: string;
     'no-entries': string;
-    'change-order': string;
-    'action-running': string;
-    'action-done': string;
-    pagination: string;
-    'page-first': string;
+    'no-results-message': string;
+    'open-link-in-tab': string;
+    page: string;
     'page-back': string;
-    'page-next': string;
+    'page-first': string;
     'page-last': string;
-    'entries-per-site': string;
-    page: string;
-    'page-current': string;
-    'page-selected': string;
-    'page-per-site': string;
-    'nav-maximize': string;
-    'nav-minimize': string;
-    'logo-description': string;
-    'open-link-in-tab': string;
-    'kolibri-logo': string;
-    'table-pagination-label': string;
-    'table-sort-order': string;
-    'avatar-alt': string;
+    'page-next': string;
+    pagination: string;
+    'pagination-position-bottom': string;
+    'pagination-position-top': string;
+    readonly: string;
+    'show-password': string;
+    sort: string;
     'split-button-dropdown-label-open': string;
-    'split-button-dropdown-label-close': string;
-    'toast-close-all': string;
-    'error-list': string;
-    'error-list-message': string;
-    version: string;
-    'table-visible-range': string;
+    success: string;
+    'table-pagination-label': string;
     'table-selection': string;
     'table-selection-all': string;
-    'table-selection-none': string;
     'table-selection-indeterminate': string;
+    'table-selection-none': string;
     'table-settings': string;
-    'table-settings-cancel': string;
     'table-settings-apply': string;
-    'table-settings-show-column': string;
+    'table-settings-cancel': string;
+    'table-settings-column-hidable': string;
+    'table-settings-column-not-hidable': string;
     'table-settings-column-width': string;
-    'table-settings-move-up': string;
+    'table-settings-error-all-invisible': string;
     'table-settings-move-down': string;
+    'table-settings-move-up': string;
     'table-settings-not-move': string;
-    'table-settings-error-all-invisible': string;
-    'table-settings-column-not-hidable': string;
-    'table-settings-column-hidable': string;
-    dropdown: string;
-    'nav-label-open': string;
-    'nav-label-close': string;
-    'close-alert': string;
-    'show-password': string;
-    'hide-password': string;
-    'no-results-message': string;
-    'delete-selection': string;
-    'filename-text': string;
-    'data-browse-text': string;
-    sort: string;
-    'pagination-position-top': string;
-    'pagination-position-bottom': string;
-    'character-limit-hint': string;
-    'character-limit-remaining': string;
-    'character-limit-exceeded': string;
-    'character-counter-current': string;
-    'character-counter-current-of-max': string;
-    'character-counter-current-of-max-aria': string;
-    'character-counter-max-aria': string;
-    'live-value-bounded': string;
-    'live-value': string;
-    readonly: string;
-    'meter-state-optimum': string;
-    'meter-state-suboptimal': string;
-    'meter-state-critical': string;
+    'table-sort-order': string;
+    'table-visible-range': string;
+    'toast-close-all': string;
+    version: string;
+    warning: string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -1,81 +1,71 @@
 declare const _default: {
+    'action-done': string;
+    'action-running': string;
+    'avatar-alt': string;
+    'character-counter-current': string;
+    'character-counter-current-of-max': string;
+    'character-counter-current-of-max-aria': string;
+    'character-counter-max-aria': string;
+    'character-limit-exceeded': string;
+    'character-limit-hint': string;
+    'character-limit-remaining': string;
+    close: string;
+    'close-alert': string;
+    'data-browse-text': string;
+    'delete-selection': string;
+    'entries-per-site': string;
     error: string;
-    warning: string;
+    'error-list': string;
+    'error-list-message': string;
+    'filename-text': string;
+    'form-description': string;
+    'hide-password': string;
     info: string;
-    success: string;
+    'kolibri-logo': string;
+    'live-value': string;
+    'live-value-bounded': string;
     message: string;
-    close: string;
-    'form-description': string;
+    'meter-state-critical': string;
+    'meter-state-optimum': string;
+    'meter-state-suboptimal': string;
+    'nav-maximize': string;
+    'nav-minimize': string;
     new: string;
     'no-entries': string;
-    'change-order': string;
-    'action-running': string;
-    'action-done': string;
-    pagination: string;
-    'page-first': string;
+    'no-results-message': string;
+    'open-link-in-tab': string;
+    page: string;
     'page-back': string;
-    'page-next': string;
+    'page-first': string;
     'page-last': string;
-    'entries-per-site': string;
-    page: string;
-    'page-current': string;
-    'page-selected': string;
-    'page-per-site': string;
-    'nav-maximize': string;
-    'nav-minimize': string;
-    'logo-description': string;
-    'open-link-in-tab': string;
-    'kolibri-logo': string;
-    'table-pagination-label': string;
-    'table-sort-order': string;
-    'avatar-alt': string;
+    'page-next': string;
+    pagination: string;
+    'pagination-position-bottom': string;
+    'pagination-position-top': string;
+    readonly: string;
+    'show-password': string;
+    sort: string;
     'split-button-dropdown-label-open': string;
-    'split-button-dropdown-label-close': string;
-    'toast-close-all': string;
-    'error-list': string;
-    'error-list-message': string;
-    version: string;
-    'table-visible-range': string;
+    success: string;
+    'table-pagination-label': string;
     'table-selection': string;
     'table-selection-all': string;
-    'table-selection-none': string;
     'table-selection-indeterminate': string;
+    'table-selection-none': string;
     'table-settings': string;
-    'table-settings-cancel': string;
     'table-settings-apply': string;
-    'table-settings-show-column': string;
+    'table-settings-cancel': string;
+    'table-settings-column-hidable': string;
+    'table-settings-column-not-hidable': string;
     'table-settings-column-width': string;
-    'table-settings-move-up': string;
+    'table-settings-error-all-invisible': string;
     'table-settings-move-down': string;
+    'table-settings-move-up': string;
     'table-settings-not-move': string;
-    'table-settings-error-all-invisible': string;
-    'table-settings-column-not-hidable': string;
-    'table-settings-column-hidable': string;
-    dropdown: string;
-    'nav-label-open': string;
-    'nav-label-close': string;
-    'close-alert': string;
-    'show-password': string;
-    'hide-password': string;
-    'no-results-message': string;
-    'delete-selection': string;
-    'filename-text': string;
-    'data-browse-text': string;
-    sort: string;
-    'pagination-position-top': string;
-    'pagination-position-bottom': string;
-    'character-limit-hint': string;
-    'character-limit-remaining': string;
-    'character-limit-exceeded': string;
-    'character-counter-current': string;
-    'character-counter-current-of-max': string;
-    'character-counter-current-of-max-aria': string;
-    'character-counter-max-aria': string;
-    'live-value-bounded': string;
-    'live-value': string;
-    readonly: string;
-    'meter-state-optimum': string;
-    'meter-state-suboptimal': string;
-    'meter-state-critical': string;
+    'table-sort-order': string;
+    'table-visible-range': string;
+    'toast-close-all': string;
+    version: string;
+    warning: string;
 };
 export default _default;

package/dist/types/schema/components/card.d.ts

@@ -1,14 +1,16 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { HeadingLevel, PropHasCloser, PropLabel } from '../props';
+import type { HeadingLevel, PropHasCloser, PropHref, PropLabel, PropLinkTarget } from '../props';
 import type { EventCallback } from '../types';
 export type KoliBriCardEventCallbacks = {
     onClose?: EventCallback<Event>;
+    onFocus?: EventCallback<FocusEvent>;
+    onBlur?: EventCallback<FocusEvent>;
 };
 type RequiredProps = PropLabel;
 type OptionalProps = {
     level: HeadingLevel;
     on: KoliBriCardEventCallbacks;
-} & PropHasCloser;
+} & PropHasCloser & PropHref & PropLinkTarget;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
 export type CardProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/schema/i18n-keys.d.ts

@@ -1,29 +1,70 @@
 export declare enum KeyEnum {
-    error = 0,
-    warning = 1,
-    info = 2,
-    success = 3,
-    message = 4,
-    close = 5,
-    'form-description' = 6,
-    of = 7,
-    characters = 8,
-    new = 9,
-    'no-entries' = 10,
-    'change-order' = 11,
-    'action-running' = 12,
-    'action-done' = 13,
-    'page-first' = 14,
-    'page-back' = 15,
-    'page-next' = 16,
-    'page-last' = 17,
-    'entries-per-site' = 18,
-    'page-current' = 19,
-    'page-selected' = 20,
-    'page-per-site' = 21,
-    'logo-description' = 22,
-    'live-value-bounded' = 23,
-    'live-value' = 24,
-    'open-link-in-tab' = 25,
-    'kolibri-logo' = 26
+    'action-done' = 0,
+    'action-running' = 1,
+    'avatar-alt' = 2,
+    'character-counter-current' = 3,
+    'character-counter-current-of-max' = 4,
+    'character-counter-current-of-max-aria' = 5,
+    'character-counter-max-aria' = 6,
+    'character-limit-exceeded' = 7,
+    'character-limit-hint' = 8,
+    'character-limit-remaining' = 9,
+    close = 10,
+    'close-alert' = 11,
+    'data-browse-text' = 12,
+    'delete-selection' = 13,
+    'entries-per-site' = 14,
+    error = 15,
+    'error-list' = 16,
+    'error-list-message' = 17,
+    'filename-text' = 18,
+    'form-description' = 19,
+    'hide-password' = 20,
+    info = 21,
+    'kolibri-logo' = 22,
+    'live-value' = 23,
+    'live-value-bounded' = 24,
+    message = 25,
+    'meter-state-critical' = 26,
+    'meter-state-optimum' = 27,
+    'meter-state-suboptimal' = 28,
+    'nav-maximize' = 29,
+    'nav-minimize' = 30,
+    new = 31,
+    'no-entries' = 32,
+    'no-results-message' = 33,
+    'open-link-in-tab' = 34,
+    page = 35,
+    'page-back' = 36,
+    'page-first' = 37,
+    'page-last' = 38,
+    'page-next' = 39,
+    pagination = 40,
+    'pagination-position-bottom' = 41,
+    'pagination-position-top' = 42,
+    readonly = 43,
+    'show-password' = 44,
+    sort = 45,
+    'split-button-dropdown-label-open' = 46,
+    success = 47,
+    'table-pagination-label' = 48,
+    'table-selection' = 49,
+    'table-selection-all' = 50,
+    'table-selection-indeterminate' = 51,
+    'table-selection-none' = 52,
+    'table-settings' = 53,
+    'table-settings-apply' = 54,
+    'table-settings-cancel' = 55,
+    'table-settings-column-hidable' = 56,
+    'table-settings-column-not-hidable' = 57,
+    'table-settings-column-width' = 58,
+    'table-settings-error-all-invisible' = 59,
+    'table-settings-move-down' = 60,
+    'table-settings-move-up' = 61,
+    'table-settings-not-move' = 62,
+    'table-sort-order' = 63,
+    'table-visible-range' = 64,
+    'toast-close-all' = 65,
+    version = 66,
+    warning = 67
 }

package/dist/types/schema/index.d.ts

@@ -2,11 +2,12 @@ import { Theme } from 'adopted-style-sheets';
 import type { VariantClassNamePropType } from './props';
 declare module 'adopted-style-sheets' {
     interface FeatureFlagRegistry {
-        inputNumberButtons: 'show' | 'hide';
+        breadcrumbCurrentPage: 'show' | 'hide';
         buttonVariantDefault: VariantClassNamePropType;
+        inputNumberButtons: 'show' | 'hide';
     }
 }
-export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "live-value-bounded" | "live-value" | "open-link-in-tab" | "kolibri-logo", "symbol" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "meter" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "pagination" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
+export declare const KoliBri: Theme<"kol", "sort" | "info" | "success" | "warning" | "error" | "page" | "action-done" | "action-running" | "avatar-alt" | "character-counter-current" | "character-counter-current-of-max" | "character-counter-current-of-max-aria" | "character-counter-max-aria" | "character-limit-exceeded" | "character-limit-hint" | "character-limit-remaining" | "close" | "close-alert" | "data-browse-text" | "delete-selection" | "entries-per-site" | "error-list" | "error-list-message" | "filename-text" | "form-description" | "hide-password" | "kolibri-logo" | "live-value" | "live-value-bounded" | "message" | "meter-state-critical" | "meter-state-optimum" | "meter-state-suboptimal" | "nav-maximize" | "nav-minimize" | "new" | "no-entries" | "no-results-message" | "open-link-in-tab" | "page-back" | "page-first" | "page-last" | "page-next" | "pagination" | "pagination-position-bottom" | "pagination-position-top" | "readonly" | "show-password" | "split-button-dropdown-label-open" | "table-pagination-label" | "table-selection" | "table-selection-all" | "table-selection-indeterminate" | "table-selection-none" | "table-settings" | "table-settings-apply" | "table-settings-cancel" | "table-settings-column-hidable" | "table-settings-column-not-hidable" | "table-settings-column-width" | "table-settings-error-all-invisible" | "table-settings-move-down" | "table-settings-move-up" | "table-settings-not-move" | "table-sort-order" | "table-visible-range" | "toast-close-all" | "version", "symbol" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "meter" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "pagination" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './interfaces';
 export * from './props';

package/doc/badge.md

@@ -13,7 +13,7 @@ In addition to specifying the background color and automatically calculating the
 | Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default     |
 | --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
 | `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: string; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `'#000'`    |
-| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_icons`              | `_icons`        | Defines the icon classnames.                                                                                       | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
 | `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string \| undefined \| { _label: string; } & { _ariaExpanded?: boolean \| undefined; _tabIndex?: number \| undefined; _value?: StencilUnknown; _accessKey?: string \| undefined; _role?: "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: VariantClassNamePropType \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _inline?: boolean \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 

package/doc/button-link.md

@@ -26,7 +26,7 @@ Since a link, unlike a button, is not offered in multiple variants (`primary`, `
 | `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
 | `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
 | `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_icons`              | `_icons`            | Defines the icon classnames.                                                                                                                                                                                                             | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
 | `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                                                                                                                    | `true`      |
 | `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                                                                                                                                  | `undefined` |
 | `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |

package/doc/button.md

@@ -19,7 +19,7 @@ The **Button** component is used to present users with action options and arrang
 | `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
 | `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
 | `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_icons`              | `_icons`            | Defines the icon classnames.                                                                                                                                                                                                             | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
 | `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
 | `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                                                                                                                                  | `undefined` |
 | `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |

package/doc/card.md

@@ -13,12 +13,43 @@ The **title area** is displayed in a larger font. The **content area** is visual
 
 ## Properties
 
-| Property              | Attribute     | Description                                                                                                        | Type                                                            | Default     |
-| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------- | ----------- |
-| `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                          | `false`     |
-| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                        | `undefined` |
-| `_level`              | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                  | `0`         |
-| `_on`                 | --            | Defines the event callback functions for the component.                                                            | `undefined \| { onClose?: EventCallback<Event> \| undefined; }` | `undefined` |
+| Property              | Attribute     | Description                                                                                                        | Type                                                                                                                                                               | Default     |
+| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                                                                                                                             | `false`     |
+| `_href`               | `_href`       | Sets the target URI of the link or citation source.                                                                | `string \| undefined`                                                                                                                                              | `undefined` |
+| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                           | `undefined` |
+| `_level`              | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                                                                                                                     | `0`         |
+| `_on`                 | --            | Defines the event callback functions for the component.                                                            | `undefined \| { onClose?: EventCallback<Event> \| undefined; onFocus?: EventCallback<FocusEvent> \| undefined; onBlur?: EventCallback<FocusEvent> \| undefined; }` | `undefined` |
+| `_target`             | `_target`     | Defines where to open the link.                                                                                    | `string \| undefined`                                                                                                                                              | `undefined` |
+
+
+## Methods
+
+### `click() => Promise<void>`
+
+Clicks the primary interactive element inside this component.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `focus(options?: KolFocusOptions) => Promise<void>`
+
+Sets focus on the internal element.
+
+#### Parameters
+
+| Name      | Type  | Description |
+| --------- | ----- | ----------- |
+| `options` | `any` |             |
+
+#### Returns
+
+Type: `Promise<void>`
+
+
 
 
 ## Slots

package/doc/combobox.md

@@ -14,7 +14,7 @@
 | `_hideLabel`                | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                   | `boolean \| undefined`                                                                                                             | `false`     |
 | `_hideMsg`                  | `_hide-msg`         | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean \| undefined`                                                                                                             | `false`     |
 | `_hint`                     | `_hint`             | Defines the hint text.                                                                                                                                       | `string \| undefined`                                                                                                              | `''`        |
-| `_icons`                    | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
+| `_icons`                    | `_icons`            | Defines the icon classnames.                                                                                                                                 | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
 | `_label` _(required)_       | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                                                                                           | `undefined` |
 | `_msg`                      | `_msg`              | Defines the properties for a message rendered as Alert component.                                                                                            | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined` | `undefined` |
 | `_name`                     | `_name`             | Defines the technical name of an input field.                                                                                                                | `string \| undefined`                                                                                                              | `undefined` |

package/doc/input-checkbox.md

@@ -18,7 +18,7 @@ The **Checkbox** input type generates a rectangular box that can be activated an
 | `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                                                                                                    | `boolean \| undefined`                                                                                                                                                                                                                                                                                          | `false`     |
 | `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                            | `boolean \| undefined`                                                                                                                                                                                                                                                                                          | `false`     |
 | `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                                                                                                                                                                                                           | `''`        |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                               | `string \| undefined \| { checked: string; indeterminate?: string \| undefined; unchecked?: string \| undefined; } \| { checked?: string \| undefined; indeterminate: string; unchecked?: string \| undefined; } \| { checked?: string \| undefined; indeterminate?: string \| undefined; unchecked: string; }` | `undefined` |
+| `_icons`              | `_icons`         | Defines the icon classnames.                                                                                                                                                                                                                                                                                  | `string \| undefined \| { checked: string; indeterminate?: string \| undefined; unchecked?: string \| undefined; } \| { checked?: string \| undefined; indeterminate: string; unchecked?: string \| undefined; } \| { checked?: string \| undefined; indeterminate?: string \| undefined; unchecked: string; }` | `undefined` |
 | `_indeterminate`      | `_indeterminate` | Puts the checkbox in the indeterminate state, does not change the value of _checked.                                                                                                                                                                                                                          | `boolean \| undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
 | `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                                                                                                  | `string`                                                                                                                                                                                                                                                                                                        | `undefined` |
 | `_labelAlign`         | `_label-align`   | Defines which alignment should be used for presentation.                                                                                                                                                                                                                                                      | `"left" \| "right" \| undefined`                                                                                                                                                                                                                                                                                | `'right'`   |
@@ -76,6 +76,7 @@ Type: `Promise<StencilUnknown>`
 
 | Slot       | Description                                                                                              |
 | ---------- | -------------------------------------------------------------------------------------------------------- |
+|            | The label of the input field.                                                                            |
 | `"expert"` | Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot |
 
 

package/doc/input-color.md

@@ -18,7 +18,7 @@ The **Color** input type creates a selection field for defining any color. The c
 | `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                                                                                                    | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `false`     |
 | `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                            | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `false`     |
 | `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `''`        |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
+| `_icons`              | `_icons`         | Defines the icon classnames.                                                                                                                                                                                                                                                                                  | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                                                                                                                                                                             | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
 | `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                                                                                                                                                                 | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `undefined` |