@public-ui/components 1.1.10-rc.3 → 1.1.10-rc.5

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { Icofont } from "./types/icofont";
 import { Alignment, KoliBriIconProp } from "./types/icon";
 import { Stringified } from "./types/common";
 import { NavLinkProps } from "./components/link/component";
-import { AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonLinkShowAs, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
+import { AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { KoliBriInputIcon } from "./components/input-text/types";
@@ -180,10 +180,6 @@ export namespace Components {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -203,6 +199,65 @@ export namespace Components {
     }
     interface KolButtonGroup {
     }
+    interface KolButtonLink {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen Text des Buttons für den Screenreader an. Für die Sprachsteuerung muss der Aria-Text mit dem Label-Text des Buttons beginnen. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Button deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+         */
+        "_id"?: string;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
+         */
+        "_label": string;
+        /**
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
+         */
+        "_on"?: KoliBriButtonCallbacks;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, welche Typ der Button hat.
+         */
+        "_type"?: KoliBriButtonType;
+    }
     interface KolButtonWc {
         /**
           * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
@@ -257,10 +312,6 @@ export namespace Components {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -1278,9 +1329,92 @@ export namespace Components {
          */
         "_selector"?: string;
         /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
+          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+         */
+        "_stealth"?: boolean;
+        /**
+          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+         */
+        "_target"?: LinkTarget;
+        /**
+          * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.
+         */
+        "_targetDescription"?: string;
+        /**
+          * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob die Links unterstrichen dargestellt werden.
+         */
+        "_underline"?: boolean;
+        /**
+          * Gibt den Verwendungsfall des Links an.
+         */
+        "_useCase"?: LinkUseCase;
+    }
+    interface KolLinkButton {
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
          */
-        "_showAs"?: KoliBriButtonLinkShowAs;
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Link deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+         */
+        "_fill"?: boolean;
+        /**
+          * Gibt die Ziel-Url des Links an.
+         */
+        "_href"?: string;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die EventCallback-Funktionen für den Link an.
+         */
+        "_on"?: LinkOnCallbacks;
+        /**
+          * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)
+         */
+        "_part"?: string;
+        /**
+          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+         */
+        "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -1305,6 +1439,10 @@ export namespace Components {
           * Gibt den Verwendungsfall des Links an.
          */
         "_useCase"?: LinkUseCase;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant;
     }
     interface KolLinkGroup {
         /**
@@ -1394,10 +1532,6 @@ export namespace Components {
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
          */
         "_selector"?: string;
-        /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -1870,6 +2004,12 @@ declare global {
         prototype: HTMLKolButtonGroupElement;
         new (): HTMLKolButtonGroupElement;
     };
+    interface HTMLKolButtonLinkElement extends Components.KolButtonLink, HTMLStencilElement {
+    }
+    var HTMLKolButtonLinkElement: {
+        prototype: HTMLKolButtonLinkElement;
+        new (): HTMLKolButtonLinkElement;
+    };
     interface HTMLKolButtonWcElement extends Components.KolButtonWc, HTMLStencilElement {
     }
     var HTMLKolButtonWcElement: {
@@ -2026,6 +2166,12 @@ declare global {
         prototype: HTMLKolLinkElement;
         new (): HTMLKolLinkElement;
     };
+    interface HTMLKolLinkButtonElement extends Components.KolLinkButton, HTMLStencilElement {
+    }
+    var HTMLKolLinkButtonElement: {
+        prototype: HTMLKolLinkButtonElement;
+        new (): HTMLKolLinkButtonElement;
+    };
     interface HTMLKolLinkGroupElement extends Components.KolLinkGroup, HTMLStencilElement {
     }
     var HTMLKolLinkGroupElement: {
@@ -2136,6 +2282,7 @@ declare global {
         "kol-breadcrumb": HTMLKolBreadcrumbElement;
         "kol-button": HTMLKolButtonElement;
         "kol-button-group": HTMLKolButtonGroupElement;
+        "kol-button-link": HTMLKolButtonLinkElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
         "kol-color": HTMLKolColorElement;
@@ -2162,6 +2309,7 @@ declare global {
         "kol-input-text": HTMLKolInputTextElement;
         "kol-kolibri": HTMLKolKolibriElement;
         "kol-link": HTMLKolLinkElement;
+        "kol-link-button": HTMLKolLinkButtonElement;
         "kol-link-group": HTMLKolLinkGroupElement;
         "kol-link-wc": HTMLKolLinkWcElement;
         "kol-logo": HTMLKolLogoElement;
@@ -2326,10 +2474,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -2345,6 +2489,65 @@ declare namespace LocalJSX {
     }
     interface KolButtonGroup {
     }
+    interface KolButtonLink {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen Text des Buttons für den Screenreader an. Für die Sprachsteuerung muss der Aria-Text mit dem Label-Text des Buttons beginnen. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Button deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+         */
+        "_id"?: string;
+        /**
+          * Gibt den Label für die Beschriftung der Schaltfläche an.
+         */
+        "_label": string;
+        /**
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
+         */
+        "_on"?: KoliBriButtonCallbacks;
+        /**
+          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, welche Typ der Button hat.
+         */
+        "_type"?: KoliBriButtonType;
+    }
     interface KolButtonWc {
         /**
           * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
@@ -2399,10 +2602,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Funktionen für die Button-Events an.
          */
         "_on"?: KoliBriButtonCallbacks;
-        /**
-          * Gibt an, ob der Button als Button oder Link dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
@@ -3416,9 +3615,92 @@ declare namespace LocalJSX {
          */
         "_selector"?: string;
         /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
+          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+         */
+        "_stealth"?: boolean;
+        /**
+          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+         */
+        "_target"?: LinkTarget;
+        /**
+          * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.
+         */
+        "_targetDescription"?: string;
+        /**
+          * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
+         */
+        "_tooltipAlign"?: TooltipAlignment;
+        /**
+          * Gibt an, ob die Links unterstrichen dargestellt werden.
+         */
+        "_underline"?: boolean;
+        /**
+          * Gibt den Verwendungsfall des Links an.
+         */
+        "_useCase"?: LinkUseCase;
+    }
+    interface KolLinkButton {
+        /**
+          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
          */
-        "_showAs"?: KoliBriButtonLinkShowAs;
+        "_ariaCurrent"?: AriaCurrent;
+        /**
+          * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Link deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+         */
+        "_fill"?: boolean;
+        /**
+          * Gibt die Ziel-Url des Links an.
+         */
+        "_href"?: string;
+        /**
+          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+         */
+        "_icon"?: KoliBriIconProp;
+        /**
+          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
+          * @deprecated
+         */
+        "_iconAlign"?: Alignment;
+        /**
+          * Gibt an, ob nur das Icon angezeigt wird.
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Gibt die EventCallback-Funktionen für den Link an.
+         */
+        "_on"?: LinkOnCallbacks;
+        /**
+          * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)
+         */
+        "_part"?: string;
+        /**
+          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+         */
+        "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -3443,6 +3725,10 @@ declare namespace LocalJSX {
           * Gibt den Verwendungsfall des Links an.
          */
         "_useCase"?: LinkUseCase;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant;
     }
     interface KolLinkGroup {
         /**
@@ -3532,10 +3818,6 @@ declare namespace LocalJSX {
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
          */
         "_selector"?: string;
-        /**
-          * Gibt an, ob der Link als Link oder Button dargestellt werden soll.
-         */
-        "_showAs"?: KoliBriButtonLinkShowAs;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
          */
@@ -3972,6 +4254,7 @@ declare namespace LocalJSX {
         "kol-breadcrumb": KolBreadcrumb;
         "kol-button": KolButton;
         "kol-button-group": KolButtonGroup;
+        "kol-button-link": KolButtonLink;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
         "kol-color": KolColor;
@@ -3998,6 +4281,7 @@ declare namespace LocalJSX {
         "kol-input-text": KolInputText;
         "kol-kolibri": KolKolibri;
         "kol-link": KolLink;
+        "kol-link-button": KolLinkButton;
         "kol-link-group": KolLinkGroup;
         "kol-link-wc": KolLinkWc;
         "kol-logo": KolLogo;
@@ -4028,6 +4312,7 @@ declare module "@stencil/core" {
             "kol-breadcrumb": LocalJSX.KolBreadcrumb & JSXBase.HTMLAttributes<HTMLKolBreadcrumbElement>;
             "kol-button": LocalJSX.KolButton & JSXBase.HTMLAttributes<HTMLKolButtonElement>;
             "kol-button-group": LocalJSX.KolButtonGroup & JSXBase.HTMLAttributes<HTMLKolButtonGroupElement>;
+            "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-color": LocalJSX.KolColor & JSXBase.HTMLAttributes<HTMLKolColorElement>;
@@ -4054,6 +4339,7 @@ declare module "@stencil/core" {
             "kol-input-text": LocalJSX.KolInputText & JSXBase.HTMLAttributes<HTMLKolInputTextElement>;
             "kol-kolibri": LocalJSX.KolKolibri & JSXBase.HTMLAttributes<HTMLKolKolibriElement>;
             "kol-link": LocalJSX.KolLink & JSXBase.HTMLAttributes<HTMLKolLinkElement>;
+            "kol-link-button": LocalJSX.KolLinkButton & JSXBase.HTMLAttributes<HTMLKolLinkButtonElement>;
             "kol-link-group": LocalJSX.KolLinkGroup & JSXBase.HTMLAttributes<HTMLKolLinkGroupElement>;
             "kol-link-wc": LocalJSX.KolLinkWc & JSXBase.HTMLAttributes<HTMLKolLinkWcElement>;
             "kol-logo": LocalJSX.KolLogo & JSXBase.HTMLAttributes<HTMLKolLogoElement>;

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

@@ -4,9 +4,8 @@ import { Generic } from '@public-ui/core';
 import { EventCallback } from './callbacks';
 import { Alignment, KoliBriCustomIcon, KoliBriIconProp } from './icon';
 export declare type AriaCurrent = boolean | 'page' | 'step' | 'location' | 'date' | 'time';
-export declare type KoliBriButtonLinkShowAs = 'button' | 'link';
-declare type RequiredButtonLinkProps = unknown;
-declare type OptionalButtonLinkProps = {
+declare type RequiredButtonAndLinkProps = unknown;
+declare type OptionalButtonAndLinkProps = {
   ariaControls: string;
   ariaCurrent: AriaCurrent;
   ariaExpanded: boolean;
@@ -15,10 +14,9 @@ declare type OptionalButtonLinkProps = {
   icon: KoliBriIconProp;
   iconAlign: Alignment;
   iconOnly: boolean;
-  showAs: KoliBriButtonLinkShowAs;
   tooltipAlign: TooltipAlignment;
 };
-declare type RequiredButtonLinkStates = {
+declare type RequiredButtonAndLinkStates = {
   ariaLabel: string;
   icon: {
     top?: KoliBriCustomIcon;
@@ -27,9 +25,8 @@ declare type RequiredButtonLinkStates = {
     left?: KoliBriCustomIcon;
   };
   iconAlign: Alignment;
-  showAs: KoliBriButtonLinkShowAs;
 };
-declare type OptionalButtonLinkStates = {
+declare type OptionalButtonAndLinkStates = {
   ariaControls: string;
   ariaCurrent: AriaCurrent;
   ariaExpanded: boolean;
@@ -46,33 +43,39 @@ export declare type KoliBriButtonVariantCustomClass = {
   customClass: string;
   variant: KoliBriButtonVariant;
 };
-export declare type RequiredButtonProps = RequiredButtonLinkProps & {
+export declare type RequiredButtonLinkProps = RequiredButtonAndLinkProps & {
   label: string;
 };
-export declare type OptionalButtonProps = OptionalButtonLinkProps & KoliBriButtonVariantCustomClass & {
+export declare type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {
   accessKey: string;
   id: string;
   on: KoliBriButtonCallbacks;
   type: KoliBriButtonType;
 };
-export declare type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
-export declare type RequiredButtonStates = RequiredButtonLinkStates & {
+export declare type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
+export declare type RequiredButtonLinkStates = RequiredButtonAndLinkStates & {
   label: string;
   type: KoliBriButtonType;
 };
-export declare type OptionalButtonStates = OptionalButtonLinkStates & KoliBriButtonVariantCustomClass & {
+export declare type OptionalButtonLinkStates = OptionalButtonAndLinkStates & KoliBriButtonVariantCustomClass & {
   accessKey: string;
   id: string;
   on: KoliBriButtonCallbacks;
 };
+export declare type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
+export declare type RequiredButtonProps = RequiredButtonLinkProps;
+export declare type OptionalButtonProps = OptionalButtonLinkProps & KoliBriButtonVariantCustomClass;
+export declare type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
+export declare type RequiredButtonStates = RequiredButtonLinkStates;
+export declare type OptionalButtonStates = OptionalButtonLinkStates & KoliBriButtonVariantCustomClass;
 export declare type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
 export declare type LinkOnCallbacks = {
   [Events.onClick]?: EventCallback<Event>;
 };
 export declare type LinkTarget = '_blank' | '_parent' | '_self' | '_top' | string;
 export declare type LinkUseCase = 'text' | 'image' | 'nav';
-export declare type RequiredLinkProps = RequiredButtonLinkProps & unknown;
-export declare type OptionalLinkProps = OptionalButtonLinkProps & {
+export declare type RequiredLinkProps = RequiredButtonAndLinkProps & unknown;
+export declare type OptionalLinkProps = OptionalButtonAndLinkProps & {
   ariaSelected: boolean;
   fill: boolean;
   href: string;
@@ -86,8 +89,8 @@ export declare type OptionalLinkProps = OptionalButtonLinkProps & {
   useCase: LinkUseCase;
 };
 export declare type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;
-export declare type RequiredLinkStates = RequiredButtonLinkStates & unknown;
-export declare type OptionalLinkStates = OptionalButtonLinkStates & {
+export declare type RequiredLinkStates = RequiredButtonAndLinkStates & unknown;
+export declare type OptionalLinkStates = OptionalButtonAndLinkStates & {
   ariaSelected: boolean;
   fill: boolean;
   href: string;
@@ -101,6 +104,11 @@ export declare type OptionalLinkStates = OptionalButtonLinkStates & {
   useCase: LinkUseCase;
 };
 export declare type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;
-export declare const watchShowAs: (component: Generic.Element.Component, value?: KoliBriButtonLinkShowAs) => void;
+export declare type RequiredLinkButtonProps = RequiredLinkProps;
+export declare type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantCustomClass;
+export declare type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;
+export declare type RequiredLinkButtonStates = RequiredLinkStates;
+export declare type OptionalLinkButtonStates = OptionalLinkStates & KoliBriButtonVariantCustomClass;
+export declare type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;
 export declare const watchTooltipAlignment: (component: Generic.Element.Component, propName: string, value?: TooltipAlignment) => void;
 export {};

package/dist/types/utils/prop.validators.d.ts

@@ -26,7 +26,7 @@ declare type WatchNumberOptions = WatchOptions & {
   min?: number;
   max?: number;
 };
-export declare const watchValidator: <T extends unknown>(component: Generic.Element.Component, propName: string, validationFunction: (value?: T | undefined) => boolean, requiredGeneric: Set<string | null | undefined>, value?: T | undefined, options?: WatchOptions) => void;
+export declare const watchValidator: <T>(component: Generic.Element.Component, propName: string, validationFunction: (value?: T | undefined) => boolean, requiredGeneric: Set<string | null | undefined>, value?: T | undefined, options?: WatchOptions) => void;
 export declare const watchBoolean: (component: Generic.Element.Component, propName: string, value?: boolean, options?: WatchBooleanOptions) => void;
 export declare const watchString: (component: Generic.Element.Component, propName: string, value?: string, options?: WatchStringOptions) => void;
 export declare const watchNumber: (component: Generic.Element.Component, propName: string, value?: number, options?: WatchNumberOptions) => void;