@public-ui/components 2.2.4 → 2.2.5-rc.1

package/dist/types/components.d.ts

@@ -40,7 +40,7 @@ export namespace Components {
          */
         "_on"?: AccordionCallbacksPropType<boolean>;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
@@ -162,7 +162,7 @@ export namespace Components {
     }
     interface KolButton {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -219,7 +219,7 @@ export namespace Components {
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
-          * Defines the elements short key.
+          * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
         /**
@@ -262,7 +262,7 @@ export namespace Components {
     }
     interface KolButtonLink {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -350,7 +350,7 @@ export namespace Components {
     }
     interface KolButtonWc {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -521,7 +521,7 @@ export namespace Components {
          */
         "_shortKey"?: ShortKeyPropType;
         /**
-          * Suggestions the user can choose from.
+          * Suggestions to provide for the input.
          */
         "_suggestions": SuggestionsPropType;
         /**
@@ -566,7 +566,7 @@ export namespace Components {
          */
         "_on"?: DetailsCallbacksPropType<boolean>;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
@@ -578,7 +578,7 @@ export namespace Components {
     }
     interface KolDrawer {
         /**
-          * Specifies the orientation of the drawer.
+          * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
         /**
@@ -586,7 +586,7 @@ export namespace Components {
          */
         "_label": LabelPropType;
         /**
-          * Indicates whether the drawer is a modal.
+          * @deprecated Indicates whether the drawer is a modal.
          */
         "_modal"?: ModalPropType;
         /**
@@ -594,7 +594,7 @@ export namespace Components {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Specifies the default open state of the drawer.
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
         "close": () => Promise<void>;
@@ -695,7 +695,7 @@ export namespace Components {
     }
     interface KolInput {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -1989,7 +1989,7 @@ export namespace Components {
     }
     interface KolLink {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2034,7 +2034,7 @@ export namespace Components {
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
-          * Defines the elements access key.
+          * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
         /**
@@ -2057,7 +2057,7 @@ export namespace Components {
     }
     interface KolLinkButton {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2151,7 +2151,7 @@ export namespace Components {
     }
     interface KolLinkWc {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2745,6 +2745,7 @@ export namespace Components {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -2787,6 +2788,7 @@ export namespace Components {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -2826,6 +2828,7 @@ export namespace Components {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -2856,6 +2859,7 @@ export namespace Components {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -2869,7 +2873,7 @@ export namespace Components {
     }
     interface KolTabs {
         /**
-          * Defines the position of the tab captions.
+          * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
         /**
@@ -3033,7 +3037,7 @@ export namespace Components {
          */
         "_items": ToolbarItemsPropType;
         /**
-          * Defines the semantic aria-label of the component.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
     }
@@ -3057,7 +3061,7 @@ export namespace Components {
     }
     interface KolTree {
         /**
-          * Defines the label of the tree.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
     }
@@ -3067,15 +3071,15 @@ export namespace Components {
          */
         "_active"?: OpenPropType;
         /**
-          * This property is used for a link from a reference to the target URL.
+          * Defines the target URI of the link.
          */
         "_href": HrefPropType;
         /**
-          * Defines the label of the link.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
         "collapse": () => Promise<void>;
@@ -3089,15 +3093,15 @@ export namespace Components {
          */
         "_active"?: OpenPropType;
         /**
-          * This property is used for a link from a reference to the target URL.
+          * Defines the target URI of the link.
          */
         "_href": HrefPropType;
         /**
-          * Defines the label of the link.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
         "collapse": () => Promise<void>;
@@ -3107,7 +3111,7 @@ export namespace Components {
     }
     interface KolTreeWc {
         /**
-          * Defines the label of the tree.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
     }
@@ -3654,7 +3658,7 @@ declare namespace LocalJSX {
          */
         "_on"?: AccordionCallbacksPropType<boolean>;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
@@ -3771,7 +3775,7 @@ declare namespace LocalJSX {
     }
     interface KolButton {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -3828,7 +3832,7 @@ declare namespace LocalJSX {
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
-          * Defines the elements short key.
+          * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
         /**
@@ -3861,7 +3865,7 @@ declare namespace LocalJSX {
     }
     interface KolButtonLink {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -3939,7 +3943,7 @@ declare namespace LocalJSX {
     }
     interface KolButtonWc {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -4105,7 +4109,7 @@ declare namespace LocalJSX {
          */
         "_shortKey"?: ShortKeyPropType;
         /**
-          * Suggestions the user can choose from.
+          * Suggestions to provide for the input.
          */
         "_suggestions": SuggestionsPropType;
         /**
@@ -4144,14 +4148,14 @@ declare namespace LocalJSX {
          */
         "_on"?: DetailsCallbacksPropType<boolean>;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
     }
     interface KolDrawer {
         /**
-          * Specifies the orientation of the drawer.
+          * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
         /**
@@ -4159,7 +4163,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelPropType;
         /**
-          * Indicates whether the drawer is a modal.
+          * @deprecated Indicates whether the drawer is a modal.
          */
         "_modal"?: ModalPropType;
         /**
@@ -4167,7 +4171,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Specifies the default open state of the drawer.
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
     }
@@ -4265,7 +4269,7 @@ declare namespace LocalJSX {
     }
     interface KolInput {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5453,7 +5457,7 @@ declare namespace LocalJSX {
     }
     interface KolLink {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5498,7 +5502,7 @@ declare namespace LocalJSX {
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
-          * Defines the elements access key.
+          * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
         /**
@@ -5516,7 +5520,7 @@ declare namespace LocalJSX {
     }
     interface KolLinkButton {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5605,7 +5609,7 @@ declare namespace LocalJSX {
     }
     interface KolLinkWc {
         /**
-          * Defines the elements access key.
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -6175,6 +6179,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -6217,6 +6222,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -6255,6 +6261,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -6285,6 +6292,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Defines the table min-width.
+          * @deprecated This property is deprecated and will be removed in the next major release.
          */
         "_minWidth"?: string;
         /**
@@ -6298,7 +6306,7 @@ declare namespace LocalJSX {
     }
     interface KolTabs {
         /**
-          * Defines the position of the tab captions.
+          * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
         /**
@@ -6450,7 +6458,7 @@ declare namespace LocalJSX {
          */
         "_items": ToolbarItemsPropType;
         /**
-          * Defines the semantic aria-label of the component.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
     }
@@ -6474,7 +6482,7 @@ declare namespace LocalJSX {
     }
     interface KolTree {
         /**
-          * Defines the label of the tree.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
     }
@@ -6484,15 +6492,15 @@ declare namespace LocalJSX {
          */
         "_active"?: OpenPropType;
         /**
-          * This property is used for a link from a reference to the target URL.
+          * Defines the target URI of the link.
          */
         "_href": HrefPropType;
         /**
-          * Defines the label of the link.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
     }
@@ -6502,21 +6510,21 @@ declare namespace LocalJSX {
          */
         "_active"?: OpenPropType;
         /**
-          * This property is used for a link from a reference to the target URL.
+          * Defines the target URI of the link.
          */
         "_href": HrefPropType;
         /**
-          * Defines the label of the link.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
         /**
-          * If set (to true) opens/expands the element, closes if not set (or set to false).
+          * Opens/expands the element when truthy, closes/collapses when falsy.
          */
         "_open"?: OpenPropType;
     }
     interface KolTreeWc {
         /**
-          * Defines the label of the tree.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
     }

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

@@ -1,12 +1,12 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropOpen, PropAlign, PropModal } from '../props';
+import type { PropLabel, PropOpen, PropAlign } from '../props';
 import type { KoliBriModalEventCallbacks } from '../types';
 type RequiredProps = PropLabel;
-type OptionalProps = PropAlign & PropOpen & PropModal & {
+type OptionalProps = PropAlign & PropOpen & {
     on: KoliBriModalEventCallbacks;
 };
 type RequiredStates = PropAlign & PropOpen & PropLabel;
-type OptionalStates = PropModal & {
+type OptionalStates = {
     on: KoliBriModalEventCallbacks;
 };
 export type DrawerProps = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -11,6 +11,7 @@ type RequiredStates = {
     data: KoliBriTableDataType[];
 } & PropLabel;
 type OptionalStates = {
+    deprecatedMinWidth: string;
     minWidth: string;
     dataFoot: KoliBriTableDataType[];
     selection: KoliBriTableSelection;

package/dist/types/schema/props/error-list.d.ts

@@ -1,7 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
+import { EventCallback } from '../types';
 export type ErrorListPropType = {
     message: string;
-    selector: string;
+    selector: string | EventCallback<Event>;
 };
 export type PropErrorList = {
     errorList: ErrorListPropType[];

package/doc/accordion.md

@@ -118,7 +118,7 @@ Standardansicht gelegt.
 | `_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`                                            | `1`         |
 | `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                                    | `false`     |
+| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                                                    | `false`     |
 
 
 ## Methods

package/doc/button-link.md

@@ -54,7 +54,7 @@ kolibriElement._on = {
 
 | Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the elements access key.                                                                                                                                                 | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |

package/doc/button.md

@@ -123,7 +123,7 @@ Probleme mit Disabled-Status
 
 | Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the elements access key.                                                                                                                                                 | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
@@ -137,7 +137,7 @@ Probleme mit Disabled-Status
 | `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
 | `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
-| `_shortKey`           | `_short-key`        | Defines the elements short key.                                                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_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'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |

package/doc/combobox.md

@@ -71,7 +71,7 @@ Beispiel für die Konstruktion des JSON-Array:
 | `_placeholder`              | `_placeholder`   | Defines the placeholder for input field. To be shown when there's no value.                                                                                                           | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_required`                 | `_required`      | Makes the input element required.                                                                                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
 | `_shortKey`                 | `_short-key`     | Adds a visual short key hint to the component.                                                                                                                                        | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_suggestions` _(required)_ | `_suggestions`   | Suggestions the user can choose from.                                                                                                                                                 | `W3CInputValue[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |
+| `_suggestions` _(required)_ | `_suggestions`   | Suggestions to provide for the input.                                                                                                                                                 | `W3CInputValue[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |
 | `_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`     |

package/doc/details.md

@@ -99,7 +99,7 @@ Verwenden Sie das Attribut **`_label`**, um den Text zu definieren, der als Übe
 | `_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`                                             | `1`         |
 | `_on`                 | --          | Defines the callback functions for details.                                                                        | `undefined` \| `{ onToggle?: EventValueOrEventCallback<MouseEvent, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                                     | `false`     |
+| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                                                     | `false`     |
 
 
 ## Methods

package/doc/drawer.md

@@ -132,11 +132,11 @@ Optional können Animationen mit Keyframes hinzugefügt werden. Dabei ist es wic
 
 | Property              | Attribute | Description                                                                                                        | Type                                                      | Default     |
 | --------------------- | --------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
-| `_align`              | `_align`  | Specifies the orientation of the drawer.                                                                           | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`     | `undefined` |
+| `_align`              | `_align`  | Defines the visual orientation of the component.                                                                   | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `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` |
-| `_modal`              | `_modal`  | Indicates whether the drawer is a modal.                                                                           | `boolean` \| `undefined`                                    | `undefined` |
+| `_modal`              | `_modal`  | <span class="text-red-500">**[DEPRECATED]**</span> Indicates whether the drawer is a modal.<br/><br/>                 | `boolean` \| `undefined`                                    | `undefined` |
 | `_on`                 | --        | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined` \| `({ onClose?: (() => void)` \| `undefined; })` | `undefined` |
-| `_open`               | `_open`   | Specifies the default open state of the drawer.                                                                    | `boolean` \| `undefined`                                    | `undefined` |
+| `_open`               | `_open`   | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                    | `undefined` |
 
 
 ## Methods

package/doc/link-button.md

@@ -32,7 +32,7 @@ Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/com
 
 | Property             | Attribute             | Description                                                                                                                                                  | Type                                                                                                 | Default     |
 | -------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`         | `_access-key`         | Defines the elements access key.                                                                                                                             | `string` \| `undefined`                                                                                | `undefined` |
+| `_accessKey`         | `_access-key`         | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                | `undefined` |
 | `_ariaCurrentValue`  | `_aria-current-value` | Defines the value for the aria-current attribute.                                                                                                            | `"date"` \| `"false"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `"true"` \| `undefined`               | `undefined` |
 | `_ariaDescription`   | `_aria-description`   | Defines the value for the aria-description attribute.                                                                                                        | `string` \| `undefined`                                                                                | `undefined` |
 | `_customClass`       | `_custom-class`       | Defines the custom class attribute if _variant="custom" is set.                                                                                              | `string` \| `undefined`                                                                                | `undefined` |

package/doc/link.md

@@ -77,7 +77,7 @@ Der übergebene Location-String muss dabei exakt dem `href`-Attributs des Links
 
 | Property             | Attribute             | Description                                                                                                                                                  | Type                                                                                   | Default     |
 | -------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`         | `_access-key`         | Defines the elements access key.                                                                                                                             | `string` \| `undefined`                                                                  | `undefined` |
+| `_accessKey`         | `_access-key`         | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                  | `undefined` |
 | `_ariaCurrentValue`  | `_aria-current-value` | Defines the value for the aria-current attribute.                                                                                                            | `"date"` \| `"false"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `"true"` \| `undefined` | `undefined` |
 | `_ariaDescription`   | `_aria-description`   | Defines the value for the aria-description attribute.                                                                                                        | `string` \| `undefined`                                                                  | `undefined` |
 | `_disabled`          | `_disabled`           | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                 | `false`     |
@@ -88,7 +88,7 @@ Der übergebene Location-String muss dabei exakt dem `href`-Attributs des Links
 | `_label`             | `_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`                                                                  | `undefined` |
 | `_on`                | --                    | Defines the callback functions for links.                                                                                                                    | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }`    | `undefined` |
 | `_role`              | `_role`               | Defines the role of the components primary element.                                                                                                          | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                               | `undefined` |
-| `_shortKey`          | `_short-key`          | Defines the elements access key.                                                                                                                             | `string` \| `undefined`                                                                  | `undefined` |
+| `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                  | `undefined` |
 | `_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` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                              | `string` \| `undefined`                                                                  | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                  | `'right'`   |