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

package/dist/types/components.d.ts

@@ -5,20 +5,18 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Alignment } from "./types/props/alignment";
+import { AriaCurrent, PropAlignment } from "./types/props";
 import { HeadingLevel } from "./types/heading-level";
-import { KoliBriAccordionCallbacks } from "./components/accordion/component";
-import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
+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 { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-import { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-import { NavLinkProps } from "./components/link/component";
+import { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
 import { Loading } from "./utils/validators/loading";
-import { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 import { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { Iso8601 } from "./types/input/iso8601";
@@ -29,28 +27,28 @@ import { InputTextType } from "./types/input/control/text";
 import { ListStyleType } from "./components/link-group/component";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 import { KoliBriModalEventCallbacks } from "./types/modal";
-import { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+import { KoliBriNavVariant } from "./components/nav/component";
 import { PaginationHasButton } from "./components/pagination/component";
 import { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 import { KoliBriProgressType } from "./types/progress";
+import { KoliBriQuoteVariant } from "./components/quote/types";
 import { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./types/table";
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
-export { Alignment } from "./types/props/alignment";
+export { AriaCurrent, PropAlignment } from "./types/props";
 export { HeadingLevel } from "./types/heading-level";
-export { KoliBriAccordionCallbacks } from "./components/accordion/component";
-export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
+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 { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-export { NavLinkProps } from "./components/link/component";
+export { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 export { KoliBriFormCallbacks } from "./components/form/component";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
 export { Loading } from "./utils/validators/loading";
-export { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 export { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 export { Iso8601 } from "./types/input/iso8601";
@@ -61,10 +59,12 @@ export { InputTextType } from "./types/input/control/text";
 export { ListStyleType } from "./components/link-group/component";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export { KoliBriModalEventCallbacks } from "./types/modal";
-export { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+export { KoliBriNavVariant } from "./components/nav/component";
 export { PaginationHasButton } from "./components/pagination/component";
 export { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 export { KoliBriProgressType } from "./types/progress";
+export { KoliBriQuoteVariant } from "./components/quote/types";
 export { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./types/table";
 export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 export { CSSResize } from "./components/textarea/types";
@@ -78,7 +78,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
     }
     interface KolAccordion {
         /**
@@ -158,7 +158,7 @@ export namespace Components {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -201,7 +201,7 @@ export namespace Components {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -229,7 +229,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -307,7 +307,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -358,7 +358,7 @@ export namespace Components {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -386,7 +386,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -477,7 +477,7 @@ export namespace Components {
          */
         "_icon": string;
         /**
-          * 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/) /**
+          * 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/)
           * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
@@ -637,11 +637,11 @@ export namespace Components {
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.
          */
@@ -716,7 +716,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -782,7 +782,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -872,7 +872,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -966,7 +966,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -1036,7 +1036,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -1131,7 +1131,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -1209,7 +1209,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -1274,7 +1274,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -1344,7 +1344,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -1414,11 +1414,11 @@ export namespace Components {
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -1527,7 +1527,7 @@ export namespace Components {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1538,6 +1538,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1569,7 +1570,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1623,6 +1624,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1644,7 +1646,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -1666,7 +1668,7 @@ export namespace Components {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
@@ -1703,6 +1705,7 @@ export namespace Components {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated A link could never be disabled. Use a button instead.
          */
         "_disabled"?: boolean;
         /**
@@ -1717,7 +1720,7 @@ export namespace Components {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1728,7 +1731,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1760,7 +1763,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1791,10 +1794,6 @@ export namespace Components {
           * Gibt die EventCallback-Function für das Schließen des Modals an.
          */
         "_on"?: KoliBriModalEventCallbacks;
-        /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
         /**
           * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
          */
@@ -1819,18 +1818,20 @@ export namespace Components {
         "_compact"?: boolean;
         /**
           * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * @deprecated Version 2
          */
         "_hasCompactButton"?: boolean;
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
           * Gibt an, welche Ausprägung der Button hat.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -1870,7 +1871,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
          */
@@ -1898,6 +1899,24 @@ export namespace Components {
          */
         "_value": number;
     }
+    interface KolQuote {
+        /**
+          * The caption of the quote.
+         */
+        "_caption"?: string;
+        /**
+          * The href is a URL that designates a source document or message for the information quoted.
+         */
+        "_href": string;
+        /**
+          * The text of the quote.
+         */
+        "_quote": string;
+        /**
+          * The variant of the quote.
+         */
+        "_variant"?: KoliBriQuoteVariant;
+    }
     interface KolSelect {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -1935,7 +1954,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -1981,7 +2000,7 @@ export namespace Components {
         /**
           * Ist die Liste der unsichtbaren Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
@@ -2069,7 +2088,7 @@ export namespace Components {
         /**
           * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
          */
-        "_tabsAlign"?: Alignment;
+        "_tabsAlign"?: PropAlignment;
     }
     interface KolTextarea {
         /**
@@ -2107,7 +2126,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -2191,7 +2210,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: Alignment;
+        "_align"?: PropAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
@@ -2479,6 +2498,12 @@ declare global {
         prototype: HTMLKolProgressElement;
         new (): HTMLKolProgressElement;
     };
+    interface HTMLKolQuoteElement extends Components.KolQuote, HTMLStencilElement {
+    }
+    var HTMLKolQuoteElement: {
+        prototype: HTMLKolQuoteElement;
+        new (): HTMLKolQuoteElement;
+    };
     interface HTMLKolSelectElement extends Components.KolSelect, HTMLStencilElement {
     }
     var HTMLKolSelectElement: {
@@ -2595,6 +2620,7 @@ declare global {
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
         "kol-progress": HTMLKolProgressElement;
+        "kol-quote": HTMLKolQuoteElement;
         "kol-select": HTMLKolSelectElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
         "kol-span": HTMLKolSpanElement;
@@ -2618,7 +2644,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
     }
     interface KolAccordion {
         /**
@@ -2698,7 +2724,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -2741,7 +2767,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -2769,7 +2795,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2847,7 +2873,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2898,7 +2924,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -2926,7 +2952,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -3017,7 +3043,7 @@ declare namespace LocalJSX {
          */
         "_icon": string;
         /**
-          * 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/) /**
+          * 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/)
           * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
@@ -3177,11 +3203,11 @@ declare namespace LocalJSX {
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.
          */
@@ -3256,7 +3282,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3322,7 +3348,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -3412,7 +3438,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3506,7 +3532,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -3576,7 +3602,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -3671,7 +3697,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -3749,7 +3775,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -3814,7 +3840,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -3884,7 +3910,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3954,11 +3980,11 @@ declare namespace LocalJSX {
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -4067,7 +4093,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4078,6 +4104,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4109,7 +4136,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4163,6 +4190,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4184,7 +4212,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -4206,7 +4234,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
@@ -4243,6 +4271,7 @@ declare namespace LocalJSX {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated A link could never be disabled. Use a button instead.
          */
         "_disabled"?: boolean;
         /**
@@ -4257,7 +4286,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4268,7 +4297,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4300,7 +4329,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4331,10 +4360,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Function für das Schließen des Modals an.
          */
         "_on"?: KoliBriModalEventCallbacks;
-        /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
         /**
           * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
          */
@@ -4359,18 +4384,20 @@ declare namespace LocalJSX {
         "_compact"?: boolean;
         /**
           * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * @deprecated Version 2
          */
         "_hasCompactButton"?: boolean;
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
           * Gibt an, welche Ausprägung der Button hat.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -4410,7 +4437,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
          */
@@ -4438,6 +4465,24 @@ declare namespace LocalJSX {
          */
         "_value": number;
     }
+    interface KolQuote {
+        /**
+          * The caption of the quote.
+         */
+        "_caption"?: string;
+        /**
+          * The href is a URL that designates a source document or message for the information quoted.
+         */
+        "_href": string;
+        /**
+          * The text of the quote.
+         */
+        "_quote": string;
+        /**
+          * The variant of the quote.
+         */
+        "_variant"?: KoliBriQuoteVariant;
+    }
     interface KolSelect {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -4475,7 +4520,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -4521,7 +4566,7 @@ declare namespace LocalJSX {
         /**
           * Ist die Liste der unsichtbaren Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
@@ -4609,7 +4654,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
          */
-        "_tabsAlign"?: Alignment;
+        "_tabsAlign"?: PropAlignment;
     }
     interface KolTextarea {
         /**
@@ -4647,7 +4692,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -4731,7 +4776,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: Alignment;
+        "_align"?: PropAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
@@ -4791,6 +4836,7 @@ declare namespace LocalJSX {
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
         "kol-progress": KolProgress;
+        "kol-quote": KolQuote;
         "kol-select": KolSelect;
         "kol-skip-nav": KolSkipNav;
         "kol-span": KolSpan;
@@ -4864,6 +4910,7 @@ declare module "@stencil/core" {
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
+            "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
             "kol-span": LocalJSX.KolSpan & JSXBase.HTMLAttributes<HTMLKolSpanElement>;