@public-ui/components 1.6.0-rc.24 → 1.6.0-rc.26

package/dist/types/components/input-radio/types.d.ts

@@ -5,46 +5,40 @@ import { Orientation } from '../../types/orientation';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropOptions } from '../../types/props/options';
 import { W3CInputValue } from '../../types/w3c';
-import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropName } from '../../types/props/name';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   list: Stringified<Option<W3CInputValue>[]>;
-  name: string;
   on: InputTypeOnDefault;
   orientation: Orientation;
-  required: boolean;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: W3CInputValue;
-} & PropOptions;
+} & PropDisabled & PropHideLabel & PropName & PropOptions & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  id: string;
   options: Option<W3CInputValue>[];
   orientation: Orientation;
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   tabIndex: number;
-  touched: boolean;
   value: W3CInputValue;
-};
+} & PropDisabled & PropHideLabel & PropName & PropRequired & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'list'>>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components/input-range/component.d.ts

@@ -2,12 +2,15 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { W3CInputValue } from '../../types/w3c';
-import { ComponentApi, States } from './types';
-export declare class KolInputRange implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputRange implements API {
   private readonly host?;
   private ref?;
   private readonly catchInputNumberRef;
@@ -23,18 +26,18 @@ export declare class KolInputRange implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<Option<W3CInputValue>[]>;
   _max?: number;
   _min?: number;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _step?: number;
   _suggestions?: SuggestionsPropType;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: number;
   state: States;
@@ -56,7 +59,7 @@ export declare class KolInputRange implements ComponentApi {
   validateOn(value?: InputTypeOnDefault): void;
   validateStep(value?: number): void;
   validateSuggestions(value?: SuggestionsPropType): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: number): void;

package/dist/types/components/input-range/types.d.ts

@@ -5,52 +5,47 @@ import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/ty
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropSuggestions } from '../../types/props/suggestions';
 import { W3CInputValue } from '../../types/w3c';
-import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropName } from '../../types/props/name';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
   list: Stringified<Option<W3CInputValue>[]>;
   max: number;
   min: number;
-  name: string;
   on: InputTypeOnDefault;
   step: number;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: number;
-} & PropSuggestions;
+} & PropDisabled & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
-  id: string;
   suggestions: W3CInputValue[];
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
   max: number;
   min: number;
-  name: string;
   on: InputTypeOnDefault;
   step: number;
   tabIndex: number;
-  touched: boolean;
   value: number;
-};
+} & PropDisabled & PropHideLabel & PropName & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components/input-text/component.d.ts

@@ -1,15 +1,18 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { AlertPropType } from '../../types/props/alert';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
-import { ComponentApi, States } from './types';
-export declare class KolInputText implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputText implements API {
   private readonly host?;
   private ref?;
   private oldValue?;
@@ -19,7 +22,7 @@ export declare class KolInputText implements ComponentApi {
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
-  _alert?: AlertPropType;
+  _alert?: boolean;
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
@@ -27,11 +30,11 @@ export declare class KolInputText implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _pattern?: string;
   _placeholder?: string;
@@ -40,9 +43,9 @@ export declare class KolInputText implements ComponentApi {
   _size?: number;
   _suggestions?: SuggestionsPropType;
   _smartButton?: Stringified<ButtonProps>;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _type?: InputTextType;
   _value?: string;
@@ -70,7 +73,7 @@ export declare class KolInputText implements ComponentApi {
   validateSize(value?: number): void;
   validateSuggestions(value?: SuggestionsPropType): void;
   validateSmartButton(value?: ButtonProps | string): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputTextType): void;

package/dist/types/components/input-text/types.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
@@ -7,67 +7,58 @@ import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropSuggestions } from '../../types/props/suggestions';
 import { W3CInputValue } from '../../types/w3c';
-import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHasCounter } from '../../types/props/has-counter';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropId } from '../../types/props/id';
+import { PropName } from '../../types/props/name';
+import { PropReadOnly } from '../../types/props/read-only';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
-  id: string;
   list: Stringified<string[]>;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   type: InputTextType;
   value: string;
-} & PropSuggestions;
+} & PropDisabled & PropHasCounter & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
-  id: string;
   suggestions: W3CInputValue[];
   type: InputTextType;
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
   currentLength: number;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: ButtonProps;
   tabIndex: number;
-  touched: boolean;
   value: string;
-};
+} & PropDisabled & PropHasCounter & PropHideLabel & PropName & PropReadOnly & PropRequired & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,14 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { PropColor } from '../../types/props/color';
-import { KoliBriKolibriAPI, KoliBriKolibriStates } from './types';
-export declare class KolKolibri implements KoliBriKolibriAPI {
+import { API, States } from './types';
+export declare class KolKolibri implements API {
   render(): JSX.Element;
   private interval?;
   _animate?: boolean;
   _color?: Stringified<PropColor>;
   _labeled?: boolean;
-  state: KoliBriKolibriStates;
+  state: States;
   validateAnimate(value?: boolean): void;
   private handleColorChange;
   validateColor(value?: Stringified<PropColor>): void;

package/dist/types/components/kolibri/types.d.ts

@@ -1,7 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { PropColor } from '../../types/props/color';
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   animate: boolean;
   color: Stringified<PropColor>;
@@ -16,7 +16,7 @@ type RequiredStates = {
   };
   labeled: boolean;
 };
-type OptionalStates = unknown;
-export type KoliBriKolibriStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriKolibriAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+type OptionalStates = NonNullable<unknown>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,12 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, KoliBriLinkAPI, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase } from '../../types/button-link';
+import { LinkOnCallbacks, LinkUseCase } from '../../types/button-link';
+import { States as LinkStates } from '../link/types';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { AlignPropType } from '../../types/props/align';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DownloadPropType } from '../../types/props/download';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-export declare class KolLinkWc implements KoliBriLinkAPI {
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { LinkTargetPropType } from '../../types/props/link-target';
+import { API } from './types';
+export declare class KolLinkWc implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -28,13 +33,13 @@ export declare class KolLinkWc implements KoliBriLinkAPI {
   _label?: LabelWithExpertSlotPropType;
   _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _role?: AlternativeButtonLinkRolePropType;
   _selector?: string;
   _stealth?: boolean;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _useCase?: LinkUseCase;
   state: LinkStates;
   validateAriaControls(value?: string): void;
@@ -52,13 +57,13 @@ export declare class KolLinkWc implements KoliBriLinkAPI {
   validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateListenAriaCurrent(value?: AriaCurrentPropType): void;
   validateOn(value?: LinkOnCallbacks): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
+  validateRole(value?: AlternativeButtonLinkRolePropType): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTarget(value?: LinkTarget): void;
+  validateTarget(value?: LinkTargetPropType): void;
   validateTargetDescription(value?: string): void;
-  validateTooltipAlign(value?: AlignPropType): void;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
   private unsubscribeAriaCurrentSubject;

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

@@ -1,11 +1,15 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from '../../types/button-link';
+import { LinkOnCallbacks, LinkUseCase } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { AlignPropType } from '../../types/props/align';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { DownloadPropType } from '../../types/props/download';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { LinkTargetPropType } from '../../types/props/link-target';
 export declare class KolLink implements LinkProps {
   private readonly host?;
   private ref?;
@@ -26,12 +30,12 @@ export declare class KolLink implements LinkProps {
   _label?: LabelWithExpertSlotPropType;
   _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _role?: AlternativeButtonLinkRolePropType;
   _selector?: string;
   _stealth?: boolean;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _useCase?: LinkUseCase;
 }

package/dist/types/components/link/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { LinkProps } from '../../../types/button-link';
+import { LinkProps } from '../../link/types';
 export declare const getLinkHtml: (props: LinkProps, innerHTML?: string) => string;

package/dist/types/components/link/types.d.ts

@@ -0,0 +1,34 @@
+import { PropHref } from '../../types/props/href';
+import { PropDownload } from '../../types/props/download';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropAriaCurrent, PropListenAriaCurrent } from '../../types/props/aria-current';
+import { PropStealth } from '../../types/props/stealth';
+import { PropLinkTarget } from '../../types/props/link-target';
+import { Generic } from '@a11y-ui/core';
+import { LinkOnCallbacks, LinkUseCase } from '../../types/button-link';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropAriaExpanded } from '../../types/props/aria-expanded';
+import { AlignPropType } from '../../types/props/align';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropAriaControls } from '../../types/props/aria-controls';
+import { PropAriaSelected } from '../../types/props/aria-selected';
+import { PropIcon } from '../../types/props/icon';
+export type RequiredProps = PropHref;
+export type OptionalProps = {
+  targetDescription: string;
+  tabIndex: number;
+  iconAlign: AlignPropType;
+  iconOnly: boolean;
+  selector: string;
+  useCase: LinkUseCase;
+  on: LinkOnCallbacks;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaCurrent & PropAriaExpanded & PropAriaLabel & PropAriaSelected & PropDisabled & PropDownload & PropHideLabel & PropIcon & PropLabelWithExpertSlot & PropLinkTarget & PropListenAriaCurrent & PropStealth & PropTooltipAlign;
+export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = PropIcon & PropHref & PropLabelWithExpertSlot;
+type OptionalStates = Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,12 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget } from '../../types/button-link';
-import { Stringified } from '../../types/common';
-import { KoliBriIconProp } from '../../types/icon';
-import { AlignPropType } from '../../types/props/align';
+import { LinkOnCallbacks } from '../../types/button-link';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { DownloadPropType } from '../../types/props/download';
-export declare class KolLinkButton implements LinkProps {
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { LinkTargetPropType } from '../../types/props/link-target';
+import { Props } from './types';
+import { CustomClassPropType } from '../../types/props/custom-class';
+import { HrefPropType } from '../../types/props/href';
+import { IconPropType } from '../../types/props/icon';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+export declare class KolLinkButton implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -16,20 +21,20 @@ export declare class KolLinkButton implements LinkProps {
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
-  _href: string;
-  _icon?: Stringified<KoliBriIconProp>;
+  _href: HrefPropType;
+  _icon?: IconPropType;
   _iconOnly?: boolean;
   _label: LabelWithExpertSlotPropType;
   _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: AlignPropType;
-  _variant?: KoliBriButtonVariant;
+  _tooltipAlign?: TooltipAlignPropType;
+  _variant?: ButtonVariantPropType;
 }

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

@@ -0,0 +1,7 @@
+import { Generic } from '@a11y-ui/core';
+import { OptionalProps as LinkOptionalProps, RequiredProps as LinkRequiredProps } from '../link/types';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+type RequiredProps = LinkRequiredProps;
+type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

package/dist/types/components/link-group/component.d.ts

@@ -1,11 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
-import { LinkProps } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { HeadingLevel } from '../../types/heading-level';
 import { Orientation } from '../../types/orientation';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriLinkGroupAPI, KoliBriLinkGroupStates, ListStyleType } from './types';
-export declare class KolLinkGroup implements KoliBriLinkGroupAPI {
+import { API, States, ListStyleType } from './types';
+export declare class KolLinkGroup implements API {
   render(): JSX.Element;
   private isUl;
   _ariaLabel?: string;
@@ -16,7 +16,7 @@ export declare class KolLinkGroup implements KoliBriLinkGroupAPI {
   _links: Stringified<LinkProps[]>;
   _ordered?: boolean;
   _orientation?: Orientation;
-  state: KoliBriLinkGroupStates;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateHeading(value?: string): void;
   validateLabel(value?: LabelPropType): void;

package/dist/types/components/link-group/types.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { LinkProps } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { HeadingLevel } from '../../types/heading-level';
 import { Orientation } from '../../types/orientation';
@@ -26,6 +26,6 @@ type OptionalStates = {
   level: HeadingLevel;
   ordered: boolean;
 };
-export type KoliBriLinkGroupStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriLinkGroupAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,10 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-import { KoliBriLogoAPI, KoliBriLogoStates } from './types';
-export declare class KolLogo implements KoliBriLogoAPI {
+import { API, States } from './types';
+export declare class KolLogo implements API {
   _abbr?: Bundesministerium | Bundesamt | Bundesanstalt;
   _org: Bundesministerium | Bundesamt | Bundesanstalt;
-  state: KoliBriLogoStates;
+  state: States;
   validateAbbr(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   validateOrg(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   componentWillLoad(): void;

package/dist/types/components/logo/types.d.ts

@@ -8,6 +8,6 @@ type OptionalProps = {
 };
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
-export type KoliBriLogoStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriLogoAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,8 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { KoliBriModalEventCallbacks } from '../../types/modal';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriModalAPI, KoliBriModalStates } from './types';
-export declare class KolModal implements KoliBriModalAPI {
+import { API, States } from './types';
+export declare class KolModal implements API {
   private hostElement?;
   componentDidRender(): void;
   disconnectedCallback(): void;
@@ -13,7 +13,7 @@ export declare class KolModal implements KoliBriModalAPI {
   _label?: LabelPropType;
   _on?: KoliBriModalEventCallbacks;
   _width?: string;
-  state: KoliBriModalStates;
+  state: States;
   validateActiveElement(value?: HTMLElement | null): void;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;