@public-ui/components 2.0.8 → 2.0.10

package/dist/types/utils/dev.utils.d.ts

@@ -1,7 +1,6 @@
-export declare const configKoliBri: (window: Window) => void;
 declare const getKoliBri: () => Record<string, unknown>;
-export declare const initKoliBri: () => void;
 export { getKoliBri };
+export declare const initKoliBri: () => void;
 export declare const renderDevAdvice: () => void;
 declare let nonce: () => string;
 export { nonce };

package/doc/abbr.md

@@ -58,21 +58,6 @@ Der KoliBri Tooltip kann von Screenreadern vorgelesen werden und verändert sein
 |      | Der Begriff, der erläutert werden soll. |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-tooltip-wc](../tooltip)
-
-### Graph
-```mermaid
-graph TD;
-  kol-abbr --> kol-tooltip-wc
-  kol-tooltip-wc --> kol-span-wc
-  kol-span-wc --> kol-icon
-  style kol-abbr stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/accordion.md

@@ -126,25 +126,6 @@ Standardansicht gelegt.
 |      | Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions. |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-heading-wc](../heading)
-- kol-button-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-accordion --> kol-heading-wc
-  kol-accordion --> kol-button-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  style kol-accordion stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/alert.md

@@ -98,32 +98,6 @@ Bei der **Alert**-Komponente wurden insbesondere folgende Punkte der Barrierefre
 |      | Der Inhalt der Meldung. |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-alert](.)
-
-### Depends on
-
-- [kol-heading-wc](../heading)
-- kol-button-wc
-- [kol-icon](../icon)
-
-### Graph
-```mermaid
-graph TD;
-  kol-alert-wc --> kol-heading-wc
-  kol-alert-wc --> kol-button-wc
-  kol-alert-wc --> kol-icon
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-alert --> kol-alert-wc
-  style kol-alert-wc stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/avatar.md

@@ -53,19 +53,6 @@ Bei der **Avatar**-Komponente wurden insbesondere folgende Punkte der Barrierefr
 | `_src`                | `_src`    | Sets the image `src` attribute to the given string.                                                                | `string` \| `undefined` | `undefined` |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-avatar](.)
-
-### Graph
-```mermaid
-graph TD;
-  kol-avatar --> kol-avatar-wc
-  style kol-avatar-wc stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/badge.md

@@ -108,30 +108,6 @@ Die zusätzliche Ausgabe eines **Icon** gewährleistet, dass der Nutzer auch hie
 | `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: "button"` \| `"reset"` \| `"submit"` \| `undefined; _variant?: "primary"` \| `"secondary"` \| `"normal"` \| `"tertiary"` \| `"danger"` \| `"ghost"` \| `"custom"` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icons?: IconsPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; _accessKey?: string` \| `undefined; }` | `undefined` |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-version](../version)
-
-### Depends on
-
-- kol-button-wc
-- kol-span-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-badge --> kol-button-wc
-  kol-badge --> kol-span-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-version --> kol-badge
-  style kol-badge stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/breadcrumb.md

@@ -94,27 +94,6 @@ Beachten Sie, dass auch das letzte Element in der Breadcrumb-Komponente per Tab-
 | `_links` _(required)_ | `_links`  | Defines the list of links combined with their labels to render.                                                    | `BreadcrumbLinkProps[]` \| `string` | `undefined` |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-icon](../icon)
-- [kol-link](../link)
-
-### Graph
-```mermaid
-graph TD;
-  kol-breadcrumb --> kol-icon
-  kol-breadcrumb --> kol-link
-  kol-link --> kol-link-wc
-  kol-link-wc --> kol-span-wc
-  kol-link-wc --> kol-icon
-  kol-link-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  style kol-breadcrumb stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/button-group.md

@@ -87,21 +87,6 @@ Bei Verwendung der **ButtonGroup**-Komponente sind keine besonderen Maßnahmen i
 <!-- Auto Generated Below -->
 
 
-## Dependencies
-
-### Used by
-
- - [kol-button-group](.)
- - [kol-tabs](../tabs)
-
-### Graph
-```mermaid
-graph TD;
-  kol-button-group --> kol-button-group-wc
-  kol-tabs --> kol-button-group-wc
-  style kol-button-group-wc stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/button-link.md

@@ -62,23 +62,6 @@ Type: `Promise<Stringified<StencilUnknown>>`
 
 
 
-## Dependencies
-
-### Depends on
-
-- kol-button-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-button-link --> kol-button-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  style kol-button-link stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/button.md

@@ -133,32 +133,6 @@ Type: `Promise<Stringified<StencilUnknown>>`
 
 
 
-## Dependencies
-
-### Used by
-
- - [kol-nav](../nav)
- - [kol-table](../table)
- - [kol-toast-container](../toaster)
-
-### Depends on
-
-- kol-button-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-button --> kol-button-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-nav --> kol-button
-  kol-table --> kol-button
-  kol-toast-container --> kol-button
-  style kol-button stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/card.md

@@ -84,25 +84,6 @@ Bitte beachten Sie, dass Sie zwar ein beliebiges HTML-Tag als Inhalts-Container
 |      | Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card. |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-heading-wc](../heading)
-- kol-button-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-card --> kol-heading-wc
-  kol-card --> kol-button-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  style kol-card stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/details.md

@@ -106,21 +106,6 @@ Verwenden Sie das Attribut **`_label`**, um den Text zu definieren, der als Übe
 |      | Der Inhalt, der in der Detailbeschreibung angezeigt wird. |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-icon](../icon)
-- [kol-indented-text](../indented-text)
-
-### Graph
-```mermaid
-graph TD;
-  kol-details --> kol-icon
-  kol-details --> kol-indented-text
-  style kol-details stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/form.md

@@ -32,6 +32,19 @@ Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinwe
 | `_requiredText` | `_required-text` | Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.                                                                                         | `boolean` \| `string` \| `undefined`                                                                              | `true`      |
 
 
+## Methods
+
+### `focusErrorList() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ## Slots
 
 | Slot | Description      |
@@ -39,35 +52,6 @@ Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinwe
 |      | Inhalt der Form. |
 
 
-## Dependencies
-
-### Depends on
-
-- [kol-alert](../alert)
-- [kol-link](../link)
-- [kol-indented-text](../indented-text)
-
-### Graph
-```mermaid
-graph TD;
-  kol-form --> kol-alert
-  kol-form --> kol-link
-  kol-form --> kol-indented-text
-  kol-alert --> kol-alert-wc
-  kol-alert-wc --> kol-heading-wc
-  kol-alert-wc --> kol-button-wc
-  kol-alert-wc --> kol-icon
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-link --> kol-link-wc
-  kol-link-wc --> kol-span-wc
-  kol-link-wc --> kol-icon
-  kol-link-wc --> kol-tooltip-wc
-  style kol-form stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/heading.md

@@ -53,25 +53,6 @@ Die Überschriftenebene wird durch das Attribut **`_level`** übergeben. Möglic
 |      | Inhalt der Überschrift. |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-accordion](../accordion)
- - [kol-alert-wc](../alert)
- - [kol-card](../card)
- - [kol-heading](.)
-
-### Graph
-```mermaid
-graph TD;
-  kol-accordion --> kol-heading-wc
-  kol-alert-wc --> kol-heading-wc
-  kol-card --> kol-heading-wc
-  kol-heading --> kol-heading-wc
-  style kol-heading-wc stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/icon.md

@@ -60,31 +60,6 @@ Mittels der Property `_label` muss ein Kontext-relevantes Icon beschriftet werde
 | `"icon"` | Ermöglicht das Styling des inneren Icons. |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-alert-wc](../alert)
- - [kol-breadcrumb](../breadcrumb)
- - [kol-details](../details)
- - kol-input
- - [kol-input-checkbox](../input-checkbox)
- - kol-link-wc
- - kol-span-wc
-
-### Graph
-```mermaid
-graph TD;
-  kol-alert-wc --> kol-icon
-  kol-breadcrumb --> kol-icon
-  kol-details --> kol-icon
-  kol-input --> kol-icon
-  kol-input-checkbox --> kol-icon
-  kol-link-wc --> kol-icon
-  kol-span-wc --> kol-icon
-  style kol-icon stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/indented-text.md

@@ -45,21 +45,6 @@ Verwenden Sie die **IndentedText**-Komponente, um Textpassagen oder Informatione
 |      | Der Text.   |
 
 
-## Dependencies
-
-### Used by
-
- - [kol-details](../details)
- - [kol-form](../form)
-
-### Graph
-```mermaid
-graph TD;
-  kol-details --> kol-indented-text
-  kol-form --> kol-indented-text
-  style kol-indented-text stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/input-checkbox.md

@@ -59,28 +59,29 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
 
 ## Properties
 
-| Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                            | Default     |
-| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_alert`              | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `true`      |
-| `_checked`            | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_error`              | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_hideError`          | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `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`     |
-| `_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` |
-| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `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` |
-| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                        | `undefined` |
-| `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_tabIndex`           | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)             | `number` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                           | `'top'`     |
-| `_touched`            | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_value`              | `_value`         | Defines the value of the input.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                    | `true`      |
-| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                       | `"button"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                                | `'default'` |
+| Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                              | Default     |
+| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_alert`              | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                            | `true`      |
+| `_checked`            | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                            | `false`     |
+| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                            | `false`     |
+| `_error`              | `_error`         | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in v3. Use `msg` instead.<br/><br/>Defines the error message text.                           | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_hideError`          | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `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`     |
+| `_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` |
+| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                             | `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` |
+| `_msg`                | --               | Defines the properties for a message rendered as Alert component.                                                                                            | `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `3` \| `4` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "error"` \| `"warning"` \| `"info"` \| `"success"` \| `"default"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }` | `undefined` |
+| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                            | `false`     |
+| `_tabIndex`           | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)             | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                             | `'top'`     |
+| `_touched`            | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                            | `false`     |
+| `_value`              | `_value`         | Defines the value of the input.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                      | `true`      |
+| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                       | `"button"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                                                                                                  | `'default'` |
 
 
 ## Methods
@@ -103,33 +104,6 @@ Type: `Promise<boolean | undefined>`
 | `"expert"` | Die Beschriftung der Checkbox. |
 
 
-## Dependencies
-
-### Depends on
-
-- kol-input
-- [kol-icon](../icon)
-
-### Graph
-```mermaid
-graph TD;
-  kol-input-checkbox --> kol-input
-  kol-input-checkbox --> kol-icon
-  kol-input --> kol-icon
-  kol-input --> kol-button-wc
-  kol-input --> kol-tooltip-wc
-  kol-input --> kol-alert
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-alert --> kol-alert-wc
-  kol-alert-wc --> kol-heading-wc
-  kol-alert-wc --> kol-button-wc
-  kol-alert-wc --> kol-icon
-  style kol-input-checkbox stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 

package/doc/input-color.md

@@ -54,13 +54,14 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef
 | `_alert`              | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`      |
 | `_autoComplete`       | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                             | `"off"` \| `"on"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
 | `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`     |
-| `_error`              | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_error`              | `_error`         | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in v3. Use `msg` instead.<br/><br/>Defines the error message text.                           | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
 | `_hideError`          | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `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`     |
 | `_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` |
 | `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `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`                | --               | Defines the properties for a message rendered as Alert component.                                                                                            | `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `3` \| `4` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "error"` \| `"warning"` \| `"info"` \| `"success"` \| `"default"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
 | `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
 | `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_smartButton`        | `_smart-button`  | Allows to add a button with an arbitrary action within the element (_hide-label only).                                                                       | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: "button"` \| `"reset"` \| `"submit"` \| `undefined; _variant?: "primary"` \| `"secondary"` \| `"normal"` \| `"tertiary"` \| `"danger"` \| `"ghost"` \| `"custom"` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icons?: IconsPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; _accessKey?: string` \| `undefined; }` | `undefined` |
@@ -91,31 +92,6 @@ Type: `Promise<string | undefined>`
 |      | Die Beschriftung des Eingabefeldes. |
 
 
-## Dependencies
-
-### Depends on
-
-- kol-input
-
-### Graph
-```mermaid
-graph TD;
-  kol-input-color --> kol-input
-  kol-input --> kol-icon
-  kol-input --> kol-button-wc
-  kol-input --> kol-tooltip-wc
-  kol-input --> kol-alert
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
-  kol-alert --> kol-alert-wc
-  kol-alert-wc --> kol-heading-wc
-  kol-alert-wc --> kol-button-wc
-  kol-alert-wc --> kol-icon
-  style kol-input-color stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------