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

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

@@ -2,11 +2,11 @@ import { Generic } from '@a11y-ui/core';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropCollapsible } from '../../types/props/collapsible';
 import { PropCompact } from '../../types/props/compact';
-import { PropHasCompactButton } from '../../types/props/has-compact-button';
+import { HasCompactButtonPropType, PropHasCompactButton } from '../../types/props/has-compact-button';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
 import { KoliBriNavVariant } from './component';
@@ -14,14 +14,13 @@ type RequiredProps = {
   links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 };
 type OptionalProps = {
-  ariaCurrentValue: AriaCurrent;
+  ariaCurrentValue: AriaCurrentPropType;
   orientation: Orientation;
   variant: KoliBriNavVariant;
 } & PropAriaLabel & PropCollapsible & PropCompact & PropHasCompactButton & PropLabel & PropHideLabel;
 type RequiredStates = {
-  ariaCurrentValue: AriaCurrent;
-  collapsible: boolean;
-  hasCompactButton: boolean;
+  ariaCurrentValue: AriaCurrentPropType;
+  hasCompactButton: HasCompactButtonPropType;
   links: ButtonOrLinkOrTextWithChildrenProps[];
   orientation: Orientation;
   variant: KoliBriNavVariant;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { KoliBriPaginationAPI, KoliBriPaginationButtonCallbacks, KoliBriPaginationStates, PaginationHasButton } from './types';
 export declare class KolPagination implements KoliBriPaginationAPI {
   private readonly nonce;
@@ -16,7 +16,7 @@ export declare class KolPagination implements KoliBriPaginationAPI {
   _pageSizeOptions: Stringified<number[]>;
   _on: KoliBriPaginationButtonCallbacks;
   _siblingCount?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _total: number;
   _variant?: KoliBriButtonVariant;
   state: KoliBriPaginationStates;
@@ -41,7 +41,7 @@ export declare class KolPagination implements KoliBriPaginationAPI {
   validatePageSizeOptions(value?: Stringified<number[]>): void;
   validateSiblingCount(value?: number): void;
   validateTotal(value?: number): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: AlignPropType): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

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

@@ -4,7 +4,7 @@ import { KoliBriButtonCustomClassPropState, KoliBriButtonVariantPropState } from
 import { EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 import { Option } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 export type KoliBriPaginationButtonCallbacks = {
   [Events.onClick]?: EventValueOrEventCallback<Event, number>;
   onChangePage?: EventValueOrEventCallback<Event, number>;
@@ -27,7 +27,7 @@ type OptionalProps = {
   pageSize: number;
   pageSizeOptions: Stringified<number[]>;
   siblingCount: number;
-  tooltipAlign: Align;
+  tooltipAlign: AlignPropType;
 } & KoliBriButtonCustomClassPropState & KoliBriButtonVariantPropState;
 export type KoliBriPaginationProps = RequiredProps & OptionalProps;
 type RequiredStates = {
@@ -41,7 +41,7 @@ type RequiredStates = {
   total: number;
 } & KoliBriButtonVariantPropState;
 type OptionalStates = {
-  tooltipAlign: Align;
+  tooltipAlign: AlignPropType;
 } & KoliBriButtonCustomClassPropState;
 export type KoliBriPaginationStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type KoliBriPaginationAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,5 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
+import { ShowPropType } from '../../types/props/show';
 import { KoliBriPopoverAPI, KoliBriPopoverStates } from './types';
 export declare class KolPopover implements KoliBriPopoverAPI {
   private arrowElement?;
@@ -18,10 +19,10 @@ export declare class KolPopover implements KoliBriPopoverAPI {
   private catchPopoverElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _align?: Align;
-  _show?: boolean;
+  _align?: AlignPropType;
+  _show?: ShowPropType;
   state: KoliBriPopoverStates;
-  validateAlign(value?: Align): void;
-  validateShow(value?: boolean): void;
+  validateAlign(value?: AlignPropType): void;
+  validateShow(value?: ShowPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,16 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
 import { KoliBriQuoteApi, KoliBriQuoteStates, KoliBriQuoteVariant } from './types';
+import { HrefPropType } from '../../types/props/href';
 export declare class KolQuote implements KoliBriQuoteApi {
   _caption?: string;
   _label?: string;
-  _href: string;
+  _href: HrefPropType;
   _quote: string;
   _variant?: KoliBriQuoteVariant;
   state: KoliBriQuoteStates;
   validateCaption(value?: string): void;
   validateLabel(value?: LabelPropType): void;
-  validateHref(value?: string): void;
+  validateHref(value?: HrefPropType): void;
   validateQuote(value?: string): void;
   validateVariant(value?: KoliBriQuoteVariant): void;
   componentWillLoad(): void;

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

@@ -2,7 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { OptionsWithOptgroupPropType } from '../../types/props/options';
 import { RowsPropType } from '../../types/props/rows';
@@ -31,11 +31,11 @@ export declare class KolSelect implements ComponentApi {
   _on?: InputTypeOnDefault;
   _options?: OptionsWithOptgroupPropType;
   _required?: boolean;
-  _rows?: number;
+  _rows?: RowsPropType;
   _size?: number;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue[]>;
   state: States;

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

@@ -1,16 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
+import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { KolibriSpanAPI, KolibriSpanStates } from './types';
 export declare class KolSpanWc implements KolibriSpanAPI {
   render(): JSX.Element;
-  _hideLabel?: boolean;
+  _hideLabel?: HideLabelPropType;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: LabelWithExpertSlotPropType;
   state: KolibriSpanStates;
-  validateHideLabel(value?: boolean): void;
+  validateHideLabel(value?: HideLabelPropType): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -3,9 +3,10 @@ import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { KolibriSpanProps } from './types';
+import { HideLabelPropType } from '../../types/props/hide-label';
 export declare class KolSpan implements KolibriSpanProps {
   render(): JSX.Element;
-  _hideLabel?: boolean;
+  _hideLabel?: HideLabelPropType;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: LabelWithExpertSlotPropType;

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

@@ -4,5 +4,5 @@ type Slots = {
   expert?: string;
 } & Record<string, undefined | string>;
 export declare const getSpanWcHtml: (props: KolibriSpanProps, slots?: Slots, additionalAttrs?: string) => string;
-export declare const getSpanHtml: (props: KolibriSpanProps) => string;
+export declare const getSpanHtml: (props: KolibriSpanProps, slots?: Slots) => string;
 export {};

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

@@ -1,13 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { SpinVariant } from '../../types/props/variant/spin';
+import { SpinVariantPropType } from '../../types/props/variant/spin';
 import { KoliBriSpinAPI, KoliBriSpinStates } from './types';
+import { ShowPropType } from '../../types/props/show';
 export declare class KolSpin implements KoliBriSpinAPI {
   private showToggled;
   render(): JSX.Element;
-  _show?: boolean;
-  _variant?: SpinVariant;
+  _show?: ShowPropType;
+  _variant?: SpinVariantPropType;
   state: KoliBriSpinStates;
-  validateShow(value?: boolean): void;
-  validateVariant(value?: SpinVariant): void;
+  validateShow(value?: ShowPropType): void;
+  validateVariant(value?: SpinVariantPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,8 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { DisabledPropType } from '../../types/props/disabled';
 import { LabelPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
 import { KoliBriSplitButtonAPI, KoliBriSplitButtonAStates, KoliBriSplitButtonCallback } from './types';
@@ -19,12 +20,12 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _customClass?: string;
-  _disabled?: boolean;
+  _disabled?: DisabledPropType;
   _hideLabel?: boolean;
   _icon?: string;
   _iconOnly?: boolean;
@@ -37,19 +38,19 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   _syncValueBySelector?: string;
   _showDropdown?: boolean;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _type?: KoliBriButtonType;
   _value?: Stringified<StencilUnknown>;
   _variant?: KoliBriButtonVariant;
   state: KoliBriSplitButtonAStates;
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
+  validateAriaCurrent(value?: AriaCurrentPropType): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
   validateCustomClass(value?: string): void;
-  validateDisabled(value?: boolean): void;
+  validateDisabled(value?: DisabledPropType): void;
   validateHideLabel(value?: boolean): void;
   validateIcon(value?: string): void;
   validateIconOnly(value?: boolean): void;
@@ -60,7 +61,7 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   validateRole(value?: AlternativButtonLinkRole): void;
   validateShowDropdown(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: AlignPropType): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<StencilUnknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -1,6 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelPropType } from '../../types/props/label';
 import { KoliBriTabsAPI, KoliBriTabsCallbacks, KoliBriTabsStates, TabButtonProps } from './types';
 export declare class KolTabs implements KoliBriTabsAPI {
@@ -18,23 +18,23 @@ export declare class KolTabs implements KoliBriTabsAPI {
   private tabPanelHost?;
   private readonly catchTabPanelHost;
   render(): JSX.Element;
-  _align?: Align;
+  _align?: AlignPropType;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _on?: KoliBriTabsCallbacks;
   _selected?: number;
   _tabs: Stringified<TabButtonProps[]>;
-  _tabsAlign?: Align;
+  _tabsAlign?: AlignPropType;
   state: KoliBriTabsStates;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
-  validateAlign(value?: Align): void;
+  validateAlign(value?: AlignPropType): void;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateOn(value?: KoliBriTabsCallbacks): void;
   validateSelected(value?: number): void;
   validateTabs(value?: Stringified<TabButtonProps[]>): void;
-  validateTabsAlign(value?: Align): void;
+  validateTabsAlign(value?: AlignPropType): void;
   componentWillLoad(): void;
   private readonly handleTabPanels;
   componentDidRender(): void;

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

@@ -3,7 +3,7 @@ import { Events } from '../../enums/events';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Align, PropAlign } from '../../types/props/align';
+import { AlignPropType, PropAlign } from '../../types/props/align';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
@@ -20,7 +20,7 @@ type OptionalTabButtonProps = {
   disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-  tooltipAlign: Align;
+  tooltipAlign: AlignPropType;
 } & PropHideLabel;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
@@ -28,7 +28,7 @@ type RequiredProps = {
 };
 type OptionalProps = {
   on: KoliBriTabsCallbacks;
-  tabsAlign: Align;
+  tabsAlign: AlignPropType;
   selected: number;
 } & PropAriaLabel & PropLabel & PropAlign;
 type RequiredStates = {

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

@@ -1,9 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { RowsPropType } from '../../types/props/rows';
 import { ComponentApi, CSSResize, States } from './types';
+import { AdjustHeightPropType } from '../../types/props/adjust-height';
+import { HasCounterPropType } from '../../types/props/has-counter';
 export declare class KolTextarea implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -11,11 +13,11 @@ export declare class KolTextarea implements ComponentApi {
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
-  _adjustHeight?: boolean;
+  _adjustHeight?: AdjustHeightPropType;
   _alert?: boolean;
   _disabled?: boolean;
   _error?: string;
-  _hasCounter?: boolean;
+  _hasCounter?: HasCounterPropType;
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
@@ -30,17 +32,17 @@ export declare class KolTextarea implements ComponentApi {
   _rows?: RowsPropType;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
   constructor();
   validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: boolean): void;
+  validateAdjustHeight(value?: AdjustHeightPropType): void;
   validateAlert(value?: boolean): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
-  validateHasCounter(value?: boolean): void;
+  validateHasCounter(value?: HasCounterPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateId(value?: string): void;

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

@@ -2,11 +2,12 @@ import { Generic } from '@a11y-ui/core';
 import { RowsPropType } from '../../types/props/rows';
 import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
+import { HasCounterPropType } from '../../types/props/has-counter';
 export declare class TextareaController extends InputController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private afterSyncCharCounter;
-  validateHasCounter(value?: boolean): void;
+  validateHasCounter(value?: HasCounterPropType): void;
   validateMaxLength(value?: number): void;
   validatePlaceholder(value?: string): void;
   validateReadOnly(value?: boolean): void;

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

@@ -1,27 +1,29 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
+import { HasCloserPropType } from '../../types/props/has-closer';
 import { LabelPropType } from '../../types/props/label';
+import { ShowPropType } from '../../types/props/show';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
 import { AlertType } from '../alert/types';
 import { KoliBriToastAPI, KoliBriToastStates } from './types';
 export declare class KolToast implements KoliBriToastAPI {
   _alert?: boolean;
-  _hasCloser?: boolean;
+  _hasCloser?: HasCloserPropType;
   _heading?: string;
   _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriToastEventCallbacks;
-  _show?: boolean;
+  _show?: ShowPropType;
   _showDuration?: number;
   _type?: AlertType;
   state: KoliBriToastStates;
   validateAlert(value?: boolean): void;
-  validateHasCloser(value?: boolean): void;
+  validateHasCloser(value?: HasCloserPropType): void;
   validateHeading(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriToastEventCallbacks): void;
-  validateShow(value?: boolean): void;
+  validateShow(value?: ShowPropType): void;
   validateShowDuration(value?: number): void;
   validateType(value?: AlertType): void;
   componentWillLoad(): void;

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

@@ -15,4 +15,5 @@ export declare class ToasterService {
   enqueue(data: Toast): void;
   private showToast;
 }
+export declare const Toaster: ToasterService;
 export {};

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

@@ -1,5 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { IdPropType } from '../../types/props/id';
 import { LabelPropType } from '../../types/props/label';
 import { KoliBriTooltipAPI, KoliBriTooltipStates } from './types';
@@ -19,11 +19,11 @@ export declare class KolTooltip implements KoliBriTooltipAPI {
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _align?: Align;
+  _align?: AlignPropType;
   _id?: IdPropType;
   _label: LabelPropType;
   state: KoliBriTooltipStates;
-  validateAlign(value?: Align): void;
+  validateAlign(value?: AlignPropType): void;
   validateId(value?: IdPropType): void;
   validateLabel(value?: LabelPropType): void;
   private overFocusCount;

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { PropId } from '../../types/props/id';
 import { PropLabel } from '../../types/props/label';
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  align: Align;
+  align: AlignPropType;
 } & PropId;
 export type KoliBriTooltipProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & OptionalProps;