@public-ui/components 1.7.0-rc.12 → 1.7.0-rc.14

package/dist/types/components.d.ts

@@ -36,7 +36,7 @@ import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
 import { Loading } from "./utils/validators/loading";
 import { SuggestionsPropType } from "./types/props/suggestions";
-import { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
+import { InputCheckboxIconProp, InputCheckboxVariant } from "./components/input-checkbox/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { Iso8601 } from "./types/input/iso8601";
 import { InputDateType, InputNumberType } from "./types/input/control/number";
@@ -95,7 +95,7 @@ export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
 export { Loading } from "./utils/validators/loading";
 export { SuggestionsPropType } from "./types/props/suggestions";
-export { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
+export { InputCheckboxIconProp, InputCheckboxVariant } from "./components/input-checkbox/types";
 export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 export { Iso8601 } from "./types/input/iso8601";
 export { InputDateType, InputNumberType } from "./types/input/control/number";
@@ -790,6 +790,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -807,6 +812,10 @@ export namespace Components {
           * Defines the internal ID of the primary component element.
          */
         "_id": IdPropType;
+        /**
+          * 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.
+         */
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the maximum number of input characters.
          */
@@ -837,6 +846,10 @@ export namespace Components {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
         /**
           * Shows if the input was touched by a user.
           * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
@@ -871,6 +884,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -883,7 +901,7 @@ export namespace Components {
         /**
           * Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).
          */
-        "_icon"?: Stringified<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIconProp>;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -963,6 +981,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1049,6 +1072,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1166,6 +1194,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1283,6 +1316,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1370,6 +1408,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1492,6 +1535,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1591,6 +1639,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1748,6 +1801,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1848,6 +1906,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2513,6 +2576,11 @@ export namespace Components {
           * @deprecated Use _rows instead.
          */
         "_height"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2859,6 +2927,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4093,6 +4166,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4110,6 +4188,10 @@ declare namespace LocalJSX {
           * Defines the internal ID of the primary component element.
          */
         "_id": IdPropType;
+        /**
+          * 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.
+         */
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the maximum number of input characters.
          */
@@ -4136,6 +4218,10 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
         /**
           * Shows if the input was touched by a user.
           * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
@@ -4170,6 +4256,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4182,7 +4273,7 @@ declare namespace LocalJSX {
         /**
           * Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).
          */
-        "_icon"?: Stringified<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIconProp>;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -4258,6 +4349,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4340,6 +4436,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4453,6 +4554,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4566,6 +4672,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4649,6 +4760,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4767,6 +4883,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4862,6 +4983,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5015,6 +5141,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5111,6 +5242,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5772,6 +5908,11 @@ declare namespace LocalJSX {
           * @deprecated Use _rows instead.
          */
         "_height"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -6110,6 +6251,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.

package/dist/types/types/props/download.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-export type DownloadPropType = boolean | string;
+export type DownloadPropType = string;
 export type PropDownload = {
   download?: DownloadPropType;
 };

package/dist/types/types/props/hide-error.d.ts

@@ -0,0 +1,7 @@
+import { Generic } from '@a11y-ui/core';
+import { WatchBooleanOptions } from '../../utils/prop.validators';
+export type HideErrorPropType = boolean;
+export type PropHideError = {
+  hideError: HideErrorPropType;
+};
+export declare const validateHideError: (component: Generic.Element.Component, value?: HideErrorPropType, options?: WatchBooleanOptions) => void;

package/dist/types/types/props/label.d.ts

@@ -3,7 +3,7 @@ import { WatchStringOptions } from '../../utils/prop.validators';
 export declare function hasEnoughReadableChars(str: string, min?: number): boolean;
 export declare function containsOnlyNumbers(str: string): boolean;
 export type LabelPropType = string;
-export type LabelWithExpertSlotPropType = LabelPropType | false;
+export type LabelWithExpertSlotPropType = LabelPropType | '';
 export type PropLabel = {
   label: LabelPropType;
 };
@@ -12,4 +12,4 @@ export type PropLabelWithExpertSlot = {
 };
 export type LabelProp = Generic.Element.Members<PropLabel, unknown>;
 export declare const validateLabel: (component: Generic.Element.Component, value?: LabelPropType, options?: WatchStringOptions) => void;
-export declare const validateLabelWithExpertSlot: (component: Generic.Element.Component, value?: LabelWithExpertSlotPropType, options?: WatchStringOptions) => void;
+export declare const validateLabelWithExpertSlot: (component: Generic.Element.Component, value?: LabelPropType, options?: WatchStringOptions) => void;

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

@@ -3,4 +3,5 @@ declare const PROCESS_ENVS: readonly ["development", "production", "test"];
 type ProcessEnv = (typeof PROCESS_ENVS)[number];
 export declare let processEnv: ProcessEnv;
 export declare const handleSlotContent: (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => void;
+export declare const showExpertSlot: (label: unknown) => boolean;
 export {};

package/doc/badge.md

@@ -87,14 +87,14 @@ Die zusätzliche Ausgabe eines **Icon** gewährleistet, dass der Nutzer auch hie
 
 ## Properties
 
-| Property              | Attribute       | Description                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default     |
-| --------------------- | --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                                                                                                                                                                                                                                             | `string` \| `undefined` \| `{ backgroundColor: string; color: string; }` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `'#000'`    |
-| `_hideLabel`          | `_hide-label`   | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Deprecated: ⚠️ We do not support the `_hide-label` property for the `kol-badge` element,   since it would not be accessible without visible labeling. A separate tooltip   is not planed, because a badge is not an interactive element. | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`     |
-| `_icon`               | `_icon`         | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                                                                                                                                                                                                               | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
-| `_iconOnly`           | `_icon-only`    | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
-| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                                                                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `undefined` |
-| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                                                                                                                                                                                                                                                       | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _accessKey?: string` \| `undefined; _iconAlign?: AlignPropType` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaCurrent?: AriaCurrentPropType` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: ButtonTypePropType` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icon?: IconPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| Property              | Attribute       | Description                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default     |
+| --------------------- | --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                                                                                                                                                                                                                                             | `string` \| `undefined` \| `{ backgroundColor: string; color: string; }` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `'#000'`    |
+| `_hideLabel`          | `_hide-label`   | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Deprecated: ⚠️ We do not support the `_hide-label` property for the `kol-badge` element,   since it would not be accessible without visible labeling. A separate tooltip   is not planed, because a badge is not an interactive element. | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `false`     |
+| `_icon`               | `_icon`         | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                                                                                                                                                                                                               | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_iconOnly`           | `_icon-only`    | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                                                                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                                                                                                                                                                                                                                                       | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _accessKey?: string` \| `undefined; _iconAlign?: AlignPropType` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaCurrent?: AriaCurrentPropType` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: ButtonTypePropType` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icon?: IconPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
 
 
 ## Dependencies

package/doc/button-link.md

@@ -42,7 +42,7 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 | `_icon`               | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                                                                                                                                                                                                                                                                       | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined`                                                                                   | `undefined` |
 | `_iconOnly`           | `_icon-only`     | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                                                                                 | `boolean` \| `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.                                                                                                                                                                                                                                         | `boolean` \| `string`                                                                                                                                    | `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 die Button-Events an.                                                                                                                                                                                                                                                                                                                                          | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
 | `_role`               | `_role`          | Defines the role of the components primary element.                                                                                                                                                                                                                                                                                                                                                  | `"button"` \| `"link"` \| `"tab"` \| `undefined`                                                                                                             | `undefined` |

package/doc/button.md

@@ -113,7 +113,7 @@ Probleme mit Disabled-Status
 | `_iconAlign`          | `_icon-align`    | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                                                      | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `undefined` |
 | `_iconOnly`           | `_icon-only`     | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                                                                                 | `boolean` \| `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.                                                                                                                                                                                                                                         | `boolean` \| `string`                                                                                                                                    | `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`                 | --               | 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"` \| `undefined`                                                                                                             | `undefined` |

package/doc/heading.md

@@ -40,7 +40,7 @@ Die Überschriftenebene wird durch das Attribut **`_level`** übergeben. Möglic
 
 | Property              | Attribute             | Description                                                                                                                                                  | Type                                           | Default     |
 | --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------- | ----------- |
-| `_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. | `boolean` \| `string`                            | `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` |
 | `_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`         |
 | `_secondaryHeadline`  | `_secondary-headline` | Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.                                                                            | `string` \| `undefined`                          | `undefined` |