@public-ui/components 1.5.0-rc.11 → 1.5.0-rc.13

package/dist/types/components.d.ts

@@ -5,12 +5,12 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AriaCurrent, PropAlignment } from "./types/props";
+import { Alignment, AriaCurrent } from "./types/props";
 import { HeadingLevel } from "./types/heading-level";
 import { KoliBriAccordionCallbacks } from "./components/accordion/types";
 import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
-import { KoliBriColor } from "./components/badge/component";
 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 { KoliBriFormCallbacks } from "./components/form/component";
@@ -24,6 +24,7 @@ import { InputDateType, InputNumberType } from "./types/input/control/number";
 import { W3CInputValue } from "./types/w3c";
 import { Orientation } from "./types/orientation";
 import { InputTextType } from "./types/input/control/text";
+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";
@@ -37,12 +38,12 @@ import { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } fro
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
-export { AriaCurrent, PropAlignment } from "./types/props";
+export { Alignment, AriaCurrent } from "./types/props";
 export { HeadingLevel } from "./types/heading-level";
 export { KoliBriAccordionCallbacks } from "./components/accordion/types";
 export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
-export { KoliBriColor } from "./components/badge/component";
 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 { KoliBriFormCallbacks } from "./components/form/component";
@@ -56,6 +57,7 @@ export { InputDateType, InputNumberType } from "./types/input/control/number";
 export { W3CInputValue } from "./types/w3c";
 export { Orientation } from "./types/orientation";
 export { InputTextType } from "./types/input/control/text";
+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";
@@ -78,7 +80,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
     }
     interface KolAccordion {
         /**
@@ -86,7 +88,7 @@ export namespace Components {
          */
         "_heading": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -112,7 +114,7 @@ export namespace Components {
          */
         "_heading"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -130,11 +132,11 @@ export namespace Components {
     }
     interface KolBadge {
         /**
-          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+          * Setzt die Hintergrundfarbe.
          */
-        "_color"?: string | KoliBriColor;
+        "_color"?: Stringified<PropColor>;
         /**
-          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -142,7 +144,7 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label-Text des Badges an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -156,7 +158,7 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
     }
@@ -194,24 +196,24 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+          * Gibt die ID der Schaltfläche an.
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -229,7 +231,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -277,7 +279,7 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -289,7 +291,7 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -307,7 +309,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -351,16 +353,16 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
-          * Gibt an, ob nur das Icon angezeigt wird.
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
          */
         "_iconOnly"?: boolean;
         /**
@@ -368,7 +370,7 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -376,7 +378,7 @@ export namespace Components {
          */
         "_on"?: KoliBriButtonCallbacks<unknown>;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -384,11 +386,11 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Typ der Button hat.
+          * Setzt den Typ der Schaltfläche.
          */
         "_type"?: KoliBriButtonType;
         /**
@@ -402,7 +404,7 @@ export namespace Components {
     }
     interface KolCard {
         /**
-          * Gibt an, ob die Card einen Footer-Bereich hat.
+          * Macht den Footerbereich der Card sichtbar.
          */
         "_hasFooter"?: boolean;
         /**
@@ -415,7 +417,7 @@ export namespace Components {
          */
         "_headline"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
     }
@@ -435,7 +437,7 @@ export namespace Components {
          */
         "_on"?: KoliBriFormCallbacks;
         /**
-          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.
+          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.
          */
         "_requiredText"?: Stringified<boolean>;
     }
@@ -459,11 +461,11 @@ export namespace Components {
          */
         "_headline": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt den Text der zusätzlichen Überschrift an.
+          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
          */
         "_secondaryHeadline"?: string;
     }
@@ -473,7 +475,7 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Gibt einen Identifier eines Icons aus den Icon's an.
+          * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon": string;
         /**
@@ -524,23 +526,23 @@ export namespace Components {
     }
     interface KolImage {
         /**
-          * Gibt den alternativen Text an.
+          * Setzt den alternativen Text.
          */
         "_alt": string;
         /**
-          * Gibt den Lademodus an.
+          * Setzt den Lademodus.
          */
         "_loading"?: Loading;
         /**
-          * ...
+          * Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.
          */
         "_sizes"?: string;
         /**
-          * Gibt die Quell-URL an.
+          * Setzt die Quell-URL des Bildes.
          */
         "_src": string;
         /**
-          * Gibt eine Liste von Quell-URLs mit Breiten der Bilder an.
+          * Setzt eine Liste von Quell-URLs mit Breiten der Bilder.
          */
         "_srcset"?: string;
     }
@@ -552,7 +554,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -560,11 +562,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -588,11 +590,11 @@ export namespace Components {
          */
         "_renderNoLabel"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -615,11 +617,11 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ausgewählt ist oder nicht.
+          * Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)
          */
         "_checked"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -627,11 +629,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -655,7 +657,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -672,7 +674,7 @@ export namespace Components {
          */
         "_type"?: InputCheckboxVariant;
         /**
-          * Gibt den Wert der Checkbox an.
+          * Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })
          */
         "_value"?: string;
         /**
@@ -694,7 +696,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -702,11 +704,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -730,7 +732,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -760,7 +762,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -768,11 +770,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -804,15 +806,15 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -850,7 +852,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -858,11 +860,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -902,19 +904,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Radio ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -944,7 +946,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -952,11 +954,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -980,11 +982,11 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1014,7 +1016,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1022,11 +1024,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1062,15 +1064,15 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1109,7 +1111,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1117,11 +1119,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1153,19 +1155,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1191,7 +1193,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1199,11 +1201,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1227,7 +1229,7 @@ export namespace Components {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -1256,7 +1258,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1264,11 +1266,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1292,7 +1294,7 @@ export namespace Components {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -1322,7 +1324,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1330,11 +1332,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1396,7 +1398,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1404,11 +1406,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1436,7 +1438,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt ein Prüfpattern für das Eingabefeld an.
+          * Gibt ein Prüfmuster für das Eingabefeld an.
          */
         "_pattern"?: string;
         /**
@@ -1444,19 +1446,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1484,7 +1486,7 @@ export namespace Components {
         /**
           * Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.
          */
-        "_color"?: string;
+        "_color"?: Stringified1<PropColor>;
         /**
           * Gibt an, ob die Logo-Beschriftung angezeigt werden soll.
          */
@@ -1520,20 +1522,20 @@ export namespace Components {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -1542,7 +1544,7 @@ export namespace Components {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle das Element hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1560,7 +1562,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1570,7 +1572,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1611,7 +1613,7 @@ export namespace Components {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -1619,7 +1621,7 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -1628,7 +1630,7 @@ export namespace Components {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Setzt die Role der Schaltfläche.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1636,7 +1638,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1646,9 +1648,9 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Gibt an, welche Ausprägung der Link-Button hat.
          */
         "_variant"?: KoliBriButtonVariant;
     }
@@ -1662,11 +1664,11 @@ export namespace Components {
          */
         "_heading"?: string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
         /**
@@ -1674,7 +1676,8 @@ export namespace Components {
          */
         "_listStyleType"?: ListStyleType;
         /**
-          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert. Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert.
          */
         "_ordered"?: boolean;
         /**
@@ -1705,7 +1708,7 @@ export namespace Components {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
-          * @deprecated A link could never be disabled. Use a button instead.
+          * @deprecated Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.
          */
         "_disabled"?: boolean;
         /**
@@ -1713,20 +1716,20 @@ export namespace Components {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -1735,7 +1738,7 @@ export namespace Components {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1753,7 +1756,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1763,7 +1766,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1795,7 +1798,7 @@ export namespace Components {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
+          * Setzt die Breite des Modals. (max-width: 100%).
          */
         "_width"?: string;
     }
@@ -1830,7 +1833,7 @@ export namespace Components {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Setzt zusätzliche Klassen an das das <nav> umschließende <div>. (müssen im Theme existieren)
           * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
@@ -1845,7 +1848,7 @@ export namespace Components {
          */
         "_customClass"?: string;
         /**
-          * Gibt an, welche Sprung-Schalter sichtbar sein sollen.
+          * Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.
          */
         "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
         /**
@@ -1861,19 +1864,19 @@ export namespace Components {
          */
         "_pageSize": number;
         /**
-          * Gibt an, welche Optionen für die Seitenlänge angeboten werden.
+          * Setzt die Optionen für das Seitenlängenselect.
          */
         "_pageSizeOptions": Stringified<number[]>;
         /**
-          * Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.
+          * Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.
          */
         "_siblingCount"?: number;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
+          * Setzt die Gesamtanzahl der Seiten.
          */
         "_total": number;
         /**
@@ -1881,6 +1884,16 @@ export namespace Components {
          */
         "_variant"?: KoliBriButtonVariant;
     }
+    interface KolPopover {
+        /**
+          * Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.
+         */
+        "_alignment"?: Alignment;
+        /**
+          * Öffnet/schließt das Popover.
+         */
+        "_open"?: boolean;
+    }
     interface KolProgress {
         /**
           * Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.
@@ -1891,7 +1904,7 @@ export namespace Components {
          */
         "_type"?: KoliBriProgressType;
         /**
-          * Gibt die Einheit der Fortschrittswerte an.
+          * Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)
          */
         "_unit"?: string;
         /**
@@ -1901,19 +1914,19 @@ export namespace Components {
     }
     interface KolQuote {
         /**
-          * The caption of the quote.
+          * Setzt die Überschrift.
          */
         "_caption"?: string;
         /**
-          * The href is a URL that designates a source document or message for the information quoted.
+          * Link auf die Quelle des Zitates.
          */
         "_href": string;
         /**
-          * The text of the quote.
+          * Setzt den Text, also das Zitat selbst.
          */
         "_quote": string;
         /**
-          * The variant of the quote.
+          * Setzt die Variante des Zitats.
          */
         "_variant"?: KoliBriQuoteVariant;
     }
@@ -1927,7 +1940,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1940,11 +1953,11 @@ export namespace Components {
          */
         "_height"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1972,11 +1985,11 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Selectbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.
+          * Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes.
          */
         "_size"?: number;
         /**
@@ -1998,13 +2011,13 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Ist die Liste der unsichtbaren Links.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2012,13 +2025,13 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
     interface KolSpanWc {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2026,7 +2039,7 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
@@ -2082,13 +2095,13 @@ export namespace Components {
          */
         "_selected"?: number;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Daten für die Registrierkarten.
          */
         "_tabs": Stringified<TabButtonProps[]>;
         /**
-          * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
+          * Setzt die Position der Registrierkarten.
          */
-        "_tabsAlign"?: PropAlignment;
+        "_tabsAlign"?: Alignment;
     }
     interface KolTextarea {
         /**
@@ -2104,7 +2117,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -2112,15 +2125,15 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.
+          * Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.
          */
         "_hasCounter"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -2128,7 +2141,7 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Gibt an, wie viele Zeichen man maximal eingeben kann.
+          * Setzt die maximale Zeichenanzahl.
          */
         "_maxLength"?: number;
         /**
@@ -2144,15 +2157,15 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
          */
         "_resize"?: CSSResize;
         /**
@@ -2178,7 +2191,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob der Toast ein Schließen-Icon hat.
+          * Aktiviert das Schließen-Icon.
          */
         "_hasCloser"?: boolean;
         /**
@@ -2208,15 +2221,15 @@ export namespace Components {
     }
     interface KolTooltip {
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.
          */
-        "_align"?: PropAlignment;
+        "_align"?: Alignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
         "_id": string;
         /**
-          * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
+          * Setzt den Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */
         "_label": string;
     }
@@ -2492,6 +2505,12 @@ declare global {
         prototype: HTMLKolPaginationElement;
         new (): HTMLKolPaginationElement;
     };
+    interface HTMLKolPopoverElement extends Components.KolPopover, HTMLStencilElement {
+    }
+    var HTMLKolPopoverElement: {
+        prototype: HTMLKolPopoverElement;
+        new (): HTMLKolPopoverElement;
+    };
     interface HTMLKolProgressElement extends Components.KolProgress, HTMLStencilElement {
     }
     var HTMLKolProgressElement: {
@@ -2619,6 +2638,7 @@ declare global {
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
+        "kol-popover": HTMLKolPopoverElement;
         "kol-progress": HTMLKolProgressElement;
         "kol-quote": HTMLKolQuoteElement;
         "kol-select": HTMLKolSelectElement;
@@ -2644,7 +2664,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
     }
     interface KolAccordion {
         /**
@@ -2652,7 +2672,7 @@ declare namespace LocalJSX {
          */
         "_heading": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -2678,7 +2698,7 @@ declare namespace LocalJSX {
          */
         "_heading"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -2696,11 +2716,11 @@ declare namespace LocalJSX {
     }
     interface KolBadge {
         /**
-          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+          * Setzt die Hintergrundfarbe.
          */
-        "_color"?: string | KoliBriColor;
+        "_color"?: Stringified<PropColor>;
         /**
-          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2708,7 +2728,7 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label-Text des Badges an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2722,7 +2742,7 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
     }
@@ -2760,24 +2780,24 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+          * Gibt die ID der Schaltfläche an.
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2795,7 +2815,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2843,7 +2863,7 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2855,7 +2875,7 @@ declare namespace LocalJSX {
          */
         "_id"?: string;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2873,7 +2893,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2917,16 +2937,16 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
-          * Gibt an, ob nur das Icon angezeigt wird.
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
          */
         "_iconOnly"?: boolean;
         /**
@@ -2934,7 +2954,7 @@ declare namespace LocalJSX {
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2942,7 +2962,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriButtonCallbacks<unknown>;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -2950,11 +2970,11 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Typ der Button hat.
+          * Setzt den Typ der Schaltfläche.
          */
         "_type"?: KoliBriButtonType;
         /**
@@ -2968,7 +2988,7 @@ declare namespace LocalJSX {
     }
     interface KolCard {
         /**
-          * Gibt an, ob die Card einen Footer-Bereich hat.
+          * Macht den Footerbereich der Card sichtbar.
          */
         "_hasFooter"?: boolean;
         /**
@@ -2981,7 +3001,7 @@ declare namespace LocalJSX {
          */
         "_headline"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
     }
@@ -3001,7 +3021,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriFormCallbacks;
         /**
-          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.
+          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.
          */
         "_requiredText"?: Stringified<boolean>;
     }
@@ -3025,11 +3045,11 @@ declare namespace LocalJSX {
          */
         "_headline": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt den Text der zusätzlichen Überschrift an.
+          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
          */
         "_secondaryHeadline"?: string;
     }
@@ -3039,7 +3059,7 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Gibt einen Identifier eines Icons aus den Icon's an.
+          * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon": string;
         /**
@@ -3090,23 +3110,23 @@ declare namespace LocalJSX {
     }
     interface KolImage {
         /**
-          * Gibt den alternativen Text an.
+          * Setzt den alternativen Text.
          */
         "_alt": string;
         /**
-          * Gibt den Lademodus an.
+          * Setzt den Lademodus.
          */
         "_loading"?: Loading;
         /**
-          * ...
+          * Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.
          */
         "_sizes"?: string;
         /**
-          * Gibt die Quell-URL an.
+          * Setzt die Quell-URL des Bildes.
          */
         "_src": string;
         /**
-          * Gibt eine Liste von Quell-URLs mit Breiten der Bilder an.
+          * Setzt eine Liste von Quell-URLs mit Breiten der Bilder.
          */
         "_srcset"?: string;
     }
@@ -3118,7 +3138,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3126,11 +3146,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3154,11 +3174,11 @@ declare namespace LocalJSX {
          */
         "_renderNoLabel"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3181,11 +3201,11 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ausgewählt ist oder nicht.
+          * Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)
          */
         "_checked"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3193,11 +3213,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3221,7 +3241,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3238,7 +3258,7 @@ declare namespace LocalJSX {
          */
         "_type"?: InputCheckboxVariant;
         /**
-          * Gibt den Wert der Checkbox an.
+          * Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })
          */
         "_value"?: string;
         /**
@@ -3260,7 +3280,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3268,11 +3288,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3296,7 +3316,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3326,7 +3346,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3334,11 +3354,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3370,15 +3390,15 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3416,7 +3436,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3424,11 +3444,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3468,19 +3488,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Radio ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3510,7 +3530,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3518,11 +3538,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3546,11 +3566,11 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3580,7 +3600,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3588,11 +3608,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3628,15 +3648,15 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3675,7 +3695,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3683,11 +3703,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3719,19 +3739,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3757,7 +3777,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3765,11 +3785,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3793,7 +3813,7 @@ declare namespace LocalJSX {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3822,7 +3842,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3830,11 +3850,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3858,7 +3878,7 @@ declare namespace LocalJSX {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3888,7 +3908,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3896,11 +3916,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3962,7 +3982,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3970,11 +3990,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -4002,7 +4022,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt ein Prüfpattern für das Eingabefeld an.
+          * Gibt ein Prüfmuster für das Eingabefeld an.
          */
         "_pattern"?: string;
         /**
@@ -4010,19 +4030,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -4050,7 +4070,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.
          */
-        "_color"?: string;
+        "_color"?: Stringified1<PropColor>;
         /**
           * Gibt an, ob die Logo-Beschriftung angezeigt werden soll.
          */
@@ -4086,20 +4106,20 @@ declare namespace LocalJSX {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -4108,7 +4128,7 @@ declare namespace LocalJSX {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle das Element hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4126,7 +4146,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4136,7 +4156,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4177,7 +4197,7 @@ declare namespace LocalJSX {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4185,7 +4205,7 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -4194,7 +4214,7 @@ declare namespace LocalJSX {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Setzt die Role der Schaltfläche.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4202,7 +4222,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4212,9 +4232,9 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Gibt an, welche Ausprägung der Link-Button hat.
          */
         "_variant"?: KoliBriButtonVariant;
     }
@@ -4228,11 +4248,11 @@ declare namespace LocalJSX {
          */
         "_heading"?: string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
         /**
@@ -4240,7 +4260,8 @@ declare namespace LocalJSX {
          */
         "_listStyleType"?: ListStyleType;
         /**
-          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert. Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert.
          */
         "_ordered"?: boolean;
         /**
@@ -4271,7 +4292,7 @@ declare namespace LocalJSX {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
-          * @deprecated A link could never be disabled. Use a button instead.
+          * @deprecated Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.
          */
         "_disabled"?: boolean;
         /**
@@ -4279,20 +4300,20 @@ declare namespace LocalJSX {
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: PropAlignment;
+        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -4301,7 +4322,7 @@ declare namespace LocalJSX {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4319,7 +4340,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4329,7 +4350,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4361,7 +4382,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
+          * Setzt die Breite des Modals. (max-width: 100%).
          */
         "_width"?: string;
     }
@@ -4396,7 +4417,7 @@ declare namespace LocalJSX {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Setzt zusätzliche Klassen an das das <nav> umschließende <div>. (müssen im Theme existieren)
           * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
@@ -4411,7 +4432,7 @@ declare namespace LocalJSX {
          */
         "_customClass"?: string;
         /**
-          * Gibt an, welche Sprung-Schalter sichtbar sein sollen.
+          * Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.
          */
         "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
         /**
@@ -4427,19 +4448,19 @@ declare namespace LocalJSX {
          */
         "_pageSize"?: number;
         /**
-          * Gibt an, welche Optionen für die Seitenlänge angeboten werden.
+          * Setzt die Optionen für das Seitenlängenselect.
          */
         "_pageSizeOptions"?: Stringified<number[]>;
         /**
-          * Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.
+          * Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.
          */
         "_siblingCount"?: number;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: PropAlignment;
+        "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
+          * Setzt die Gesamtanzahl der Seiten.
          */
         "_total": number;
         /**
@@ -4447,6 +4468,16 @@ declare namespace LocalJSX {
          */
         "_variant"?: KoliBriButtonVariant;
     }
+    interface KolPopover {
+        /**
+          * Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.
+         */
+        "_alignment"?: Alignment;
+        /**
+          * Öffnet/schließt das Popover.
+         */
+        "_open"?: boolean;
+    }
     interface KolProgress {
         /**
           * Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.
@@ -4457,7 +4488,7 @@ declare namespace LocalJSX {
          */
         "_type"?: KoliBriProgressType;
         /**
-          * Gibt die Einheit der Fortschrittswerte an.
+          * Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)
          */
         "_unit"?: string;
         /**
@@ -4467,19 +4498,19 @@ declare namespace LocalJSX {
     }
     interface KolQuote {
         /**
-          * The caption of the quote.
+          * Setzt die Überschrift.
          */
         "_caption"?: string;
         /**
-          * The href is a URL that designates a source document or message for the information quoted.
+          * Link auf die Quelle des Zitates.
          */
         "_href": string;
         /**
-          * The text of the quote.
+          * Setzt den Text, also das Zitat selbst.
          */
         "_quote": string;
         /**
-          * The variant of the quote.
+          * Setzt die Variante des Zitats.
          */
         "_variant"?: KoliBriQuoteVariant;
     }
@@ -4493,7 +4524,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -4506,11 +4537,11 @@ declare namespace LocalJSX {
          */
         "_height"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -4538,11 +4569,11 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Selectbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.
+          * Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes.
          */
         "_size"?: number;
         /**
@@ -4564,13 +4595,13 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Ist die Liste der unsichtbaren Links.
+          * Setzt die Liste der darzustellenden Links.
          */
         "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4578,13 +4609,13 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
     interface KolSpanWc {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4592,7 +4623,7 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
@@ -4648,13 +4679,13 @@ declare namespace LocalJSX {
          */
         "_selected"?: number;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Daten für die Registrierkarten.
          */
         "_tabs": Stringified<TabButtonProps[]>;
         /**
-          * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
+          * Setzt die Position der Registrierkarten.
          */
-        "_tabsAlign"?: PropAlignment;
+        "_tabsAlign"?: Alignment;
     }
     interface KolTextarea {
         /**
@@ -4670,7 +4701,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -4678,15 +4709,15 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.
+          * Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.
          */
         "_hasCounter"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -4694,7 +4725,7 @@ declare namespace LocalJSX {
          */
         "_id"?: string;
         /**
-          * Gibt an, wie viele Zeichen man maximal eingeben kann.
+          * Setzt die maximale Zeichenanzahl.
          */
         "_maxLength"?: number;
         /**
@@ -4710,15 +4741,15 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
          */
         "_resize"?: CSSResize;
         /**
@@ -4744,7 +4775,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob der Toast ein Schließen-Icon hat.
+          * Aktiviert das Schließen-Icon.
          */
         "_hasCloser"?: boolean;
         /**
@@ -4774,15 +4805,15 @@ declare namespace LocalJSX {
     }
     interface KolTooltip {
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.
          */
-        "_align"?: PropAlignment;
+        "_align"?: Alignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
         "_id": string;
         /**
-          * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
+          * Setzt den Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */
         "_label": string;
     }
@@ -4835,6 +4866,7 @@ declare namespace LocalJSX {
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
+        "kol-popover": KolPopover;
         "kol-progress": KolProgress;
         "kol-quote": KolQuote;
         "kol-select": KolSelect;
@@ -4909,6 +4941,7 @@ declare module "@stencil/core" {
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
+            "kol-popover": LocalJSX.KolPopover & JSXBase.HTMLAttributes<HTMLKolPopoverElement>;
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
             "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;