@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.21

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

@@ -2,12 +2,11 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 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';
-import { PropLabel } from '../../types/props';
-type RequiredProps = InputRequiredProps & {
-  list: Stringified<Option<W3CInputValue>[]>;
-};
+type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
@@ -15,20 +14,22 @@ type OptionalProps = {
   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;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   id: string;
-  list: Option<W3CInputValue>[];
+  options: Option<W3CInputValue>[];
   orientation: Orientation;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
@@ -44,6 +45,6 @@ type OptionalStates = {
   value: W3CInputValue;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'list'>>;
 export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { Props } from '../input-radio/types';
 export declare class KolInputRadioGroup implements Props {
@@ -13,7 +14,7 @@ export declare class KolInputRadioGroup implements Props {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -2,11 +2,17 @@ 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 { Align } 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 {
   private readonly host?;
   private ref?;
-  private readonly catchRef;
+  private readonly catchInputNumberRef;
+  private readonly onChange;
+  private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
@@ -18,14 +24,17 @@ export declare class KolInputRange implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
-  _list?: Stringified<Option<number>[]>;
+  _label: LabelWithExpertSlotPropType;
+  _list?: Stringified<Option<W3CInputValue>[]>;
   _max?: number;
   _min?: number;
   _name?: string;
   _on?: InputTypeOnDefault;
   _step?: number;
+  _suggestions?: SuggestionsPropType;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: number;
   state: States;
@@ -39,13 +48,15 @@ export declare class KolInputRange implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
-  validateList(value?: Stringified<Option<number>[]>): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateList(value?: Stringified<Option<W3CInputValue>[]>): void;
   validateMax(value?: number): void;
   validateMin(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateStep(value?: number): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: number): void;

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

@@ -1,16 +1,19 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTypeOnOff, Option } from '../../types/input/types';
+import { SuggestionsPropType } from '../../types/props/suggestions';
+import { W3CInputValue } from '../../types/w3c';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
 export declare class InputRangeController extends InputIconController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAutoComplete(value?: InputTypeOnOff): void;
-  validateList(value?: Stringified<Option<number>[]>): void;
+  validateList(value?: Stringified<Option<W3CInputValue>[]>): void;
   validateMax(value?: number): void;
   validateMin(value?: number): void;
   validateStep(value?: number): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   validateValue(value?: number): void;
   componentWillLoad(): void;
 }

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

@@ -1,9 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff, Option } 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';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -14,22 +16,23 @@ type OptionalProps = {
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
-  list: Stringified<Option<number>[]>;
+  list: Stringified<Option<W3CInputValue>[]>;
   max: number;
   min: number;
   name: string;
   on: InputTypeOnDefault;
   step: number;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: number;
-};
+} & PropSuggestions;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
-  list: Option<number>[];
-} & PropLabel;
+  suggestions: W3CInputValue[];
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

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

@@ -4,6 +4,9 @@ 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 { Align } 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 {
   private readonly host?;
@@ -19,11 +22,12 @@ export declare class KolInputText implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _name?: string;
@@ -33,8 +37,11 @@ export declare class KolInputText implements ComponentApi {
   _readOnly?: boolean;
   _required?: boolean;
   _size?: number;
-  _smartButton?: ButtonProps;
+  _suggestions?: SuggestionsPropType;
+  _smartButton?: Stringified<ButtonProps>;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _type?: InputTextType;
   _value?: string;
@@ -45,12 +52,13 @@ export declare class KolInputText implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
-  validateList(value?: Stringified<string[]>): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateList(value?: SuggestionsPropType): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -59,7 +67,9 @@ export declare class KolInputText implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputTextType): void;

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

@@ -1,28 +1,30 @@
-import { InputPasswordController } from '../input-password/controller';
-import { Props as InputTextProps, Watches as InputTextWatches } from './types';
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTextType } from '../../types/input/control/text';
-import { PropLabel } from '../../types/props';
-type RequiredProps = PropLabel;
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropSuggestions, SuggestionsPropType } from '../../types/props/suggestions';
+import { InputPasswordController } from '../input-password/controller';
+import { Props as InputTextProps, Watches as InputTextWatches } from './types';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   id: string;
   list: Stringified<string[]>;
-};
+} & PropSuggestions;
 type InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {
   protected readonly component: Generic.Element.Component & InputTextEmailProps;
   constructor(component: Generic.Element.Component & InputTextEmailProps, name: string, host?: HTMLElement);
-  validateList(value?: Stringified<string[]>): void;
+  validateList(): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   componentWillLoad(): void;
 }
 export declare class InputTextController extends InputTextEmailController implements InputTextWatches {
   protected readonly component: Generic.Element.Component & InputTextProps;
   hasError: boolean;
-  hasList: boolean;
   constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement);
   validateType(value?: InputTextType): void;
+  validateHasCounter(value?: boolean): void;
   componentWillLoad(): void;
 }
 export {};

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

@@ -4,7 +4,9 @@ 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 { PropLabel } from '../../types/props';
+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;
 type OptionalProps = {
@@ -13,6 +15,7 @@ type OptionalProps = {
   autoComplete: InputTypeOnOff;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
@@ -26,25 +29,28 @@ type OptionalProps = {
   readOnly: boolean;
   required: boolean;
   size: number;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   type: InputTextType;
   value: string;
-};
+} & PropSuggestions;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
   id: string;
-  list: string[];
+  suggestions: W3CInputValue[];
   type: InputTextType;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
+  currentLength: number;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;

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

@@ -1,31 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
 import { PropColor } from '../../types/props/color';
-import { Stringified } from '../../components';
-type RequiredProps = unknown;
-type OptionalProps = {
-  animate: boolean;
-  color: Stringified<PropColor>;
-  labeled: boolean;
-};
-type RequiredStates = {
-  animate: boolean;
-  color: {
-    red: number;
-    green: number;
-    blue: number;
-  };
-  labeled: boolean;
-};
-type OptionalStates = unknown;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolKolibri implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriKolibriAPI, KoliBriKolibriStates } from './types';
+export declare class KolKolibri implements KoliBriKolibriAPI {
   render(): JSX.Element;
   private interval?;
   _animate?: boolean;
   _color?: Stringified<PropColor>;
   _labeled?: boolean;
-  state: States;
+  state: KoliBriKolibriStates;
   validateAnimate(value?: boolean): void;
   private handleColorChange;
   validateColor(value?: Stringified<PropColor>): void;
@@ -34,4 +17,3 @@ export declare class KolKolibri implements Generic.Element.ComponentApi<Required
   componentDidRender(): void;
   disconnectedCallback(): void;
 }
-export {};

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

@@ -0,0 +1,22 @@
+import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { PropColor } from '../../types/props/color';
+type RequiredProps = unknown;
+type OptionalProps = {
+  animate: boolean;
+  color: Stringified<PropColor>;
+  labeled: boolean;
+};
+type RequiredStates = {
+  animate: boolean;
+  color: {
+    red: number;
+    green: number;
+    blue: number;
+  };
+  labeled: boolean;
+};
+type OptionalStates = unknown;
+export type KoliBriKolibriStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriKolibriAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,10 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, KoliBriLinkAPI, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates> {
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+export declare class KolLinkWc implements KoliBriLinkAPI {
   private readonly host?;
   private readonly nonce;
   private ref?;
@@ -19,11 +20,13 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _download?: boolean | string;
+  _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Align;
   _iconOnly?: boolean;
-  _label: string;
+  _label?: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrent;
   _on?: LinkOnCallbacks;
   _role?: AlternativButtonLinkRole;
   _selector?: string;
@@ -41,11 +44,13 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateAriaSelected(value?: boolean): void;
   validateDisabled(value?: boolean): void;
   validateDownload(value?: boolean | string): void;
+  validateHideLabel(value?: boolean): void;
   validateHref(value?: string): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconAlign(value?: Align): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateListenAriaCurrent(value?: AriaCurrent): void;
   validateOn(value?: LinkOnCallbacks): void;
   validateRole(value?: AlternativButtonLinkRole): void;
   validateSelector(value?: string): void;
@@ -56,4 +61,6 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateTooltipAlign(value?: Align): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
+  private unsubscribeAriaCurrentSubject;
+  disconnectedCallback(): void;
 }

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

@@ -1,10 +1,11 @@
-import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
+import { AlternativButtonLinkRole, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+export declare class KolLink implements LinkProps {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -16,11 +17,13 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _download?: boolean | string;
+  _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Align;
   _iconOnly?: boolean;
-  _label: string;
+  _label?: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrent;
   _on?: LinkOnCallbacks;
   _role?: AlternativButtonLinkRole;
   _selector?: string;

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

@@ -1,10 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, RequiredLinkButtonProps } from '../../types/button-link';
+import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps> {
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+export declare class KolLinkButton implements LinkProps {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -17,10 +18,12 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _customClass?: string;
   _disabled?: boolean;
   _download?: boolean | string;
+  _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrent;
   _on?: LinkOnCallbacks;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;

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

@@ -1,51 +1,29 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { HeadingLevel } from '../../types/heading-level';
 import { Orientation } from '../../types/orientation';
-export type ListStyleType = 'disc' | 'circle' | 'square' | 'none' | 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'upper-alpha' | 'upper-latin' | 'upper-roman';
-type RequiredProps = {
-  ariaLabel: string;
-  links: Stringified<LinkProps[]>;
-};
-type OptionalProps = {
-  heading: string;
-  level: HeadingLevel;
-  listStyleType: ListStyleType;
-  ordered: boolean;
-  orientation: Orientation;
-};
-type RequiredStates = {
-  ariaLabel: string;
-  links: LinkProps[];
-  listStyleType: ListStyleType;
-  orientation: Orientation;
-};
-type OptionalStates = {
-  heading: string;
-  level: HeadingLevel;
-  ordered: boolean;
-};
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolLinkGroup implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriLinkGroupAPI, KoliBriLinkGroupStates, ListStyleType } from './types';
+export declare class KolLinkGroup implements KoliBriLinkGroupAPI {
   render(): JSX.Element;
   private isUl;
-  _ariaLabel: string;
+  _ariaLabel?: string;
   _listStyleType?: ListStyleType;
   _heading?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _links: Stringified<LinkProps[]>;
   _ordered?: boolean;
   _orientation?: Orientation;
-  state: States;
+  state: KoliBriLinkGroupStates;
   validateAriaLabel(value?: string): void;
-  validateListStyleType(value?: ListStyleType): void;
   validateHeading(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
+  validateListStyleType(value?: ListStyleType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;
   validateOrdered(value?: boolean): void;
   validateOrientation(value?: Orientation): void;
   componentWillLoad(): void;
 }
-export {};

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

@@ -0,0 +1,31 @@
+import { Generic } from '@a11y-ui/core';
+import { LinkProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { HeadingLevel } from '../../types/heading-level';
+import { Orientation } from '../../types/orientation';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+export type ListStyleType = 'disc' | 'circle' | 'square' | 'none' | 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'upper-alpha' | 'upper-latin' | 'upper-roman';
+type RequiredProps = {
+  links: Stringified<LinkProps[]>;
+};
+type OptionalProps = {
+  heading: string;
+  level: HeadingLevel;
+  listStyleType: ListStyleType;
+  ordered: boolean;
+  orientation: Orientation;
+} & PropAriaLabel & PropLabel;
+type RequiredStates = {
+  links: LinkProps[];
+  listStyleType: ListStyleType;
+  orientation: Orientation;
+} & PropLabel;
+type OptionalStates = {
+  heading: string;
+  level: HeadingLevel;
+  ordered: boolean;
+};
+export type KoliBriLinkGroupStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriLinkGroupAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,22 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  org: Bundesministerium | Bundesamt | Bundesanstalt;
-};
-type OptionalProps = {
-  abbr: Bundesministerium | Bundesamt | Bundesanstalt;
-};
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolLogo implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriLogoAPI, KoliBriLogoStates } from './types';
+export declare class KolLogo implements KoliBriLogoAPI {
   _abbr?: Bundesministerium | Bundesamt | Bundesanstalt;
   _org: Bundesministerium | Bundesamt | Bundesanstalt;
-  state: States;
+  state: KoliBriLogoStates;
   validateAbbr(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   validateOrg(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   componentWillLoad(): void;
   render(): JSX.Element;
 }
-export {};

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
+type RequiredProps = {
+  org: Bundesministerium | Bundesamt | Bundesanstalt;
+};
+type OptionalProps = {
+  abbr: Bundesministerium | Bundesamt | Bundesanstalt;
+};
+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 {};