@public-ui/components 1.5.0-rc.8 → 1.5.0-rc.9

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

@@ -0,0 +1,24 @@
+import { Generic } from '@a11y-ui/core';
+import { EventCallback } from '../../types/callbacks';
+import { HeadingLevel } from '../../types/heading-level';
+export type AlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
+export type AlertVariant = 'card' | 'msg';
+export type KoliBriAlertEventCallbacks = {
+  onClose?: EventCallback<Event>;
+};
+type RequiredAlertProps = unknown;
+type OptionalAlertProps = {
+  alert: boolean;
+  hasCloser: boolean;
+  heading: string;
+  level: HeadingLevel;
+  on: KoliBriAlertEventCallbacks;
+  type: AlertType;
+  variant: AlertVariant;
+};
+type RequiredAlertStates = RequiredAlertProps;
+type OptionalAlertStates = OptionalAlertProps;
+export type Props = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;
+export type States = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;
+export type API = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;
+export {};

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

@@ -1,9 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
+import { AriaCurrent, PropAlignment } from '../../types/props';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
   private readonly host?;
   private readonly nonce;
@@ -20,14 +20,14 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _customClass?: string;
   _disabled?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: PropAlignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;
@@ -41,14 +41,14 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateCustomClass(value?: string): void;
   validateDisabled(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Alignment): void;
+  validateIconAlign(value?: PropAlignment): void;
   validateIconOnly(value?: boolean): void;
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   validateOn(value?: KoliBriButtonCallbacks<unknown>): void;
   validateRole(value?: AlternativButtonLinkRole): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: PropAlignment): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<unknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -1,9 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
+import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
+import { AriaCurrent, PropAlignment } from '../../types/props';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   private readonly host?;
   private ref?;
@@ -18,14 +18,14 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _customClass?: string;
   _disabled?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: PropAlignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;

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

@@ -1,9 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
+import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
+import { AriaCurrent, PropAlignment } from '../../types/props';
 export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
   private ref?;
@@ -23,7 +23,7 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
 }

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

@@ -1,14 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
+import { PropHasFooter } from '../../types/props';
 type RequiredProps = {
   heading: string;
 };
 type OptionalProps = {
-  hasFooter: boolean;
   headline: string;
   level: HeadingLevel;
-};
+} & PropHasFooter;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;

package/dist/types/components/form/controller.d.ts

@@ -1,8 +1,8 @@
-export declare const propergateResetEventToForm: (options?: {
+export declare const propagateResetEventToForm: (options?: {
   form?: HTMLElement | ParentNode | null;
   ref?: HTMLElement;
 }) => void;
-export declare const propergateSubmitEventToForm: (options?: {
+export declare const propagateSubmitEventToForm: (options?: {
   form?: HTMLElement | ParentNode | null;
   ref?: HTMLElement;
 }) => void;

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

@@ -1,18 +1,13 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { KoliBriHorizontalIcon } from '../../types/icon';
+import { PropAlert, PropDisabled, PropHideLabel, PropReadOnly, PropRequired, PropTouched } from '../../types/props';
 type RequiredProps = unknown;
 type OptionalProps = {
-  alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
-  readOnly: boolean;
-  required: boolean;
   smartButton: ButtonProps;
-  touched: boolean;
-};
+} & PropDisabled & PropAlert & PropTouched & PropHideLabel & PropRequired & PropReadOnly;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -3,6 +3,7 @@ import { Stringified } from '../../types/common';
 import { AnyIconFontClass } from '../../types/icon';
 import { InputTypeOnDefault } from '../../types/input/types';
 import { InputRequiredProps } from '../input-text/types';
+import { PropChecked, PropIndeterminate } from '../../types/props';
 export type InputCheckboxVariant = 'button' | 'checkbox' | 'switch';
 export type InputCheckboxIcon = {
   checked: AnyIconFontClass;
@@ -21,13 +22,11 @@ type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   alert: boolean;
   accessKey: string;
-  checked: boolean;
   disabled: boolean;
   error: string;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<InputCheckboxIcon>;
-  indeterminate: boolean;
   name: string;
   on: InputTypeOnDefault;
   required: boolean;
@@ -36,15 +35,13 @@ type OptionalProps = {
   type: InputCheckboxVariant;
   value: string;
   variant: InputCheckboxVariant;
-};
+} & PropChecked & PropIndeterminate;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  checked: boolean;
   icon: InputCheckboxIcon;
   id: string;
-  indeterminate: boolean;
   variant: InputCheckboxVariant;
-};
+} & PropChecked & PropIndeterminate;
 type OptionalStates = {
   alert: boolean;
   accessKey: string;

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

@@ -4,6 +4,7 @@ import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { InputRequiredProps } from '../input-text/types';
 import { KoliBriHorizontalIcon } from '../../types/icon';
+import { PropMultiple } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -16,7 +17,6 @@ type OptionalProps = {
   icon: Stringified<KoliBriHorizontalIcon>;
   list: Stringified<string[]>;
   maxLength: number;
-  multiple: boolean;
   name: string;
   on: InputTypeOnDefault;
   pattern: string;
@@ -28,11 +28,12 @@ type OptionalProps = {
   touched: boolean;
   tabIndex: number;
   value: string;
-};
+} & PropMultiple;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
+  hasValue: boolean;
   list: string[];
 };
 type OptionalStates = {

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

@@ -13,6 +13,7 @@ type OptionalProps = OptionalInputProps<number | Iso8601> & {
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
+  hasValue: boolean;
   list: string[];
   type: InputNumberType;
 };

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

@@ -30,6 +30,7 @@ type OptionalProps = {
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
+  hasValue: boolean;
   id: string;
 };
 type OptionalStates = {

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

@@ -35,6 +35,7 @@ type OptionalProps = {
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
+  hasValue: boolean;
   id: string;
   list: string[];
   type: InputTextType;

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

@@ -1,9 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
+import { AriaCurrent, PropAlignment } from '../../types/props';
 export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates> {
   private readonly host?;
   private readonly nonce;
@@ -20,7 +20,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _disabled?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: PropAlignment;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -30,7 +30,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _useCase?: LinkUseCase;
   state: LinkStates;
   validateAriaControls(value?: string): void;
@@ -41,7 +41,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateDisabled(value?: boolean): void;
   validateHref(value?: string): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Alignment): void;
+  validateIconAlign(value?: PropAlignment): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;
   validateOn(value?: LinkOnCallbacks): void;
@@ -51,7 +51,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: PropAlignment): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
 }

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

@@ -1,9 +1,9 @@
 import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
+import { AlternativButtonLinkRole, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
+import { AriaCurrent, PropAlignment } from '../../types/props';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   private readonly host?;
   private ref?;
@@ -17,7 +17,7 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _disabled?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: PropAlignment;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -27,6 +27,6 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _useCase?: LinkUseCase;
 }

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

@@ -1,13 +1,10 @@
-import { JSX, State } from '../../stencil-public-runtime';
+import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, RequiredLinkButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Alignment } from '../../types/props/alignment';
-type State = {
-  state: Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;
-};
-export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>, Generic.Element.Watchers<RequiredLinkButtonStates, OptionalLinkButtonStates>, State {
+import { AriaCurrent, PropAlignment } from '../../types/props';
+export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps> {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -28,11 +25,6 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _variant?: KoliBriButtonVariant;
-  state: LinkButtonStates;
-  validateCustomClass(value?: string): void;
-  validateVariant(value?: KoliBriButtonVariant): void;
-  componentWillLoad(): void;
 }
-export {};

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

@@ -7,7 +7,6 @@ type OptionalProps = {
   activeElement: HTMLElement | null;
   on: KoliBriModalEventCallbacks;
   width: string;
-  show: boolean;
 };
 type RequiredStates = AriaLabel & {
   activeElement: HTMLElement | null;
@@ -15,7 +14,6 @@ type RequiredStates = AriaLabel & {
 };
 type OptionalStates = {
   on: KoliBriModalEventCallbacks;
-  show: boolean;
 };
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolModal implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
@@ -28,12 +26,10 @@ export declare class KolModal implements Generic.Element.ComponentApi<RequiredPr
   _ariaLabel: string;
   _width?: string;
   _on?: KoliBriModalEventCallbacks;
-  _show?: boolean;
   state: States;
   validateActiveElement(value?: HTMLElement | null): void;
   validateAriaLabel(value?: string): void;
   validateOn(value?: KoliBriModalEventCallbacks): void;
-  validateShow(value?: boolean): void;
   validateWidth(value?: string): void;
   componentWillLoad(): void;
 }

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

@@ -1,9 +1,9 @@
 import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
-import { AriaCurrent } from '../../types/button-link';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
+import { AriaCurrent, PropCollapsible, PropCompact, PropHasCompactButton } from '../../types/props';
 export type KoliBriNavVariant = 'primary' | 'secondary';
 type RequiredProps = {
   ariaLabel: string;
@@ -11,12 +11,9 @@ type RequiredProps = {
 };
 type OptionalProps = {
   ariaCurrentValue: AriaCurrent;
-  collapsible: boolean;
-  compact: boolean;
-  hasCompactButton: boolean;
   orientation: Orientation;
   variant: KoliBriNavVariant;
-};
+} & PropCollapsible & PropCompact & PropHasCompactButton;
 type RequiredStates = {
   ariaCurrentValue: AriaCurrent;
   ariaLabel: string;
@@ -25,10 +22,8 @@ type RequiredStates = {
   links: ButtonOrLinkOrTextWithChildrenProps[];
   orientation: Orientation;
   variant: KoliBriNavVariant;
-};
-type OptionalStates = {
-  compact: boolean;
-};
+} & PropCollapsible & PropHasCompactButton;
+type OptionalStates = PropCompact;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   private readonly onClick;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { KoliBriButtonVariant, KoliBriButtonVariantPropState, KoliBriButtonCustomClassPropState } from '../../types/button-link';
-import { Alignment } from '../../types/props/alignment';
+import { PropAlignment } from '../../types/props';
 import { KoliBriPaginationButtonCallbacks } from './types';
 import { Stringified } from '../../types/common';
 import { Option } from '../../types/input/types';
@@ -22,7 +22,7 @@ export type OptionalProps = KoliBriButtonCustomClassPropState & KoliBriButtonVar
   pageSize: number;
   pageSizeOptions: Stringified<number[]>;
   siblingCount: number;
-  tooltipAlign: Alignment;
+  tooltipAlign: PropAlignment;
 };
 type RequiredStates = KoliBriButtonVariantPropState & {
   boundaryCount: number;
@@ -35,7 +35,7 @@ type RequiredStates = KoliBriButtonVariantPropState & {
   total: number;
 };
 type OptionalStates = KoliBriButtonCustomClassPropState & {
-  tooltipAlign: Alignment;
+  tooltipAlign: PropAlignment;
 };
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolPagination implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
@@ -51,7 +51,7 @@ export declare class KolPagination implements Generic.Element.ComponentApi<Requi
   _pageSizeOptions: Stringified<number[]>;
   _on: KoliBriPaginationButtonCallbacks;
   _siblingCount?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: PropAlignment;
   _total: number;
   _variant?: KoliBriButtonVariant;
   state: States;
@@ -76,7 +76,7 @@ export declare class KolPagination implements Generic.Element.ComponentApi<Requi
   validatePageSizeOptions(value?: Stringified<number[]>): void;
   validateSiblingCount(value?: number): void;
   validateTotal(value?: number): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: PropAlignment): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

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

@@ -27,6 +27,7 @@ type OptionalProps = {
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
+  hasValue: boolean;
   id: string;
   list: SelectOption<W3CInputValue>[];
   multiple: boolean;

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

@@ -4,7 +4,7 @@ import { KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@a11y-ui/core';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
-import { Alignment } from '../../types/props/alignment';
+import { PropAlignment } from '../../types/props';
 export type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
     label: string;
@@ -20,7 +20,7 @@ type OptionalTabButtonProps = {
   disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-  tooltipAlign: Alignment;
+  tooltipAlign: PropAlignment;
 };
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
@@ -29,12 +29,12 @@ type RequiredProps = {
 };
 type OptionalProps = {
   on: KoliBriTabsCallbacks;
-  tabsAlign: Alignment;
+  tabsAlign: PropAlignment;
   selected: number;
 };
 type RequiredStates = {
   ariaLabel: string;
-  tabsAlign: Alignment;
+  tabsAlign: PropAlignment;
   selected: number;
   tabs: TabButtonProps[];
 };
@@ -61,7 +61,7 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   _on?: KoliBriTabsCallbacks;
   _selected?: number;
   _tabs: Stringified<TabButtonProps[]>;
-  _tabsAlign?: Alignment;
+  _tabsAlign?: PropAlignment;
   state: States;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
@@ -69,7 +69,7 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   validateOn(value?: KoliBriTabsCallbacks): void;
   validateSelected(value?: number): void;
   validateTabs(value?: Stringified<TabButtonProps[]>): void;
-  validateTabsAlign(value?: Alignment): void;
+  validateTabsAlign(value?: PropAlignment): void;
   componentWillLoad(): void;
   private readonly handleTabPanels;
   componentDidRender(): void;

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

@@ -1,15 +1,14 @@
 import { Generic } from '@a11y-ui/core';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { PropAdjustHeight, PropHasCounter } from '../../types/props';
 import { InputRequiredProps } from '../input-text/types';
 export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
-  adjustHeight: boolean;
   alert: boolean;
   disabled: boolean;
   error: string;
-  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   maxLength: number;
@@ -23,20 +22,20 @@ type OptionalProps = {
   tabIndex: number;
   touched: boolean;
   value: string;
-};
+} & PropAdjustHeight & PropHasCounter;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   adjustHeight: boolean;
   currentLength: number;
   id: string;
+  hasValue: boolean;
   resize: CSSResize;
-};
+} & PropAdjustHeight;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
   disabled: boolean;
   error: string;
-  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   maxLength: number;
@@ -49,7 +48,7 @@ type OptionalStates = {
   tabIndex: number;
   touched: boolean;
   value: string;
-};
+} & PropHasCounter;
 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>;

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

@@ -1,19 +1,18 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AlertType } from '../../types/alert';
+import { AlertType } from '../alert/types';
 import { HeadingLevel } from '../../types/heading-level';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
+import { PropHasCloser, PropShow } from '../../types/props';
 type RequiredProps = unknown;
 type OptionalProps = {
   alert: boolean;
-  hasCloser: boolean;
   heading: string;
   level: HeadingLevel;
   on: KoliBriToastEventCallbacks;
-  show: boolean;
   showDuration: number;
   type: AlertType;
-};
+} & PropHasCloser & PropShow;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;

package/dist/types/components/toast/toaster.d.ts

@@ -1,4 +1,4 @@
-import { AlertType } from '../../types/alert';
+import { AlertType } from '../alert/types';
 type Toast = {
   heading: string;
   description: string;