@public-ui/components 1.5.0-rc.2 → 1.5.0-rc.21

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

@@ -0,0 +1,14 @@
+import { JSX } from '../../stencil-public-runtime';
+import { HeadingLevel } from '../../types/heading-level';
+import { AlertType, AlertVariant, KoliBriAlertEventCallbacks, Props, States } from './types';
+export declare class KolAlert implements Props {
+  render(): JSX.Element;
+  _alert?: boolean;
+  _hasCloser?: boolean;
+  _heading?: string;
+  _level?: HeadingLevel;
+  _on?: KoliBriAlertEventCallbacks;
+  _type?: AlertType;
+  _variant?: AlertVariant;
+  state: States;
+}

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

@@ -1,2 +1,2 @@
-import { Props } from '../component';
+import { Props } from '../types';
 export declare const getAlertHtml: (props: Props, innerHTML?: string, additionalHTML?: string) => string;

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

@@ -3,22 +3,19 @@ import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-export type KoliBriColor = {
-  backgroundColor: string;
-  color: string;
-};
+import { ColorPair, PropColor } from '../../types/props/color';
 type RequiredProps = {
   label: string;
 };
 type OptionalProps = {
-  color: Stringified<KoliBriColor>;
+  color: Stringified<PropColor>;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   smartButton: Stringified<ButtonProps>;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  color: Stringified<KoliBriColor>;
+  color: ColorPair;
   label: string;
 };
 type OptionalStates = {
@@ -29,14 +26,14 @@ export declare class KolBadge implements Props {
   private bgColorStr;
   private colorStr;
   render(): JSX.Element;
-  _color?: string | KoliBriColor;
+  _color?: Stringified<PropColor>;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;
   _smartButton?: Stringified<ButtonProps>;
   state: States;
   private handleColorChange;
-  validateColor(value?: string | KoliBriColor): void;
+  validateColor(value?: Stringified<PropColor>): void;
   validateLabel(value?: string): void;
   validateSmartButton(value?: ButtonProps | string): void;
   componentWillLoad(): void;

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

@@ -1,26 +1,26 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { NavLinkProps } from '../link/component';
 type RequiredProps = {
   ariaLabel: string;
-  links: Stringified<NavLinkProps[]>;
+  links: Stringified<LinkProps[]>;
 };
 type OptionalProps = unknown;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   ariaLabel: string;
-  links: NavLinkProps[];
+  links: LinkProps[];
 };
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolBreadcrumb 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/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, Alignment } from '../../types/props';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
   private readonly host?;
   private readonly nonce;

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, Alignment } from '../../types/props';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   private readonly host?;
   private ref?;

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../components';
+import { ButtonProps } from '../../../types/button-link';
 type Slots = {
   expert?: string;
 };

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, Alignment } from '../../types/props';
 export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
   private ref?;

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

@@ -2,7 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
 type RequiredProps = {
-  headline: string;
+  label: string;
 };
 type OptionalProps = {
   secondaryHeadline: string;
@@ -10,7 +10,7 @@ type OptionalProps = {
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  headline: string;
+  label: string;
   level: HeadingLevel;
 };
 type OptionalStates = {
@@ -18,11 +18,11 @@ type OptionalStates = {
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolHeadingWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
-  _headline: string;
+  _label: string;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
   state: States;
-  validateHeadline(value?: string): void;
+  validateLabel(value?: string): void;
   validateLevel(value?: HeadingLevel): void;
   validateSecondaryHeadline(value?: string): void;
   componentWillLoad(): void;

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

@@ -3,7 +3,7 @@ import { HeadingLevel } from '../../types/heading-level';
 import { Props } from './component';
 export declare class KolHeading implements Props {
   render(): JSX.Element;
-  _headline: string;
+  _label: string;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
 }

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

@@ -19,7 +19,7 @@ export declare class KolIcon implements Generic.Element.ComponentApi<RequiredPro
   state: States;
   validateAriaLabel(value?: string): void;
   validateIcon(value?: string): void;
-  validatePart(value?: string): void;
+  validatePart(): void;
   componentWillLoad(): void;
 }
 export {};

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

@@ -0,0 +1,2 @@
+import { Props } from '../types';
+export declare const getImageHtml: (props: Props) => string;

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

@@ -16,6 +16,7 @@ type OptionalStates = {
   sizes: string;
   srcset: string;
 };
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -6,5 +6,5 @@ export declare const getRenderStates: (state: {
 }) => {
   hasError: boolean;
   hasHint: boolean;
-  ariaDiscribedBy: string[];
+  ariaDescribedBy: string[];
 };

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

@@ -1,18 +1,15 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { KoliBriHorizontalIcon } from '../../types/icon';
-type RequiredProps = unknown;
+import { PropAlert, PropDisabled, PropHideLabel, PropReadOnly, PropRequired, PropTouched } from '../../types/props';
+type RequiredProps = {
+  id: string;
+};
 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/component.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../components';
+import { Stringified } from '../../types/common';
 import { InputTypeOnDefault } from '../../types/input/types';
 import { ComponentApi, InputCheckboxIcon, InputCheckboxVariant, States } from './types';
 export declare class KolInputCheckbox implements ComponentApi {
@@ -16,7 +16,7 @@ export declare class KolInputCheckbox implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<InputCheckboxIcon>;
-  _id: string;
+  _id?: string;
   _indeterminate?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { Stringified } from '../../components';
+import { Stringified } from '../../types/common';
 import { InputCheckboxRadioController } from '../input-radio/controller';
 import { InputCheckboxIcon, InputCheckboxVariant, Props, Watches } from './types';
 export declare class InputCheckboxController extends InputCheckboxRadioController implements Watches {

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

@@ -1,9 +1,10 @@
 import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { AnyIconFontClass } from '../../types/icon';
 import { InputTypeOnDefault } from '../../types/input/types';
 import { InputRequiredProps } from '../input-text/types';
-import { AnyIconFontClass } from '../../types/icon';
-import { Stringified } from '../../components';
-export type InputCheckboxVariant = 'button' | 'checkbox' | 'switch';
+import { PropChecked, PropIndeterminate } from '../../types/props';
+export type InputCheckboxVariant = 'button' | 'checkbox' | 'default' | 'switch';
 export type InputCheckboxIcon = {
   checked: AnyIconFontClass;
   indeterminate?: 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-color/component.d.ts

@@ -18,7 +18,7 @@ export declare class KolInputColor implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<string[]>;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -25,7 +25,7 @@ export declare class KolInputDate implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<string[]>;
   _max?: Iso8601 | Date;
   _min?: Iso8601 | Date;

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

@@ -1,7 +1,7 @@
 import { Generic } from '@a11y-ui/core';
-import { InputTypeOnDefault } from '../../components';
 import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
+import { InputTypeOnDefault } from '../../types/input/types';
 import { InputRequiredProps } from '../input-text/types';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = OptionalInputProps<Iso8601 | Date> & {

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

@@ -19,7 +19,7 @@ export declare class KolInputEmail implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _multiple?: boolean;

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

@@ -18,7 +18,7 @@ export declare class KolInputFile implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -21,7 +21,7 @@ export declare class KolInputNumber implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<string[]>;
   _max?: number | Iso8601;
   _min?: number | Iso8601;

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

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

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

@@ -19,7 +19,7 @@ export declare class KolInputPassword implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _maxLength?: number;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -16,7 +16,7 @@ export declare class KolInputRadio implements ComponentApi {
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
-  _id: string;
+  _id?: string;
   _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;

package/dist/types/components/input-radio-group/component.d.ts

@@ -12,7 +12,7 @@ export declare class KolInputRadioGroup implements Props {
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
-  _id: string;
+  _id?: string;
   _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -17,7 +17,7 @@ export declare class KolInputRange implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<Option<number>[]>;
   _max?: number;
   _min?: number;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriHorizontalIcon } from '../../components';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { ComponentApi, States } from './types';
@@ -22,7 +22,7 @@ export declare class KolInputText implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _name?: string;

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

@@ -3,10 +3,9 @@ import { Props as InputTextProps, Watches as InputTextWatches } from './types';
 import { Generic } from '@a11y-ui/core';
 import { InputTextType } from '../../types/input/control/text';
 import { Stringified } from '../../types/common';
-type RequiredProps = {
-  id: string;
-};
+type RequiredProps = unknown;
 type OptionalProps = {
+  id: string;
   list: Stringified<string[]>;
 };
 type InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -4,9 +4,7 @@ import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-export type InputRequiredProps = {
-  id: string;
-};
+export type InputRequiredProps = unknown;
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -17,6 +15,7 @@ type OptionalProps = {
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
+  id: string;
   list: Stringified<string[]>;
   maxLength: number;
   name: string;
@@ -35,6 +34,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/kolibri/component.d.ts

@@ -1,9 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { PropColor } from '../../types/props/color';
+import { Stringified } from '../../components';
 type RequiredProps = unknown;
 type OptionalProps = {
   animate: boolean;
-  color: string;
+  color: Stringified<PropColor>;
   labeled: boolean;
 };
 type RequiredStates = {
@@ -21,12 +23,12 @@ export declare class KolKolibri implements Generic.Element.ComponentApi<Required
   render(): JSX.Element;
   private interval?;
   _animate?: boolean;
-  _color?: string;
+  _color?: Stringified<PropColor>;
   _labeled?: boolean;
   state: States;
   validateAnimate(value?: boolean): void;
   private handleColorChange;
-  validateColor(value?: string): void;
+  validateColor(value?: Stringified<PropColor>): void;
   validateLabeled(value?: boolean): void;
   componentWillLoad(): void;
   componentDidRender(): void;

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

@@ -1,14 +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';
-type RequiredNavLinkProps = RequiredLinkProps;
-type OptionalNavLinkProps = OptionalLinkProps & {
-  active: boolean;
-};
-export type NavLinkProps = Generic.Element.Members<RequiredNavLinkProps, OptionalNavLinkProps>;
+import { AriaCurrent, Alignment } from '../../types/props';
 export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates> {
   private readonly host?;
   private readonly nonce;
@@ -23,6 +18,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
+  _download?: boolean | string;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
@@ -44,6 +40,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
   validateDisabled(value?: boolean): void;
+  validateDownload(value?: boolean | string): void;
   validateHref(value?: string): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconAlign(value?: Alignment): void;
@@ -60,4 +57,3 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
 }
-export {};