@public-ui/components 1.5.0-rc.1 → 1.5.0-rc.10

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/quote/shadow.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ComponentApi, KoliBriQuoteVariant, States } from './types';
+export declare class KolQuote implements ComponentApi {
+  _caption?: string;
+  _href: string;
+  _quote: string;
+  _variant?: KoliBriQuoteVariant;
+  state: States;
+  validateCaption(value?: string): void;
+  validateHref(value?: string): void;
+  validateQuote(value?: string): void;
+  validateVariant(value?: KoliBriQuoteVariant): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

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

@@ -0,0 +1,6 @@
+import { Props } from '../types';
+type Slot = {
+  expert?: string;
+};
+export declare const getQuoteHtml: (props: Props, slots?: Slot) => string;
+export {};

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

@@ -0,0 +1,22 @@
+import { Generic } from '@a11y-ui/core';
+export type KoliBriQuoteVariant = 'block' | 'inline';
+type RequiredProps = {
+  href: string;
+  quote: string;
+};
+type OptionalProps = {
+  caption: string;
+  variant: KoliBriQuoteVariant;
+};
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = {
+  href: string;
+  quote: string;
+  variant: KoliBriQuoteVariant;
+};
+type OptionalStates = {
+  caption: string;
+};
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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/skip-nav/component.d.ts

@@ -1,25 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { NavLinkProps } from '../link/component';
+import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 type RequiredProps = {
   ariaLabel: string;
-  links: Stringified<NavLinkProps[]>;
+  links: Stringified<LinkProps[]>;
 };
 type OptionalProps = unknown;
 type RequiredStates = {
   ariaLabel: string;
-  links: NavLinkProps[];
+  links: LinkProps[];
 };
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolSkipNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   render(): JSX.Element;
   _ariaLabel: string;
-  _links: Stringified<NavLinkProps[]>;
+  _links: Stringified<LinkProps[]>;
   state: States;
   validateAriaLabel(value?: string): void;
-  validateLinks(value?: Stringified<NavLinkProps[]>): void;
+  validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }
 export {};

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;

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { Alignment } from '../../types/props/alignment';
+import { PropAlignment } from '../../types/props';
 type RequiredProps = {
   id: string;
   label: string;
 };
 type OptionalProps = {
-  align: Alignment;
+  align: PropAlignment;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & OptionalProps;
@@ -27,11 +27,11 @@ export declare class KolTooltip implements Generic.Element.ComponentApi<Required
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _align?: Alignment;
+  _align?: PropAlignment;
   _id: string;
   _label: string;
   state: States;
-  validateAlign(value?: Alignment): void;
+  validateAlign(value?: PropAlignment): void;
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   private overFocusCount;