@public-ui/components 1.1.10-rc.8 → 1.1.10

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

@@ -1,11 +1,11 @@
 import { Generic } from '@public-ui/core';
 import { ButtonProps } from '../../../types/button-link';
+import { Stringified } from '../../../types/common';
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
+import { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import { KoliBriInputIcon } from '../../input-text/types';
 import { Props, Watches } from './types';
-import { Props as AdapterProps } from '../../input-adapter-leanup/types';
-import { Stringified } from '../../../types/common';
 export declare class InputController extends ControlledInputController implements Watches {
   protected readonly component: Generic.Element.Component & Props & AdapterProps;
   hideLabel: boolean;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { Alignment } from '../../types/icon';
-import { Icofont } from '../../types/icofont';
+import { Alignment, KoliBriIconProp } from '../../types/icon';
+import { Stringified } from '../../types/common';
 export declare type KoliBriColor = {
   backgroundColor: string;
   color: string;
@@ -11,37 +11,27 @@ declare type RequiredProps = {
 };
 declare type OptionalProps = {
   color: string | KoliBriColor;
-  icon: Icofont;
-  iconAlign: Alignment;
+  icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
 };
 export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 declare type RequiredStates = {
   color: string | KoliBriColor;
-  label: string;
-};
-declare type OptionalStates = {
-  icon: Icofont;
-  iconAlign: Alignment;
-  iconOnly: boolean;
 };
+declare type OptionalStates = unknown;
 declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolBadge implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+export declare class KolBadge implements Props {
   private bgColorStr;
   private colorStr;
   render(): JSX.Element;
   _color?: string | KoliBriColor;
-  _icon?: Icofont;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _label: string;
   state: States;
   private handleColorChange;
   validateColor(value?: string | KoliBriColor): void;
-  validateIcon(value?: Icofont): void;
-  validateIconAlign(value?: Alignment): void;
-  validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
   componentWillLoad(): void;
 }
 export {};

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
@@ -20,12 +21,13 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _ariaLabel?: string;
   _customClass?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   _variant?: KoliBriButtonVariant;
@@ -43,6 +45,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   validateOn(value?: KoliBriButtonCallbacks): void;
+  validateTabIndex(value?: number): void;
   validateTooltipAlign(value?: TooltipAlignment): void;
   validateType(value?: KoliBriButtonType): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -1,5 +1,4 @@
 import { Generic } from '@public-ui/core';
 import { KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
-export declare const syncAriaLabelBeforePatch: Generic.Element.NextStateHooksCallback;
 export declare const watchButtonType: (component: Generic.Element.Component, propName: string, value?: KoliBriButtonType) => void;
 export declare const watchButtonVariant: (component: Generic.Element.Component, propName: string, value?: KoliBriButtonVariant) => void;

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

@@ -3,6 +3,7 @@ import { Generic } from '@public-ui/core';
 import { AriaCurrent, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   forwardedRef?: HTMLKolButtonWcElement;
   ref?: HTMLKolButtonWcElement;
@@ -16,12 +17,13 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _ariaLabel?: string;
   _customClass?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   _variant?: KoliBriButtonVariant;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, OptionalButtonLinkStates, RequiredButtonLinkProps, RequiredButtonLinkStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolButtonLink implements Generic.Element.ComponentApi<RequiredButtonLinkProps, OptionalButtonLinkProps, RequiredButtonLinkStates, OptionalButtonLinkStates> {
@@ -18,12 +19,13 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   state: ButtonStates;
@@ -39,6 +41,7 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   validateOn(value?: KoliBriButtonCallbacks): void;
+  validateTabIndex(value?: number): void;
   validateTooltipAlign(value?: TooltipAlignment): void;
   validateType(value?: KoliBriButtonType): void;
   componentWillLoad(): void;

package/dist/types/components/component-list.d.ts

@@ -1,5 +1,4 @@
 import { KolButtonGroup } from './button-group/component';
-import { KolButton } from './button/shadow';
 import { KolHeading } from './heading/shadow';
 import { KolIconFontAwesome } from './icon-font-awesome/component';
 import { KolIconIcofont } from './icon-icofont/component';
@@ -7,4 +6,5 @@ import { KolInputAdapterLeanup } from './input-adapter-leanup/component';
 import { KolInputRadioGroup } from './input-radio-group/component';
 import { KolInput } from './input/component';
 import { KolLink } from './link/shadow';
-export declare const COMPONENTS: (typeof KolButtonGroup | typeof KolButton | typeof KolHeading | typeof KolIconFontAwesome | typeof KolIconIcofont | typeof KolInputAdapterLeanup | typeof KolInputRadioGroup | typeof KolInput | typeof KolLink)[];
+import { KolSpan } from './span/shadow';
+export declare const COMPONENTS: (typeof KolButtonGroup | typeof KolHeading | typeof KolIconFontAwesome | typeof KolIconIcofont | typeof KolInputAdapterLeanup | typeof KolInputRadioGroup | typeof KolInput | typeof KolLink | typeof KolSpan)[];

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

@@ -4,7 +4,7 @@ import { Generic } from '@public-ui/core';
 import { EventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 export declare type KoliBriFormCallbacks = {
-  [Events.onSubmit]?: EventCallback<SubmitEvent>;
+  [Events.onSubmit]?: EventCallback<Event>;
   [Events.onReset]?: EventCallback<Event>;
 };
 declare type RequiredProps = unknown;

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

@@ -8,9 +8,9 @@ declare type OptionalProps = OptionalInputProps<Iso8601 | Date> & {
 };
 declare type RequiredStates = unknown;
 declare type OptionalStates = {
-  max: string;
-  min: string;
-  value: string;
+  max: Iso8601;
+  min: Iso8601;
+  value: Iso8601;
 };
 export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare type ComponentApi = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -3,6 +3,7 @@ import { Generic } from '@public-ui/core';
 import { AriaCurrent, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 declare type RequiredNavLinkProps = RequiredLinkProps & unknown;
 declare type OptionalNavLinkProps = OptionalLinkProps & {
   active: boolean;
@@ -21,13 +22,14 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;
@@ -47,6 +49,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateIconOnly(value?: boolean): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
+  validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
   validateUnderline(value?: boolean): void;

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

@@ -3,6 +3,7 @@ import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   render(): JSX.Element;
   _ariaControls?: string;
@@ -13,13 +14,14 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolLinkButton implements Generic.Element.ComponentApi<RequiredLinkButtonProps, OptionalLinkButtonProps, RequiredLinkButtonStates, OptionalLinkButtonStates> {
@@ -16,13 +17,15 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
+  _label: string;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;
@@ -42,8 +45,10 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   validateIcon(value?: KoliBriIconProp): void;
   validateIconAlign(value?: Alignment): void;
   validateIconOnly(value?: boolean): void;
+  validateLabel(value?: string): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
+  validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
   validateUnderline(value?: boolean): void;

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

@@ -0,0 +1,36 @@
+import { Generic } from '@public-ui/core';
+import { JSX } from '../../stencil-public-runtime';
+import { Stringified } from '../../types/common';
+import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
+declare type RequiredProps = {
+  label: string;
+};
+declare type OptionalProps = {
+  icon: Stringified<KoliBriIconProp>;
+  iconOnly: boolean;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
+  icon: {
+    top?: KoliBriCustomIcon;
+    right?: KoliBriCustomIcon;
+    bottom?: KoliBriCustomIcon;
+    left?: KoliBriCustomIcon;
+  };
+  iconOnly: boolean;
+  label: string;
+};
+declare type OptionalStates = unknown;
+declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+  render(): JSX.Element;
+  _icon?: Stringified<KoliBriIconProp>;
+  _iconOnly?: boolean;
+  _label: string;
+  state: States;
+  validateIcon(value?: KoliBriIconProp): void;
+  validateIconOnly(value?: boolean): void;
+  validateLabel(value?: string): void;
+  componentWillLoad(): void;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Stringified } from '../../types/common';
+import { KoliBriIconProp } from '../../types/icon';
+import { Props } from './component';
+export declare class KolSpan implements Props {
+  render(): JSX.Element;
+  _icon?: Stringified<KoliBriIconProp>;
+  _iconOnly?: boolean;
+  _label: string;
+}

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

@@ -0,0 +1,8 @@
+import { Props } from '../component';
+declare type Slots = {
+  ''?: string;
+  expert?: string;
+} & Record<string, undefined | string>;
+export declare const getSpanWcHtml: (props: Props, slots?: Slots, additionalAttrs?: string, hiddenSlot?: boolean) => string;
+export declare const getSpanHtml: (props: Props) => string;
+export {};

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

@@ -1,9 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Events } from '../../enums/events';
-import { Alignment } from '../../types/icon';
+import { KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@public-ui/core';
 import { EventCallback, EventValueCallback } from '../../types/callbacks';
-import { Icofont } from '../../types/icofont';
 import { Stringified } from '../../types/common';
 export declare type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
@@ -11,15 +10,14 @@ export declare type KoliBriTabsCallbacks = {
     callback: EventCallback<Event>;
   };
 } & {
-  [Events.onSelect]?: EventValueCallback<Event, number>;
+  [Events.onSelect]?: EventValueCallback<CustomEvent | KeyboardEvent | PointerEvent, number>;
 };
 declare type RequiredTabButtonProps = {
   label: string;
 };
 declare type OptionalTabButtonProps = {
   disabled: boolean;
-  icon: Icofont;
-  iconAlign: Alignment;
+  icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   on: KoliBriTabsCallbacks;
 };