@public-ui/components 2.0.0-rc.10 → 2.0.0-rc.12

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

@@ -2,10 +2,10 @@ import { JSX } from '../../stencil-public-runtime';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Props } from './types';
 export declare class KolButtonLinkTextSwitch implements Props {
-  render(): JSX.Element;
-  private renderContent;
-  private button;
-  private link;
-  private text;
-  _link: ButtonOrLinkOrTextWithChildrenProps;
+    render(): JSX.Element;
+    private renderContent;
+    private button;
+    private link;
+    private text;
+    _link: ButtonOrLinkOrTextWithChildrenProps;
 }

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

@@ -2,11 +2,11 @@ import { Generic } from '@a11y-ui/core';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { PropHideLabel } from '../../types/props/hide-label';
 type RequiredProps = {
-  link: ButtonOrLinkOrTextWithChildrenProps;
+    link: ButtonOrLinkOrTextWithChildrenProps;
 };
 type OptionalProps = {
-  hasChildren: boolean;
-  selected: boolean;
+    hasChildren: boolean;
+    selected: boolean;
 } & PropHideLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -4,18 +4,18 @@ import { HasCloserPropType } from '../../types/props/has-closer';
 import { LabelPropType } from '../../types/props/label';
 import { API, KoliBriCardEventCallbacks, States } from './types';
 export declare class KolCard implements API {
-  private readonly close;
-  private readonly on;
-  render(): JSX.Element;
-  _on?: KoliBriCardEventCallbacks;
-  _hasCloser?: boolean;
-  _label: LabelPropType;
-  _level?: HeadingLevel;
-  state: States;
-  private validateOnValue;
-  validateOn(value?: KoliBriCardEventCallbacks): void;
-  validateHasCloser(value?: HasCloserPropType): void;
-  validateLabel(value?: LabelPropType): void;
-  validateLevel(value?: HeadingLevel): void;
-  componentWillLoad(): void;
+    private readonly close;
+    private readonly on;
+    render(): JSX.Element;
+    _on?: KoliBriCardEventCallbacks;
+    _hasCloser?: boolean;
+    _label: LabelPropType;
+    _level?: HeadingLevel;
+    state: States;
+    private validateOnValue;
+    validateOn(value?: KoliBriCardEventCallbacks): void;
+    validateHasCloser(value?: HasCloserPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    componentWillLoad(): void;
 }

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

@@ -4,12 +4,12 @@ import { HeadingLevel } from '../../types/heading-level';
 import { PropHasCloser } from '../../types/props/has-closer';
 import { PropLabel } from '../../types/props/label';
 export type KoliBriCardEventCallbacks = {
-  onClose?: EventCallback<Event>;
+    onClose?: EventCallback<Event>;
 };
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  level: HeadingLevel;
-  on: KoliBriCardEventCallbacks;
+    level: HeadingLevel;
+    on: KoliBriCardEventCallbacks;
 } & PropHasCloser;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;

package/dist/types/components/details/DetailsAnimationController.d.ts

@@ -1,15 +1,15 @@
 export default class DetailsAnimationController {
-  private detailsElement;
-  private summaryElement;
-  private contentElement;
-  private animation?;
-  private isClosing;
-  private isExpanding;
-  constructor(detailsElement: HTMLDetailsElement, summaryElement: HTMLElement, contentElement: HTMLElement);
-  private handleSummaryClick;
-  open(): void;
-  private expand;
-  private collapse;
-  private animateContentHeight;
-  private onAnimationFinish;
+    private detailsElement;
+    private summaryElement;
+    private contentElement;
+    private animation?;
+    private isClosing;
+    private isExpanding;
+    constructor(detailsElement: HTMLDetailsElement, summaryElement: HTMLElement, contentElement: HTMLElement);
+    private handleSummaryClick;
+    open(): void;
+    private expand;
+    private collapse;
+    private animateContentHeight;
+    private onAnimationFinish;
 }

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

@@ -2,21 +2,21 @@ import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
 import { API, EventCallbacks, States } from './types';
 export declare class KolDetails implements API {
-  private readonly host?;
-  private detailsElement?;
-  private summaryElement?;
-  private contentElement?;
-  private readonly catchRef;
-  render(): JSX.Element;
-  _label: LabelPropType;
-  _on?: EventCallbacks;
-  _open?: boolean;
-  state: States;
-  validateLabel(value?: LabelPropType): void;
-  validateOn(on?: EventCallbacks): void;
-  validateOpen(value?: boolean): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private toggleTimeout?;
-  private handleToggle;
+    private readonly host?;
+    private detailsElement?;
+    private summaryElement?;
+    private contentElement?;
+    private readonly catchRef;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _on?: EventCallbacks;
+    _open?: boolean;
+    state: States;
+    validateLabel(value?: LabelPropType): void;
+    validateOn(on?: EventCallbacks): void;
+    validateOpen(value?: boolean): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private toggleTimeout?;
+    private handleToggle;
 }

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

@@ -1,4 +1,4 @@
 import { Props } from '../types';
 export declare const getDetailsHtml: (props: Props, slots?: {
-  default?: string;
+    default?: string;
 }) => string;

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

@@ -3,11 +3,11 @@ import { EventValueOrEventCallback } from '../../types/callbacks';
 import { PropLabel } from '../../types/props/label';
 import { PropOpen } from '../../types/props/open';
 export type EventCallbacks = {
-  onToggle?: EventValueOrEventCallback<Event, boolean>;
+    onToggle?: EventValueOrEventCallback<Event, boolean>;
 };
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  on: EventCallbacks;
+    on: EventCallbacks;
 } & PropOpen;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;

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

@@ -2,13 +2,13 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { API, KoliBriFormCallbacks, States } from './types';
 export declare class KolForm implements API {
-  private readonly onSubmit;
-  private readonly onReset;
-  render(): JSX.Element;
-  _on?: KoliBriFormCallbacks;
-  _requiredText?: Stringified<boolean>;
-  state: States;
-  validateOn(value?: KoliBriFormCallbacks): void;
-  validateRequiredText(value?: Stringified<boolean>): void;
-  componentWillLoad(): void;
+    private readonly onSubmit;
+    private readonly onReset;
+    render(): JSX.Element;
+    _on?: KoliBriFormCallbacks;
+    _requiredText?: Stringified<boolean>;
+    state: States;
+    validateOn(value?: KoliBriFormCallbacks): void;
+    validateRequiredText(value?: Stringified<boolean>): void;
+    componentWillLoad(): void;
 }

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

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

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

@@ -2,13 +2,13 @@ import { Generic } from '@a11y-ui/core';
 import { Events } from '../../enums/events';
 import { EventCallback } from '../../types/callbacks';
 export type KoliBriFormCallbacks = {
-  [Events.onSubmit]?: EventCallback<Event>;
-  [Events.onReset]?: EventCallback<Event>;
+    [Events.onSubmit]?: EventCallback<Event>;
+    [Events.onReset]?: EventCallback<Event>;
 };
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  on: KoliBriFormCallbacks;
-  requiredText: string | boolean;
+    on: KoliBriFormCallbacks;
+    requiredText: string | boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;

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

@@ -2,16 +2,19 @@ import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { HeadingVariantPropType } from '../../types/props/heading-variant';
 export declare class KolHeadingWc implements API {
-  _label: LabelWithExpertSlotPropType;
-  _level?: HeadingLevel;
-  _secondaryHeadline?: string;
-  state: States;
-  validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateLevel(value?: HeadingLevel): void;
-  validateSecondaryHeadline(value?: string): void;
-  componentWillLoad(): void;
-  private readonly renderHeadline;
-  private readonly renderSecondaryHeadline;
-  render(): JSX.Element;
+    _label: LabelWithExpertSlotPropType;
+    _level?: HeadingLevel;
+    _secondaryHeadline?: string;
+    _variant?: HeadingVariantPropType;
+    state: States;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    validateSecondaryHeadline(value?: string): void;
+    validateVariant(value?: HeadingVariantPropType): void;
+    componentWillLoad(): void;
+    private readonly renderHeadline;
+    private readonly renderSecondaryHeadline;
+    render(): JSX.Element;
 }

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

@@ -2,9 +2,11 @@ import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { Props } from './types';
+import { HeadingVariantPropType } from '../../types/props/heading-variant';
 export declare class KolHeading implements Props {
-  render(): JSX.Element;
-  _label: LabelWithExpertSlotPropType;
-  _level?: HeadingLevel;
-  _secondaryHeadline?: string;
+    render(): JSX.Element;
+    _label: LabelWithExpertSlotPropType;
+    _level?: HeadingLevel;
+    _secondaryHeadline?: string;
+    _variant?: HeadingVariantPropType;
 }

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

@@ -1,7 +1,7 @@
 import { Props } from '../types';
 export declare const getHeadingWcHtml: (props: Props, slots?: {
-  expert?: string;
+    expert?: string;
 }, additionalAttrs?: string) => string;
 export declare const getHeadingHtml: (props: Props, slots?: {
-  expert?: string;
+    expert?: string;
 }) => string;

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

@@ -1,17 +1,18 @@
 import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropHeadingVariant } from '../../types/props/heading-variant';
 type RequiredProps = PropLabelWithExpertSlot;
-type OptionalProps = {
-  secondaryHeadline: string;
-  level: HeadingLevel;
+type OptionalProps = PropHeadingVariant & {
+    secondaryHeadline: string;
+    level: HeadingLevel;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & {
-  level: HeadingLevel;
+    level: HeadingLevel;
 };
-type OptionalStates = {
-  secondaryHeadline: string;
+type OptionalStates = PropHeadingVariant & {
+    secondaryHeadline: string;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -2,11 +2,11 @@ import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 export declare class KolIcon implements API {
-  render(): JSX.Element;
-  _icons: string;
-  _label: LabelPropType;
-  state: States;
-  validateIcons(value?: string): void;
-  validateLabel(value?: LabelPropType): void;
-  componentWillLoad(): void;
+    render(): JSX.Element;
+    _icons: string;
+    _label: LabelPropType;
+    state: States;
+    validateIcons(value?: string): void;
+    validateLabel(value?: LabelPropType): void;
+    componentWillLoad(): void;
 }

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

@@ -1,7 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { PropLabel } from '../../types/props/label';
 type RequiredProps = {
-  icons: string;
+    icons: string;
 } & PropLabel;
 type OptionalProps = NonNullable<unknown>;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -3,17 +3,17 @@ import { ImageSourcePropType } from '../../types/props/image-source';
 import { Loading } from '../../utils/validators/loading';
 import { API, States } from './types';
 export declare class KolImage implements API {
-  _alt: string;
-  _loading?: Loading;
-  _sizes?: string;
-  _src: ImageSourcePropType;
-  _srcset?: string;
-  state: States;
-  validateAlt(value?: string): void;
-  validateLoading(value?: Loading): void;
-  validateSizes(value?: string): void;
-  validateSrc(value?: ImageSourcePropType): void;
-  validateSrcset(value?: string): void;
-  componentWillLoad(): void;
-  render(): JSX.Element;
+    _alt: string;
+    _loading?: Loading;
+    _sizes?: string;
+    _src: ImageSourcePropType;
+    _srcset?: string;
+    state: States;
+    validateAlt(value?: string): void;
+    validateLoading(value?: Loading): void;
+    validateSizes(value?: string): void;
+    validateSrc(value?: ImageSourcePropType): void;
+    validateSrcset(value?: string): void;
+    componentWillLoad(): void;
+    render(): JSX.Element;
 }

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

@@ -2,19 +2,19 @@ import { Generic } from '@a11y-ui/core';
 import { PropImageSource } from '../../types/props/image-source';
 import { Loading } from '../../utils/validators/loading';
 type RequiredProps = {
-  alt: string;
+    alt: string;
 } & PropImageSource;
 type OptionalProps = {
-  loading: Loading;
-  sizes: string;
-  srcset: string;
+    loading: Loading;
+    sizes: string;
+    srcset: string;
 };
 type RequiredStates = RequiredProps & {
-  loading: Loading;
+    loading: Loading;
 };
 type OptionalStates = {
-  sizes: string;
-  srcset: string;
+    sizes: string;
+    srcset: string;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -1,6 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { API, States } from './types';
 export declare class KolIndentedText implements API {
-  state: States;
-  render(): JSX.Element;
+    state: States;
+    render(): JSX.Element;
 }

package/dist/types/components/indented-text/test/html.mock.d.ts

@@ -1,4 +1,4 @@
 import { Props } from '../types';
 export declare const getIndentedTextHtml: (props: Props, slots?: {
-  default?: string;
+    default?: string;
 }) => string;

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

@@ -9,31 +9,31 @@ import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { Props as ButtonProps } from '../button/types';
 import { Props } from './types';
 export declare class KolInput implements Props {
-  private readonly host?;
-  private slotName;
-  componentWillRender(): void;
-  private catchInputSlot;
-  private getIconStyles;
-  render(): JSX.Element;
-  _accessKey?: AccessKeyPropType;
-  _alert?: boolean;
-  _currentLength?: number;
-  _disabled?: boolean;
-  _error?: string;
-  _hasCounter?: boolean;
-  _hideError?: boolean;
-  _hideLabel?: boolean;
-  _hint?: string;
-  _icons?: KoliBriHorizontalIcons;
-  _id: IdPropType;
-  _label: LabelWithExpertSlotPropType;
-  _maxLength?: number;
-  _readOnly?: boolean;
-  _renderNoLabel?: boolean;
-  _required?: boolean;
-  _slotName?: string;
-  _suggestions?: SuggestionsPropType;
-  _smartButton?: Stringified<ButtonProps>;
-  _tooltipAlign?: TooltipAlignPropType;
-  _touched?: boolean;
+    private readonly host?;
+    private slotName;
+    componentWillRender(): void;
+    private catchInputSlot;
+    private getIconStyles;
+    render(): JSX.Element;
+    _accessKey?: AccessKeyPropType;
+    _alert?: boolean;
+    _currentLength?: number;
+    _disabled?: boolean;
+    _error?: string;
+    _hasCounter?: boolean;
+    _hideError?: boolean;
+    _hideLabel?: boolean;
+    _hint?: string;
+    _icons?: KoliBriHorizontalIcons;
+    _id: IdPropType;
+    _label: LabelWithExpertSlotPropType;
+    _maxLength?: number;
+    _readOnly?: boolean;
+    _renderNoLabel?: boolean;
+    _required?: boolean;
+    _slotName?: string;
+    _suggestions?: SuggestionsPropType;
+    _smartButton?: Stringified<ButtonProps>;
+    _tooltipAlign?: TooltipAlignPropType;
+    _touched?: boolean;
 }

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

@@ -1,11 +1,11 @@
 import { TouchedPropType } from '../../types/props/touched';
 export declare const getRenderStates: (state: {
-  _error?: string;
-  _hint?: string;
-  _id: string;
-  _touched?: TouchedPropType;
+    _error?: string;
+    _hint?: string;
+    _id: string;
+    _touched?: TouchedPropType;
 }) => {
-  hasError: boolean;
-  hasHint: boolean;
-  ariaDescribedBy: string[];
+    hasError: boolean;
+    hasHint: boolean;
+    ariaDescribedBy: string[];
 };

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

@@ -18,13 +18,13 @@ import { PropTouched } from '../../types/props/touched';
 import { Props as ButtonProps } from '../button/types';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
-  currentLength: number;
-  error: string;
-  hint: string;
-  icons: KoliBriHorizontalIcons;
-  maxLength: number;
-  slotName: string;
-  smartButton: Stringified<ButtonProps>;
+    currentLength: number;
+    error: string;
+    hint: string;
+    icons: KoliBriHorizontalIcons;
+    maxLength: number;
+    slotName: string;
+    smartButton: Stringified<ButtonProps>;
 } & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/input-adapter-leanup/associated.controller.d.ts

@@ -4,24 +4,24 @@ import { PropSyncValueBySelector, SyncValueBySelectorPropType } from '../../type
 import { StencilUnknown } from '../../types/unknown';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  name: string;
+    name: string;
 } & PropSyncValueBySelector;
 type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class AssociatedInputController implements Watches {
-  protected readonly component: Generic.Element.Component & Props;
-  protected readonly name: string;
-  protected readonly host?: HTMLElement;
-  readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-  syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  private findHostWithShadowRoot;
-  protected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean): void;
-  private tryToStringifyValue;
-  readonly setFormAssociatedValue: (rawValue: StencilUnknown) => void;
-  private syncValue;
-  validateName(value?: NamePropType): void;
-  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-  componentWillLoad(): void;
+    protected readonly component: Generic.Element.Component & Props;
+    protected readonly name: string;
+    protected readonly host?: HTMLElement;
+    readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+    syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    private findHostWithShadowRoot;
+    protected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean): void;
+    private tryToStringifyValue;
+    readonly setFormAssociatedValue: (rawValue: StencilUnknown) => void;
+    private syncValue;
+    validateName(value?: NamePropType): void;
+    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    componentWillLoad(): void;
 }
 export {};

package/dist/types/components/input-adapter-leanup/controller.d.ts

@@ -2,9 +2,9 @@ import { Generic } from '@a11y-ui/core';
 import { AssociatedInputController } from './associated.controller';
 import { Props, Watches } from './types';
 export declare class ControlledInputController extends AssociatedInputController implements Watches {
-  protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  validateAlert(value?: boolean): void;
-  validateTouched(value?: boolean): void;
-  componentWillLoad(): void;
+    protected readonly component: Generic.Element.Component & Props;
+    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    validateAlert(value?: boolean): void;
+    validateTouched(value?: boolean): void;
+    componentWillLoad(): void;
 }

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  alert: boolean;
-  touched: boolean;
+    alert: boolean;
+    touched: boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;