@public-ui/components 1.6.0-rc.1 → 1.6.0-rc.3

package/dist/kolibri/{tab-index-2de507bb.js → tab-index-ff5374b8.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t}from"./a11y.tipps-2e27f8e6.js";import{e as a}from"./prop.validators-2c20cdf8.js";const e={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},o=(t,o)=>{a(t,"_tabIndex",o,e)};export{o as v};
+import{a as t}from"./a11y.tipps-2e27f8e6.js";import{e as a}from"./prop.validators-f81af56e.js";const e={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},o=(t,o)=>{a(t,"_tabIndex",o,e)};export{o as v};

package/dist/kolibri/{validation-9c8695ca.js → validation-2cc1bb89.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as e}from"./prop.validators-2c20cdf8.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};
+import{a as e}from"./prop.validators-f81af56e.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};

package/dist/kolibri/validation-b0e97f6c.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-2e27f8e6.js";import{d as s}from"./prop.validators-f81af56e.js";const t=(t,e,a)=>{s(e,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),a),o(t,e.state._links.length)};export{t as w};

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

@@ -1,13 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Alignment } from '../../types/props';
+import { Align } from '../../types/props';
 import { API, States } from './types';
 export declare class KolAbbr implements API {
   private readonly nonce;
   render(): JSX.Element;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _title: string;
   state: States;
   validateTitle(value?: string): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: Align): void;
   componentWillLoad(): void;
 }

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
-import { Alignment } from '../../components';
+import { Align } from '../../types/props';
 type RequiredProps = {
   title: string;
 };
 type OptionalProps = {
-  tooltipAlign: Alignment;
+  tooltipAlign: Align;
 };
 type RequiredStates = RequiredProps & OptionalProps;
 type OptionalStates = unknown;

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

@@ -4,6 +4,7 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { ColorPair, PropColor } from '../../types/props/color';
+import { PropHideLabel } from '../../types/props';
 type RequiredProps = {
   label: string;
 };
@@ -12,7 +13,7 @@ type OptionalProps = {
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   smartButton: Stringified<ButtonProps>;
-};
+} & PropHideLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   color: ColorPair;
@@ -28,6 +29,7 @@ export declare class KolBadge implements Props {
   private readonly id;
   render(): JSX.Element;
   _color?: Stringified<PropColor>;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;

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

@@ -15,6 +15,7 @@ type RequiredStates = {
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolBreadcrumb implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+  private readonly renderLink;
   render(): JSX.Element;
   _ariaLabel: string;
   _links: Stringified<LinkProps[]>;

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 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 { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
   private readonly host?;
   private readonly nonce;
@@ -19,15 +19,16 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: Align;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;
@@ -40,15 +41,16 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateAriaSelected(value?: boolean): void;
   validateCustomClass(value?: string): void;
   validateDisabled(value?: boolean): void;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Alignment): void;
+  validateIconAlign(value?: Align): 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?: Align): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<unknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   private readonly host?;
   private ref?;
@@ -17,15 +17,16 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: Align;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
   private ref?;
@@ -16,6 +16,7 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _id?: string;
@@ -23,7 +24,7 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
 }

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

@@ -0,0 +1,13 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Props } from './types';
+import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
+export declare class KolButtonLinkTextSwitch implements Props {
+  render(): JSX.Element;
+  private renderContent;
+  private button;
+  private link;
+  private text;
+  _links: ButtonOrLinkOrTextWithChildrenProps;
+  _compact: boolean;
+  _selected?: boolean;
+}

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

@@ -0,0 +1,11 @@
+import { Generic } from '@a11y-ui/core';
+import { ButtonOrLinkOrTextWithChildrenProps } from '../../components';
+type RequiredProps = {
+  links: ButtonOrLinkOrTextWithChildrenProps;
+  compact: boolean;
+};
+type OptionalProps = {
+  selected: boolean;
+};
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

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

@@ -9,14 +9,10 @@ import { ComponentApi, States } from './types';
 export declare class KolInputDate implements ComponentApi {
   private readonly host?;
   private ref?;
-  private static readonly DEFAULT_MAX_DATE;
-  private static readonly isoDateRegex;
-  private static readonly isoLocalDateTimeRegex;
-  private static readonly isoMonthRegex;
-  private static readonly isoTimeRegex;
-  private static readonly isoWeekRegex;
   private readonly catchRef;
+  private readonly onKeyUp;
   render(): JSX.Element;
+  private readonly controller;
   _accessKey?: string;
   _alert?: boolean;
   _autoComplete?: InputTypeOnOff;
@@ -41,12 +37,29 @@ export declare class KolInputDate implements ComponentApi {
   _type: InputDateType;
   _value?: Iso8601 | Date | null;
   state: States;
-  private valueAsIsoDate;
-  private validateDateString;
+  constructor();
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): 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;
   validateMax(value?: Iso8601 | Date): void;
   validateMin(value?: Iso8601 | Date): void;
+  validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
+  validateReadOnly(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateSmartButton(value?: ButtonProps | string): void;
+  validateStep(value?: number): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateType(value?: InputDateType): void;
   validateValue(value?: Iso8601 | Date | null): void;
   componentWillLoad(): void;
 }

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

@@ -0,0 +1,33 @@
+import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { InputNumberType } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { InputIconController } from '../@deprecated/input/controller-icon';
+import { Props, Watches } from './types';
+export declare class InputDateController extends InputIconController implements Watches {
+  private static readonly isoDateRegex;
+  private static readonly isoLocalDateTimeRegex;
+  private static readonly isoMonthRegex;
+  private static readonly isoTimeRegex;
+  private static readonly isoWeekRegex;
+  private static readonly DEFAULT_MAX_DATE;
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateList(value?: Stringified<string[]>): void;
+  private tryParseToString;
+  private validateDateString;
+  private readonly validateIso8601;
+  protected onChange(event: Event): void;
+  validateMax(value?: Iso8601 | Date): void;
+  validateMin(value?: Iso8601 | Date): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validateReadOnly(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateStep(value?: number): void;
+  validateType(value?: InputNumberType): void;
+  validateValue(value?: Iso8601 | Date | null): void;
+  validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void;
+  componentWillLoad(): void;
+}

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

@@ -1,20 +1,45 @@
 import { Generic } from '@a11y-ui/core';
 import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
-import { InputTypeOnDefault } from '../../types/input/types';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { InputRequiredProps } from '../input/types';
 import { PropLabel } from '../../types/props';
+import { KoliBriHorizontalIcon } from '../../types/icon';
+import { ButtonProps } from '../../types/button-link';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = OptionalInputProps<Iso8601 | Date> & {
   type: InputDateType;
 };
-type RequiredStates = PropLabel;
+type RequiredStates = {
+  autoComplete: InputTypeOnOff;
+  hasValue: boolean;
+  id: string;
+  list: string[];
+  type: InputDateType;
+} & PropLabel;
 type OptionalStates = {
-  on: InputTypeOnDefault;
+  accessKey: string;
+  alert: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriHorizontalIcon;
   max: Iso8601;
+  name: string;
   min: Iso8601;
+  on: InputTypeOnDefault;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  smartButton: ButtonProps;
+  step: number;
+  tabIndex: number;
+  touched: boolean;
   value: Iso8601 | null;
 };
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export type ComponentApi = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 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 { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates> {
   private readonly host?;
   private readonly nonce;
@@ -19,9 +19,10 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _download?: boolean | string;
+  _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: Align;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -31,7 +32,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _useCase?: LinkUseCase;
   state: LinkStates;
   validateAriaControls(value?: string): void;
@@ -41,9 +42,10 @@ 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?: Alignment): void;
+  validateIconAlign(value?: Align): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;
   validateOn(value?: LinkOnCallbacks): void;
@@ -53,7 +55,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?: Align): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
 }

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

@@ -3,7 +3,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   private readonly host?;
   private ref?;
@@ -16,9 +16,10 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _download?: boolean | string;
+  _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
+  _iconAlign?: Align;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -28,6 +29,6 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _useCase?: LinkUseCase;
 }

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, RequiredLinkButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Alignment } from '../../types/props';
+import { AriaCurrent, Align } from '../../types/props';
 export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps> {
   private readonly host?;
   private ref?;
@@ -17,6 +17,7 @@ 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;
@@ -26,6 +27,6 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _variant?: KoliBriButtonVariant;
 }

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

@@ -28,14 +28,10 @@ type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   private readonly onClick;
   private readonly hasActiveChild;
-  private button;
-  private text;
   private entry;
   private expandButton;
   private li;
-  private link;
   private linkList;
-  private buttonOrLinkOrText;
   render(): JSX.Element;
   _ariaCurrentValue: AriaCurrent;
   _ariaLabel: string;

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';
+import { Align } 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: Align;
 };
 type RequiredStates = KoliBriButtonVariantPropState & {
   boundaryCount: number;
@@ -35,7 +35,7 @@ type RequiredStates = KoliBriButtonVariantPropState & {
   total: number;
 };
 type OptionalStates = KoliBriButtonCustomClassPropState & {
-  tooltipAlign: Alignment;
+  tooltipAlign: Align;
 };
 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?: Align;
   _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?: Align): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

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

@@ -1,10 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { Alignment, PropAlignment, PropShow } from '../../types/props';
+import { Align, PropAlign, PropShow } from '../../types/props';
 type RequiredProps = unknown;
-type OptionalProps = PropAlignment & PropShow;
+type OptionalProps = PropAlign & PropShow;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropAlignment & PropShow & {
+type RequiredStates = PropAlign & PropShow & {
   visible: boolean;
 };
 type OptionalStates = unknown;
@@ -27,10 +27,10 @@ export declare class KolPopover implements API {
   private catchPopoverElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _alignment?: Alignment;
+  _align?: Align;
   _show?: boolean;
   state: States;
-  validateAlignment(value?: Alignment): void;
+  validateAlign(value?: Align): void;
   validateShow(value?: boolean): void;
   componentWillLoad(): void;
 }

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

@@ -2,13 +2,14 @@ import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
+import { PropHideLabel } from '../../types/props';
 type RequiredProps = {
   label: string;
 };
 type OptionalProps = {
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-};
+} & PropHideLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   icon: {
@@ -17,17 +18,20 @@ type RequiredStates = {
     bottom?: KoliBriCustomIcon;
     left?: KoliBriCustomIcon;
   };
-  iconOnly: boolean;
   label: string;
 };
-type OptionalStates = unknown;
+type OptionalStates = {
+  iconOnly: boolean;
+} & PropHideLabel;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;
   state: States;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;

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

@@ -4,6 +4,7 @@ import { KoliBriIconProp } from '../../types/icon';
 import { Props } from './component';
 export declare class KolSpan implements Props {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;

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

@@ -1,6 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { API, KoliBriSplitButtonCallback, States } from './types';
-import { Alignment, AlternativButtonLinkRole, AriaCurrent, KoliBriButtonType, KoliBriButtonVariant, Stringified } from '../../components';
+import { Align, AriaCurrent } from '../../types/props';
+import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 export declare class KolSplitButton implements API {
   private dropdown;
   private dropdownContent;
@@ -30,7 +32,7 @@ export declare class KolSplitButton implements API {
   _role?: AlternativButtonLinkRole;
   _showDropdown?: boolean;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;
@@ -53,7 +55,7 @@ export declare class KolSplitButton implements API {
   validateRole(value?: AlternativButtonLinkRole): void;
   validateShowDropdown(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: Align): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<unknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;