@public-ui/components 1.1.10-rc.0 → 1.1.10-rc.10

package/dist/types/components.d.ts

@@ -14,13 +14,14 @@ import { Icofont } from "./types/icofont";
 import { Alignment, KoliBriIconProp } from "./types/icon";
 import { Stringified } from "./types/common";
 import { NavLinkProps } from "./components/link/component";
-import { AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonLinkShowAs, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
+import { AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { KoliBriInputIcon } from "./components/input-text/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { InputCheckboxType } from "./components/input-checkbox/types";
-import { InputNumberType } from "./types/input/control/number";
+import { Iso8601 } from "./types/input/iso8601";
+import { InputDateType, InputNumberType } from "./types/input/control/number";
 import { Orientation } from "./types/orientation";
 import { InputTextType } from "./types/input/control/text";
 import { ListStyleType } from "./components/link-group/component";
@@ -180,10 +181,6 @@ export namespace Components {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -203,6 +200,65 @@ export namespace Components {
     }
     interface KolButtonGroup {
     }
+    interface KolButtonLink {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen Text des Buttons für den Screenreader an. Für die Sprachsteuerung muss der Aria-Text mit dem Label-Text des Buttons beginnen. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Button deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+         */
+        "_id"?: string;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
+         */
+        "_label": string;
+        /**
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
+         */
+        "_on"?: KoliBriButtonCallbacks;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, welche Typ der Button hat.
+         */
+        "_type"?: KoliBriButtonType;
+    }
     interface KolButtonWc {
         /**
           * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
@@ -257,10 +313,6 @@ export namespace Components {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -569,6 +621,96 @@ export namespace Components {
          */
         "_value"?: string;
     }
+    interface KolInputDate {
+        /**
+          * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld autovervollständigt werden kann.
+         */
+        "_autoComplete"?: InputTypeOnOff;
+        /**
+          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Text für eine Fehlermeldung an.
+         */
+        "_error"?: string;
+        /**
+          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Gibt den Text für eine Hinweistext an.
+         */
+        "_hint"?: string;
+        /**
+          * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
+         */
+        "_icon"?: Stringified<KoliBriInputIcon>;
+        /**
+          * Gibt die technische ID des Eingabefeldes an.
+         */
+        "_id": string;
+        /**
+          * Gibt die Liste der Vorschlagszahlen an.
+         */
+        "_list"?: Stringified<string[]>;
+        /**
+          * Gibt den größtmöglichen Datumswert an.
+         */
+        "_max"?: Iso8601 | Date;
+        /**
+          * Gibt den kleinstmöglichen Datumswert an.
+         */
+        "_min"?: Iso8601 | Date;
+        /**
+          * Gibt den technischen Namen des Eingabefeldes an.
+         */
+        "_name"?: string;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Gibt an, ob das Eingabefeld nur lesend ist.
+         */
+        "_readOnly"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+         */
+        "_required"?: boolean;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
+        /**
+          * Gibt die Schrittweite der Wertveränderung an
+         */
+        "_step"?: number;
+        /**
+          * Gibt an, welchen Tab-Index dieses Input hat.
+         */
+        "_tabIndex"?: number;
+        /**
+          * Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.
+         */
+        "_touched"?: boolean;
+        /**
+          * Gibt den Typ des Eingabefeldes an.
+         */
+        "_type": InputDateType;
+        /**
+          * Gibt den Wert des Eingabefeldes an.
+         */
+        "_value"?: Iso8601 | Date;
+    }
     interface KolInputEmail {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -777,11 +919,11 @@ export namespace Components {
         /**
           * Gibt den größtmöglichen Zahlenwert an.
          */
-        "_max"?: number;
+        "_max"?: number | Iso8601;
         /**
           * Gibt den kleinstmöglichen Zahlenwert an.
          */
-        "_min"?: number;
+        "_min"?: number | Iso8601;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -825,7 +967,7 @@ export namespace Components {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: string;
+        "_value"?: number | Iso8601;
     }
     interface KolInputPassword {
         /**
@@ -1258,7 +1400,7 @@ export namespace Components {
         "_icon"?: KoliBriIconProp;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
+          * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
         "_iconAlign"?: Alignment;
         /**
@@ -1267,6 +1409,7 @@ export namespace Components {
         "_iconOnly"?: boolean;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1278,9 +1421,92 @@ export namespace Components {
          */
         "_selector"?: string;
         /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
+          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+         */
+        "_stealth"?: boolean;
+        /**
+          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+         */
+        "_target"?: LinkTarget;
+        /**
+          * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.
+         */
+        "_targetDescription"?: string;
+        /**
+          * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob die Links unterstrichen dargestellt werden.
          */
-        "_showAs"?: KoliBriButtonLinkShowAs;
+        "_underline"?: boolean;
+        /**
+          * Gibt den Verwendungsfall des Links an.
+         */
+        "_useCase"?: LinkUseCase;
+    }
+    interface KolLinkButton {
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Link deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+         */
+        "_fill"?: boolean;
+        /**
+          * Gibt die Ziel-Url des Links an.
+         */
+        "_href"?: string;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die EventCallback-Funktionen für den Link an.
+         */
+        "_on"?: LinkOnCallbacks;
+        /**
+          * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)
+         */
+        "_part"?: string;
+        /**
+          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+         */
+        "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -1305,6 +1531,10 @@ export namespace Components {
           * Gibt den Verwendungsfall des Links an.
          */
         "_useCase"?: LinkUseCase;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant;
     }
     interface KolLinkGroup {
         /**
@@ -1375,7 +1605,7 @@ export namespace Components {
         "_icon"?: KoliBriIconProp;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
+          * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
         "_iconAlign"?: Alignment;
         /**
@@ -1384,6 +1614,7 @@ export namespace Components {
         "_iconOnly"?: boolean;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1394,10 +1625,6 @@ export namespace Components {
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
          */
         "_selector"?: string;
-        /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -1457,6 +1684,10 @@ export namespace Components {
         "_width"?: string;
     }
     interface KolNav {
+        /**
+          * Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll.
+         */
+        "_ariaCurrentValue": AriaCurrent;
         /**
           * Gibt den Text an, der die Navigation von anderen Navigationen differenziert.
          */
@@ -1634,6 +1865,24 @@ export namespace Components {
          */
         "_links": Stringified<NavLinkProps[]>;
     }
+    interface KolSpan {
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
+         */
+        "_label"?: string;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipId"?: string;
+    }
     interface KolSpin {
         /**
           * Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht.
@@ -1695,6 +1944,10 @@ export namespace Components {
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
          */
         "_accessKey"?: string;
+        /**
+          * Passt die Höhe des Eingabefeldes automatisch an den Füllstand an.
+         */
+        "_adjustHeight"?: boolean;
         /**
           * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
          */
@@ -1866,6 +2119,12 @@ declare global {
         prototype: HTMLKolButtonGroupElement;
         new (): HTMLKolButtonGroupElement;
     };
+    interface HTMLKolButtonLinkElement extends Components.KolButtonLink, HTMLStencilElement {
+    }
+    var HTMLKolButtonLinkElement: {
+        prototype: HTMLKolButtonLinkElement;
+        new (): HTMLKolButtonLinkElement;
+    };
     interface HTMLKolButtonWcElement extends Components.KolButtonWc, HTMLStencilElement {
     }
     var HTMLKolButtonWcElement: {
@@ -1962,6 +2221,12 @@ declare global {
         prototype: HTMLKolInputColorElement;
         new (): HTMLKolInputColorElement;
     };
+    interface HTMLKolInputDateElement extends Components.KolInputDate, HTMLStencilElement {
+    }
+    var HTMLKolInputDateElement: {
+        prototype: HTMLKolInputDateElement;
+        new (): HTMLKolInputDateElement;
+    };
     interface HTMLKolInputEmailElement extends Components.KolInputEmail, HTMLStencilElement {
     }
     var HTMLKolInputEmailElement: {
@@ -2022,6 +2287,12 @@ declare global {
         prototype: HTMLKolLinkElement;
         new (): HTMLKolLinkElement;
     };
+    interface HTMLKolLinkButtonElement extends Components.KolLinkButton, HTMLStencilElement {
+    }
+    var HTMLKolLinkButtonElement: {
+        prototype: HTMLKolLinkButtonElement;
+        new (): HTMLKolLinkButtonElement;
+    };
     interface HTMLKolLinkGroupElement extends Components.KolLinkGroup, HTMLStencilElement {
     }
     var HTMLKolLinkGroupElement: {
@@ -2076,6 +2347,12 @@ declare global {
         prototype: HTMLKolSkipNavElement;
         new (): HTMLKolSkipNavElement;
     };
+    interface HTMLKolSpanElement extends Components.KolSpan, HTMLStencilElement {
+    }
+    var HTMLKolSpanElement: {
+        prototype: HTMLKolSpanElement;
+        new (): HTMLKolSpanElement;
+    };
     interface HTMLKolSpinElement extends Components.KolSpin, HTMLStencilElement {
     }
     var HTMLKolSpinElement: {
@@ -2132,6 +2409,7 @@ declare global {
         "kol-breadcrumb": HTMLKolBreadcrumbElement;
         "kol-button": HTMLKolButtonElement;
         "kol-button-group": HTMLKolButtonGroupElement;
+        "kol-button-link": HTMLKolButtonLinkElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
         "kol-color": HTMLKolColorElement;
@@ -2148,6 +2426,7 @@ declare global {
         "kol-input-adapter-leanup": HTMLKolInputAdapterLeanupElement;
         "kol-input-checkbox": HTMLKolInputCheckboxElement;
         "kol-input-color": HTMLKolInputColorElement;
+        "kol-input-date": HTMLKolInputDateElement;
         "kol-input-email": HTMLKolInputEmailElement;
         "kol-input-file": HTMLKolInputFileElement;
         "kol-input-number": HTMLKolInputNumberElement;
@@ -2158,6 +2437,7 @@ declare global {
         "kol-input-text": HTMLKolInputTextElement;
         "kol-kolibri": HTMLKolKolibriElement;
         "kol-link": HTMLKolLinkElement;
+        "kol-link-button": HTMLKolLinkButtonElement;
         "kol-link-group": HTMLKolLinkGroupElement;
         "kol-link-wc": HTMLKolLinkWcElement;
         "kol-logo": HTMLKolLogoElement;
@@ -2167,6 +2447,7 @@ declare global {
         "kol-progress": HTMLKolProgressElement;
         "kol-select": HTMLKolSelectElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
+        "kol-span": HTMLKolSpanElement;
         "kol-spin": HTMLKolSpinElement;
         "kol-symbol": HTMLKolSymbolElement;
         "kol-table": HTMLKolTableElement;
@@ -2232,21 +2513,78 @@ declare namespace LocalJSX {
          */
         "_type"?: AlertType;
         /**
-          * Gibt an, welche Benachrichtigungsvariante dargestellt wird.
+          * Gibt an, welche Benachrichtigungsvariante dargestellt wird.
+         */
+        "_variant"?: AlertVariant;
+    }
+    interface KolBadge {
+        /**
+          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+         */
+        "_color"?: string | KoliBriColor;
+        /**
+          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+         */
+        "_icon"?: Icofont;
+        /**
+          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt den Label-Text des Badges an.
+         */
+        "_label": string;
+    }
+    interface KolBreadcrumb {
+        /**
+          * Gibt den Text an, der die Navigation von anderen Navigationen differenziert.
+         */
+        "_ariaLabel": string;
+        /**
+          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+         */
+        "_links": Stringified<NavLinkProps[]>;
+    }
+    interface KolButton {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
          */
-        "_variant"?: AlertVariant;
-    }
-    interface KolBadge {
+        "_customClass"?: string;
         /**
-          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+          * Gibt an, ob der Button deaktiviert ist.
          */
-        "_color"?: string | KoliBriColor;
+        "_disabled"?: boolean;
         /**
-          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
          */
-        "_icon"?: Icofont;
+        "_icon"?: KoliBriIconProp;
         /**
-          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
+          * @deprecated
          */
         "_iconAlign"?: Alignment;
         /**
@@ -2254,21 +2592,33 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label-Text des Badges an.
+          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+         */
+        "_id"?: string;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
          */
         "_label": string;
-    }
-    interface KolBreadcrumb {
         /**
-          * Gibt den Text an, der die Navigation von anderen Navigationen differenziert.
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
-        "_ariaLabel": string;
+        "_on"?: KoliBriButtonCallbacks;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, welche Typ der Button hat.
+         */
+        "_type"?: KoliBriButtonType;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant;
     }
-    interface KolButton {
+    interface KolButtonGroup {
+    }
+    interface KolButtonLink {
         /**
           * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
          */
@@ -2286,13 +2636,9 @@ declare namespace LocalJSX {
          */
         "_ariaExpanded"?: boolean;
         /**
-          * Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+          * Gibt einen Text des Buttons für den Screenreader an. Für die Sprachsteuerung muss der Aria-Text mit dem Label-Text des Buttons beginnen. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
          */
         "_ariaLabel"?: string;
-        /**
-          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
-         */
-        "_customClass"?: string;
         /**
           * Gibt an, ob der Button deaktiviert ist.
          */
@@ -2322,10 +2668,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -2334,12 +2676,6 @@ declare namespace LocalJSX {
           * Gibt an, welche Typ der Button hat.
          */
         "_type"?: KoliBriButtonType;
-        /**
-          * Gibt an, welche Ausprägung der Button hat.
-         */
-        "_variant"?: KoliBriButtonVariant;
-    }
-    interface KolButtonGroup {
     }
     interface KolButtonWc {
         /**
@@ -2395,10 +2731,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -2703,6 +3035,96 @@ declare namespace LocalJSX {
          */
         "_value"?: string;
     }
+    interface KolInputDate {
+        /**
+          * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld autovervollständigt werden kann.
+         */
+        "_autoComplete"?: InputTypeOnOff;
+        /**
+          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Text für eine Fehlermeldung an.
+         */
+        "_error"?: string;
+        /**
+          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Gibt den Text für eine Hinweistext an.
+         */
+        "_hint"?: string;
+        /**
+          * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
+         */
+        "_icon"?: Stringified<KoliBriInputIcon>;
+        /**
+          * Gibt die technische ID des Eingabefeldes an.
+         */
+        "_id": string;
+        /**
+          * Gibt die Liste der Vorschlagszahlen an.
+         */
+        "_list"?: Stringified<string[]>;
+        /**
+          * Gibt den größtmöglichen Datumswert an.
+         */
+        "_max"?: Iso8601 | Date;
+        /**
+          * Gibt den kleinstmöglichen Datumswert an.
+         */
+        "_min"?: Iso8601 | Date;
+        /**
+          * Gibt den technischen Namen des Eingabefeldes an.
+         */
+        "_name"?: string;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Gibt an, ob das Eingabefeld nur lesend ist.
+         */
+        "_readOnly"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+         */
+        "_required"?: boolean;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
+        /**
+          * Gibt die Schrittweite der Wertveränderung an
+         */
+        "_step"?: number;
+        /**
+          * Gibt an, welchen Tab-Index dieses Input hat.
+         */
+        "_tabIndex"?: number;
+        /**
+          * Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.
+         */
+        "_touched"?: boolean;
+        /**
+          * Gibt den Typ des Eingabefeldes an.
+         */
+        "_type"?: InputDateType;
+        /**
+          * Gibt den Wert des Eingabefeldes an.
+         */
+        "_value"?: Iso8601 | Date;
+    }
     interface KolInputEmail {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -2911,11 +3333,11 @@ declare namespace LocalJSX {
         /**
           * Gibt den größtmöglichen Zahlenwert an.
          */
-        "_max"?: number;
+        "_max"?: number | Iso8601;
         /**
           * Gibt den kleinstmöglichen Zahlenwert an.
          */
-        "_min"?: number;
+        "_min"?: number | Iso8601;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -2959,7 +3381,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: string;
+        "_value"?: number | Iso8601;
     }
     interface KolInputPassword {
         /**
@@ -3392,7 +3814,7 @@ declare namespace LocalJSX {
         "_icon"?: KoliBriIconProp;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
+          * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
         "_iconAlign"?: Alignment;
         /**
@@ -3401,6 +3823,7 @@ declare namespace LocalJSX {
         "_iconOnly"?: boolean;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -3412,9 +3835,92 @@ declare namespace LocalJSX {
          */
         "_selector"?: string;
         /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
+          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+         */
+        "_stealth"?: boolean;
+        /**
+          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+         */
+        "_target"?: LinkTarget;
+        /**
+          * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.
+         */
+        "_targetDescription"?: string;
+        /**
+          * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob die Links unterstrichen dargestellt werden.
+         */
+        "_underline"?: boolean;
+        /**
+          * Gibt den Verwendungsfall des Links an.
+         */
+        "_useCase"?: LinkUseCase;
+    }
+    interface KolLinkButton {
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Link deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+         */
+        "_fill"?: boolean;
+        /**
+          * Gibt die Ziel-Url des Links an.
+         */
+        "_href"?: string;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die EventCallback-Funktionen für den Link an.
+         */
+        "_on"?: LinkOnCallbacks;
+        /**
+          * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)
+         */
+        "_part"?: string;
+        /**
+          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
          */
-        "_showAs"?: KoliBriButtonLinkShowAs;
+        "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -3439,6 +3945,10 @@ declare namespace LocalJSX {
           * Gibt den Verwendungsfall des Links an.
          */
         "_useCase"?: LinkUseCase;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant;
     }
     interface KolLinkGroup {
         /**
@@ -3509,7 +4019,7 @@ declare namespace LocalJSX {
         "_icon"?: KoliBriIconProp;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
+          * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
         "_iconAlign"?: Alignment;
         /**
@@ -3518,6 +4028,7 @@ declare namespace LocalJSX {
         "_iconOnly"?: boolean;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -3528,10 +4039,6 @@ declare namespace LocalJSX {
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
          */
         "_selector"?: string;
-        /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -3591,6 +4098,10 @@ declare namespace LocalJSX {
         "_width"?: string;
     }
     interface KolNav {
+        /**
+          * Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll.
+         */
+        "_ariaCurrentValue"?: AriaCurrent;
         /**
           * Gibt den Text an, der die Navigation von anderen Navigationen differenziert.
          */
@@ -3768,6 +4279,24 @@ declare namespace LocalJSX {
          */
         "_links": Stringified<NavLinkProps[]>;
     }
+    interface KolSpan {
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
+         */
+        "_label"?: string;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipId"?: string;
+    }
     interface KolSpin {
         /**
           * Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht.
@@ -3829,6 +4358,10 @@ declare namespace LocalJSX {
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
          */
         "_accessKey"?: string;
+        /**
+          * Passt die Höhe des Eingabefeldes automatisch an den Füllstand an.
+         */
+        "_adjustHeight"?: boolean;
         /**
           * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
          */
@@ -3964,6 +4497,7 @@ declare namespace LocalJSX {
         "kol-breadcrumb": KolBreadcrumb;
         "kol-button": KolButton;
         "kol-button-group": KolButtonGroup;
+        "kol-button-link": KolButtonLink;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
         "kol-color": KolColor;
@@ -3980,6 +4514,7 @@ declare namespace LocalJSX {
         "kol-input-adapter-leanup": KolInputAdapterLeanup;
         "kol-input-checkbox": KolInputCheckbox;
         "kol-input-color": KolInputColor;
+        "kol-input-date": KolInputDate;
         "kol-input-email": KolInputEmail;
         "kol-input-file": KolInputFile;
         "kol-input-number": KolInputNumber;
@@ -3990,6 +4525,7 @@ declare namespace LocalJSX {
         "kol-input-text": KolInputText;
         "kol-kolibri": KolKolibri;
         "kol-link": KolLink;
+        "kol-link-button": KolLinkButton;
         "kol-link-group": KolLinkGroup;
         "kol-link-wc": KolLinkWc;
         "kol-logo": KolLogo;
@@ -3999,6 +4535,7 @@ declare namespace LocalJSX {
         "kol-progress": KolProgress;
         "kol-select": KolSelect;
         "kol-skip-nav": KolSkipNav;
+        "kol-span": KolSpan;
         "kol-spin": KolSpin;
         "kol-symbol": KolSymbol;
         "kol-table": KolTable;
@@ -4020,6 +4557,7 @@ declare module "@stencil/core" {
             "kol-breadcrumb": LocalJSX.KolBreadcrumb & JSXBase.HTMLAttributes<HTMLKolBreadcrumbElement>;
             "kol-button": LocalJSX.KolButton & JSXBase.HTMLAttributes<HTMLKolButtonElement>;
             "kol-button-group": LocalJSX.KolButtonGroup & JSXBase.HTMLAttributes<HTMLKolButtonGroupElement>;
+            "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-color": LocalJSX.KolColor & JSXBase.HTMLAttributes<HTMLKolColorElement>;
@@ -4036,6 +4574,7 @@ declare module "@stencil/core" {
             "kol-input-adapter-leanup": LocalJSX.KolInputAdapterLeanup & JSXBase.HTMLAttributes<HTMLKolInputAdapterLeanupElement>;
             "kol-input-checkbox": LocalJSX.KolInputCheckbox & JSXBase.HTMLAttributes<HTMLKolInputCheckboxElement>;
             "kol-input-color": LocalJSX.KolInputColor & JSXBase.HTMLAttributes<HTMLKolInputColorElement>;
+            "kol-input-date": LocalJSX.KolInputDate & JSXBase.HTMLAttributes<HTMLKolInputDateElement>;
             "kol-input-email": LocalJSX.KolInputEmail & JSXBase.HTMLAttributes<HTMLKolInputEmailElement>;
             "kol-input-file": LocalJSX.KolInputFile & JSXBase.HTMLAttributes<HTMLKolInputFileElement>;
             "kol-input-number": LocalJSX.KolInputNumber & JSXBase.HTMLAttributes<HTMLKolInputNumberElement>;
@@ -4046,6 +4585,7 @@ declare module "@stencil/core" {
             "kol-input-text": LocalJSX.KolInputText & JSXBase.HTMLAttributes<HTMLKolInputTextElement>;
             "kol-kolibri": LocalJSX.KolKolibri & JSXBase.HTMLAttributes<HTMLKolKolibriElement>;
             "kol-link": LocalJSX.KolLink & JSXBase.HTMLAttributes<HTMLKolLinkElement>;
+            "kol-link-button": LocalJSX.KolLinkButton & JSXBase.HTMLAttributes<HTMLKolLinkButtonElement>;
             "kol-link-group": LocalJSX.KolLinkGroup & JSXBase.HTMLAttributes<HTMLKolLinkGroupElement>;
             "kol-link-wc": LocalJSX.KolLinkWc & JSXBase.HTMLAttributes<HTMLKolLinkWcElement>;
             "kol-logo": LocalJSX.KolLogo & JSXBase.HTMLAttributes<HTMLKolLogoElement>;
@@ -4055,6 +4595,7 @@ declare module "@stencil/core" {
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
+            "kol-span": LocalJSX.KolSpan & JSXBase.HTMLAttributes<HTMLKolSpanElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             "kol-symbol": LocalJSX.KolSymbol & JSXBase.HTMLAttributes<HTMLKolSymbolElement>;
             "kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;