@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.4

package/dist/types/components/span/component.d.ts

@@ -2,13 +2,14 @@ import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
+import { PropHideLabel } from '../../types/props';
 type RequiredProps = {
   label: string;
 };
 type OptionalProps = {
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-};
+} & PropHideLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   icon: {
@@ -17,17 +18,20 @@ type RequiredStates = {
     bottom?: KoliBriCustomIcon;
     left?: KoliBriCustomIcon;
   };
-  iconOnly: boolean;
   label: string;
 };
-type OptionalStates = unknown;
+type OptionalStates = {
+  iconOnly: boolean;
+} & PropHideLabel;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;
   state: States;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;

package/dist/types/components/span/shadow.d.ts

@@ -4,6 +4,7 @@ import { KoliBriIconProp } from '../../types/icon';
 import { Props } from './component';
 export declare class KolSpan implements Props {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;

package/dist/types/components/table/component.d.ts

@@ -8,12 +8,14 @@ type RequiredProps = {
   headers: Stringified<KoliBriTableHeaders>;
 };
 type OptionalProps = {
+  dataFoot: Stringified<KoliBriDataType[]>;
   minWidth: string;
   pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 };
 type RequiredStates = {
   caption: string;
   data: KoliBriDataType[];
+  dataFoot: KoliBriDataType[];
   headers: KoliBriTableHeaders;
   pagination: KoliBriTablePaginationStates;
   sortedData: KoliBriDataType[];
@@ -33,12 +35,14 @@ export declare class KolTable implements Generic.Element.ComponentApi<RequiredPr
   private disableSort;
   _caption: string;
   _data: Stringified<KoliBriDataType[]>;
+  _dataFoot?: Stringified<KoliBriDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
   state: States;
   validateCaption(value?: string): void;
   validateData(value?: Stringified<KoliBriDataType[]>): void;
+  validateDataFoot(value?: Stringified<KoliBriDataType[]>): void;
   private setSortDirection;
   validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
   validateMinWidth(value?: string): void;
@@ -54,6 +58,9 @@ export declare class KolTable implements Generic.Element.ComponentApi<RequiredPr
   private selectDisplayedData;
   private cellRender;
   private updateSortedData;
+  private readonly renderTableRow;
+  private readonly renderTableCell;
+  private readonly renderFoot;
   render(): JSX.Element;
 }
 export {};

package/dist/types/components/tabs/component.d.ts

@@ -4,7 +4,7 @@ import { KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@a11y-ui/core';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props';
+import { Align, PropHideLabel } from '../../types/props';
 export type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
     label: string;
@@ -21,7 +21,7 @@ type OptionalTabButtonProps = {
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   tooltipAlign: Align;
-};
+} & PropHideLabel;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
   ariaLabel: string;

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { Stringified } from "./types/common";
 import { PropColor } from "./types/props/color";
 import { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
 import { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
+import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
@@ -28,7 +29,6 @@ import { Stringified as Stringified1 } from "./components";
 import { ListStyleType } from "./components/link-group/component";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 import { KoliBriModalEventCallbacks } from "./types/modal";
-import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 import { KoliBriNavVariant } from "./components/nav/component";
 import { PaginationHasButton } from "./components/pagination/component";
 import { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
@@ -48,6 +48,7 @@ export { Stringified } from "./types/common";
 export { PropColor } from "./types/props/color";
 export { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
 export { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
+export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 export { KoliBriFormCallbacks } from "./components/form/component";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
@@ -63,7 +64,6 @@ export { Stringified as Stringified1 } from "./components";
 export { ListStyleType } from "./components/link-group/component";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export { KoliBriModalEventCallbacks } from "./types/modal";
-export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 export { KoliBriNavVariant } from "./components/nav/component";
 export { PaginationHasButton } from "./components/pagination/component";
 export { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
@@ -169,12 +169,17 @@ export namespace Components {
           * Setzt die Hintergrundfarbe.
          */
         "_color"?: Stringified<PropColor>;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -229,6 +234,10 @@ export namespace Components {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
@@ -240,6 +249,7 @@ export namespace Components {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -312,12 +322,17 @@ export namespace Components {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -353,6 +368,23 @@ export namespace Components {
          */
         "_value"?: Stringified<unknown>;
     }
+    /**
+     * Internal component that renders an action or text component like a button or a link.
+     */
+    interface KolButtonLinkTextSwitch {
+        /**
+          * Kompakte Darstellung aktivieren.
+         */
+        "_compact": boolean;
+        /**
+          * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.
+         */
+        "_links": ButtonOrLinkOrTextWithChildrenProps;
+        /**
+          * Ist der Link selectiert? (Nur wenn es ein Link ist.)
+         */
+        "_selected"?: boolean;
+    }
     interface KolButtonWc {
         /**
           * Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann.
@@ -386,6 +418,10 @@ export namespace Components {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
@@ -397,6 +433,7 @@ export namespace Components {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -1599,6 +1636,10 @@ export namespace Components {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -1614,6 +1655,7 @@ export namespace Components {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -1694,6 +1736,10 @@ export namespace Components {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -1704,6 +1750,7 @@ export namespace Components {
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -1801,6 +1848,10 @@ export namespace Components {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -1816,6 +1867,7 @@ export namespace Components {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -2119,12 +2171,17 @@ export namespace Components {
         "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -2133,12 +2190,17 @@ export namespace Components {
         "_label": string;
     }
     interface KolSpanWc {
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -2258,6 +2320,10 @@ export namespace Components {
           * Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden.
          */
         "_data": Stringified<KoliBriDataType[]>;
+        /**
+          * Hier können die Daten für die Fußzeile der Tabelle übergeben werden.
+         */
+        "_dataFoot"?: Stringified<KoliBriDataType[]>;
         /**
           * Gibt die horizontalen und vertikalen Header für die Tabelle an.
          */
@@ -2495,6 +2561,15 @@ declare global {
         prototype: HTMLKolButtonLinkElement;
         new (): HTMLKolButtonLinkElement;
     };
+    /**
+     * Internal component that renders an action or text component like a button or a link.
+     */
+    interface HTMLKolButtonLinkTextSwitchElement extends Components.KolButtonLinkTextSwitch, HTMLStencilElement {
+    }
+    var HTMLKolButtonLinkTextSwitchElement: {
+        prototype: HTMLKolButtonLinkTextSwitchElement;
+        new (): HTMLKolButtonLinkTextSwitchElement;
+    };
     interface HTMLKolButtonWcElement extends Components.KolButtonWc, HTMLStencilElement {
     }
     var HTMLKolButtonWcElement: {
@@ -2812,6 +2887,7 @@ declare global {
         "kol-button-group": HTMLKolButtonGroupElement;
         "kol-button-group-wc": HTMLKolButtonGroupWcElement;
         "kol-button-link": HTMLKolButtonLinkElement;
+        "kol-button-link-text-switch": HTMLKolButtonLinkTextSwitchElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
         "kol-details": HTMLKolDetailsElement;
@@ -2957,12 +3033,17 @@ declare namespace LocalJSX {
           * Setzt die Hintergrundfarbe.
          */
         "_color"?: Stringified<PropColor>;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -3017,6 +3098,10 @@ declare namespace LocalJSX {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
@@ -3028,6 +3113,7 @@ declare namespace LocalJSX {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -3100,12 +3186,17 @@ declare namespace LocalJSX {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -3141,6 +3232,23 @@ declare namespace LocalJSX {
          */
         "_value"?: Stringified<unknown>;
     }
+    /**
+     * Internal component that renders an action or text component like a button or a link.
+     */
+    interface KolButtonLinkTextSwitch {
+        /**
+          * Kompakte Darstellung aktivieren.
+         */
+        "_compact": boolean;
+        /**
+          * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.
+         */
+        "_links": ButtonOrLinkOrTextWithChildrenProps;
+        /**
+          * Ist der Link selectiert? (Nur wenn es ein Link ist.)
+         */
+        "_selected"?: boolean;
+    }
     interface KolButtonWc {
         /**
           * Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann.
@@ -3174,6 +3282,10 @@ declare namespace LocalJSX {
           * Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit.
          */
         "_disabled"?: boolean;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
@@ -3185,6 +3297,7 @@ declare namespace LocalJSX {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -4387,6 +4500,10 @@ declare namespace LocalJSX {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -4402,6 +4519,7 @@ declare namespace LocalJSX {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -4482,6 +4600,10 @@ declare namespace LocalJSX {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -4492,6 +4614,7 @@ declare namespace LocalJSX {
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -4589,6 +4712,10 @@ declare namespace LocalJSX {
           * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
          */
         "_download"?: boolean | string;
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -4604,6 +4731,7 @@ declare namespace LocalJSX {
         "_iconAlign"?: Align;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -4907,12 +5035,17 @@ declare namespace LocalJSX {
         "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -4921,12 +5054,17 @@ declare namespace LocalJSX {
         "_label": string;
     }
     interface KolSpanWc {
+        /**
+          * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+         */
+        "_hideLabel"?: boolean;
         /**
           * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an.
+          * @deprecated use _hide-label
          */
         "_iconOnly"?: boolean;
         /**
@@ -5046,6 +5184,10 @@ declare namespace LocalJSX {
           * Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden.
          */
         "_data": Stringified<KoliBriDataType[]>;
+        /**
+          * Hier können die Daten für die Fußzeile der Tabelle übergeben werden.
+         */
+        "_dataFoot"?: Stringified<KoliBriDataType[]>;
         /**
           * Gibt die horizontalen und vertikalen Header für die Tabelle an.
          */
@@ -5232,6 +5374,7 @@ declare namespace LocalJSX {
         "kol-button-group": KolButtonGroup;
         "kol-button-group-wc": KolButtonGroupWc;
         "kol-button-link": KolButtonLink;
+        "kol-button-link-text-switch": KolButtonLinkTextSwitch;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
         "kol-details": KolDetails;
@@ -5297,6 +5440,10 @@ declare module "@stencil/core" {
             "kol-button-group": LocalJSX.KolButtonGroup & JSXBase.HTMLAttributes<HTMLKolButtonGroupElement>;
             "kol-button-group-wc": LocalJSX.KolButtonGroupWc & JSXBase.HTMLAttributes<HTMLKolButtonGroupWcElement>;
             "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
+            /**
+             * Internal component that renders an action or text component like a button or a link.
+             */
+            "kol-button-link-text-switch": LocalJSX.KolButtonLinkTextSwitch & JSXBase.HTMLAttributes<HTMLKolButtonLinkTextSwitchElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;

package/dist/types/stencil-public-runtime.d.ts

@@ -1131,6 +1131,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;

package/dist/types/types/button-link.d.ts

@@ -3,7 +3,7 @@ import { Events } from '../enums/events';
 import { EventCallback, EventValueOrEventCallback } from './callbacks';
 import { Stringified } from './common';
 import { KoliBriAllIcon, KoliBriIconProp } from './icon';
-import { Align, PropAriaCurrent, PropAriaExpanded, PropAriaSelected, PropDisabled, PropDownload, PropLabel, PropStealth } from './props';
+import { Align, PropAriaCurrent, PropAriaExpanded, PropAriaSelected, PropDisabled, PropDownload, PropHideLabel, PropLabel, PropStealth } from './props';
 export type AlternativButtonLinkRole = 'button' | 'link' | 'tab';
 type RequiredButtonAndLinkProps = PropLabel;
 type OptionalButtonAndLinkProps = {
@@ -15,7 +15,7 @@ type OptionalButtonAndLinkProps = {
   role: AlternativButtonLinkRole;
   tabIndex: number;
   tooltipAlign: Align;
-} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled;
+} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled & PropHideLabel;
 type RequiredButtonAndLinkStates = {
   icon: KoliBriAllIcon;
   label: string;
@@ -28,7 +28,7 @@ type OptionalButtonAndLinkStates = {
   role: AlternativButtonLinkRole;
   tabIndex: number;
   tooltipAlign: Align;
-} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled;
+} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled & PropHideLabel;
 export type KoliBriButtonType = 'button' | 'reset' | 'submit';
 export type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'danger' | 'ghost' | 'custom';
 export type KoliBriButtonCallbacks<T> = {

package/dist/types/types/table.d.ts

@@ -1,6 +1,6 @@
 import { RequiredProps as PaginationRequiredProps, OptionalProps as PaginationOptionalProps } from '../components/pagination/component';
 import { Generic } from '@a11y-ui/core';
-type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCell, tupel: T, data: T[]) => string | void;
+export type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCell, tupel: T, data: T[]) => string | void;
 type KoliBriTableSort = <T>(data: T[]) => T[];
 type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriDataType = Record<string, unknown>;

package/doc/alert.md

@@ -7,14 +7,14 @@ Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie be
 ### Code
 
 ```html
-<kol-alert _alert _heading="Überschrift im Alert" _level="1" _type="info" _variant="msg">Textbereich im Alert</kol-alert>
-<kol-alert _alert _heading="Überschrift im Alert" _level="1" _type="info" _variant="card">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="1" _type="success" _variant="msg">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="2" _type="info" _variant="card">Textbereich im Alert</kol-alert>
 ```
 
 ### Beispiel
 
-<kol-alert _alert _heading="Überschrift im Alert" _level="1" _type="info" _variant="msg">Textbereich im Alert</kol-alert>
-<kol-alert _alert _heading="Überschrift im Alert" _level="1" _type="info" _variant="card">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="1" _type="success" _variant="msg">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="2" _type="info" _variant="card">Textbereich im Alert</kol-alert>
 
 ## Verwendung