@public-ui/components 2.1.8 → 2.1.9

package/dist/types/core/component-names.d.ts

@@ -30,7 +30,7 @@ export declare let KolInputNumberTag: "kol-input-number";
 export declare let KolInputPasswordTag: "kol-input-password";
 export declare let KolInputRadioTag: "kol-input-radio";
 export declare let KolInputRangeTag: "kol-input-range";
-export declare let KolInputWcTag: "kol-input";
+export declare let KolInputTag: "kol-input";
 export declare let KolInputTextTag: "kol-input-text";
 export declare let KolKolibriTag: "kol-kolibri";
 export declare let KolLinkButtonTag: "kol-link-button";

package/dist/types/functional-components/Alert/Alert.d.ts

@@ -0,0 +1,9 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import type { InternalAlertProps } from '../../schema';
+export type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> & Partial<Omit<InternalAlertProps, 'on'>> & {
+    onCloserClick?: () => void;
+    onAlertTimeout?: () => void;
+};
+declare const KolAlertFc: FC<KolAlertFcProps>;
+export default KolAlertFc;

package/dist/types/functional-components/Alert/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./Alert";export*from"./Alert";

package/dist/types/functional-components/Alert/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/functional-components/AlertIcon/AlertIcon.d.ts

@@ -0,0 +1,7 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { AlertType } from '../../schema';
+declare const AlertIcon: FC<{
+    label?: string;
+    type?: AlertType;
+}>;
+export default AlertIcon;

package/dist/types/functional-components/AlertIcon/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./AlertIcon";

package/dist/types/functional-components/Collapsible/Collapsible.d.ts

@@ -0,0 +1,29 @@
+import type { FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import type { HeadingLevel, IconsPropType } from '../../schema';
+type ClassType = string | {
+    [className: string]: boolean;
+};
+export type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
+    id: string;
+    open?: boolean;
+    disabled?: boolean;
+    level?: HeadingLevel;
+    label: string;
+    HeadingProps?: {
+        ref?: ((elm?: HTMLKolHeadingWcElement | undefined) => void) | undefined;
+        class?: ClassType;
+    };
+    HeadingButtonProps?: {
+        ref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;
+        class?: ClassType;
+        _icons?: IconsPropType;
+    };
+    ContentProps?: {
+        class?: ClassType;
+        animationClass?: ClassType;
+        wrapperClass?: ClassType;
+    };
+};
+declare const KolCollapsibleFc: FC<CollapsibleProps>;
+export default KolCollapsibleFc;

package/dist/types/functional-components/Collapsible/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./Collapsible";export*from"./Collapsible";

package/dist/types/{components/@shared/form-field-msg.d.ts → functional-components/FormFieldMsg/FormFieldMsg.d.ts}

@@ -6,5 +6,5 @@ type FormFieldMsgProps = {
     _hideError?: HideErrorPropType;
     _id: IdPropType;
 };
-export declare const FormFieldMsg: FunctionalComponent<FormFieldMsgProps>;
-export {};
+declare const FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps>;
+export default FormFieldMsgFc;

package/dist/types/functional-components/FormFieldMsg/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./FormFieldMsg";

package/dist/types/functional-components/index.d.ts

@@ -0,0 +1 @@
+export{default as KolAlertFc}from"./Alert";export{default as KolCollapsibleFc}from"./Collapsible";export{default as KolFormFieldMsgFc}from"./FormFieldMsg";

package/dist/types/schema/components/accordion.d.ts

@@ -1,16 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
-import type { HeadingLevel, PropDisabled, PropLabel, PropOpen } from '../props';
-import type { EventValueOrEventCallback } from '../types';
-export type KoliBriAccordionCallbacks = {
-    [Events.onClick]?: EventValueOrEventCallback<Event, boolean>;
-};
-type RequiredProps = PropLabel;
-type OptionalProps = {
-    level: HeadingLevel;
-    on: KoliBriAccordionCallbacks;
-} & PropDisabled & PropOpen;
-type RequiredStates = RequiredProps & PropLabel;
+import type { PropAccordionCallbacks } from '../props';
+import type * as CollapsibleTypes from './collapsible';
+type RequiredProps = CollapsibleTypes.RequiredProps;
+type OptionalProps = CollapsibleTypes.OptionalProps & PropAccordionCallbacks<boolean>;
+type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
 export type AccordionProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type AccordionStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -17,6 +17,7 @@ type OptionalAlertProps = {
 } & PropLabel & PropAlert & PropHasCloser;
 type RequiredAlertStates = RequiredAlertProps;
 type OptionalAlertStates = OptionalAlertProps;
+export type InternalAlertProps = RequiredAlertProps & OptionalAlertProps;
 export type AlertProps = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;
 export type AlertStates = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;
 export type AlertAPI = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;

package/dist/types/schema/components/collapsible.d.ts

@@ -0,0 +1,7 @@
+import type { HeadingLevel, PropDisabled, PropLabel, PropOpen } from '../props';
+export type RequiredProps = PropLabel;
+export type OptionalProps = {
+    level: HeadingLevel;
+} & PropDisabled & PropOpen;
+export type RequiredStates = RequiredProps & PropLabel;
+export type OptionalStates = OptionalProps;

package/dist/types/schema/components/combobox.d.ts

@@ -1,16 +1,17 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropSuggestions } from '../props';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropSuggestions;
 type OptionalProps = {
     accessKey: string;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
+    placeholder: string;
     tabIndex: number;
     value: string;
-    placeholder: string;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     suggestions: W3CInputValue[];

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

@@ -1,13 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropLabel, PropOpen } from '../props';
-import type { EventValueOrEventCallback } from '../types';
-export type EventCallbacks = {
-    onToggle?: EventValueOrEventCallback<Event, boolean>;
-};
-type RequiredProps = PropLabel;
-type OptionalProps = {
-    on: EventCallbacks;
-} & PropDisabled & PropOpen;
+import type { PropDetailsCallbacks } from '../props';
+import type * as CollapsibleTypes from './collapsible';
+type RequiredProps = CollapsibleTypes.RequiredProps;
+type OptionalProps = CollapsibleTypes.OptionalProps & PropDetailsCallbacks<boolean>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
 export type DetailsProps = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropChecked, PropDisabled, PropHideError, PropHideLabel, PropIndeterminate, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropLabelAlign } from '../props';
+import type { MsgPropType, PropChecked, PropDisabled, PropHideError, PropHideLabel, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
 import type { AnyIconFontClass, InputTypeOnDefault, StencilUnknown, Stringified } from '../types';
 export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
 export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
@@ -28,11 +28,12 @@ type OptionalProps = {
     error: string;
     hint: string;
     icons: Stringified<InputCheckboxIconsProp>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     tabIndex: number;
     value: Stringified<StencilUnknown>;
     variant: InputCheckboxVariant;
-} & PropChecked & PropDisabled & PropHideError & PropHideLabel & PropIndeterminate & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched & PropLabelAlign;
+} & PropChecked & PropDisabled & PropHideError & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {
     icons: InputCheckboxIconsState;
     id: string;

package/dist/types/schema/components/input-color.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropLabelWithExpertSlot, PropMsg, PropName, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropLabelWithExpertSlot, PropMsg, PropName, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -10,11 +10,12 @@ type OptionalProps = {
     error: string;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropName & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     id: string;

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

@@ -1,12 +1,13 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, W3CInputValue } from '../types';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     error: string;
+    msg: Stringified<MsgPropType>;
     type: InputDateType;
-} & OptionalInputProps<Iso8601 | Date> & PropHideError & PropSuggestions & PropMsg;
+} & OptionalInputProps<Iso8601 | Date> & PropHideError & PropSuggestions;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -11,13 +11,14 @@ type OptionalProps = {
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
     maxLength: number;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     pattern: string;
     placeholder: string;
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMsg & PropMultiple & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMultiple & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;

package/dist/types/schema/components/input-file.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -10,11 +10,12 @@ type OptionalProps = {
     error: string;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropMultiple & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropMultiple & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
 type RequiredStates = PropId & PropLabelWithExpertSlot & PropHideError;
 type OptionalStates = {
     accept: string;

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

@@ -1,12 +1,13 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, W3CInputValue } from '../types';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     error: string;
+    msg: Stringified<MsgPropType>;
     placeholder: string;
-} & OptionalInputProps<number | Iso8601> & PropHideError & PropMsg & PropSuggestions;
+} & OptionalInputProps<number | Iso8601> & PropHideError & PropSuggestions;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified } from '../types';
 import type { ButtonProps } from './button';
 import type { PropPasswordVariant } from '../props/variant/password-variant';
@@ -18,7 +18,8 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropTouched;
+    msg: Stringified<MsgPropType>;
+} & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;

package/dist/types/schema/components/input-radio.d.ts

@@ -1,17 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
-import type { InputTypeOnDefault, RadioOption, Orientation, StencilUnknown } from '../types';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
+import type { InputTypeOnDefault, RadioOption, Orientation, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     accessKey: string;
     alert: boolean;
     error: string;
     hint: string;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     orientation: Orientation;
     tabIndex: number;
     value: StencilUnknown;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropName & PropRadioOptions & PropRequired & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
+} & PropDisabled & PropHideError & PropHideLabel & PropName & PropRadioOptions & PropRequired & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
 type RequiredStates = {
     options: RadioOption<StencilUnknown>[];
     orientation: Orientation;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
@@ -11,11 +11,12 @@ type OptionalProps = {
     icons: Stringified<KoliBriHorizontalIcons>;
     max: number;
     min: number;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     step: number;
     tabIndex: number;
     value: number;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropName & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     suggestions: W3CInputValue[];

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -18,7 +18,8 @@ type OptionalProps = {
     tabIndex: number;
     type: InputTextType;
     value: string;
-} & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropId & PropMsg & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
+    msg: Stringified<MsgPropType>;
+} & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, SelectOption, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
@@ -8,10 +8,11 @@ type OptionalProps = {
     error: string;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     tabIndex: number;
     value: Stringified<W3CInputValue[]>;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     options: SelectOption<W3CInputValue>[];

package/dist/types/schema/components/single-select.d.ts

@@ -1,16 +1,17 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions } from '../props';
+import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, MsgPropType } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
     accessKey: string;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
+    placeholder: string;
     tabIndex: number;
     value: string;
-    placeholder: string;
-} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
 } & PropId & PropHideError & PropLabelWithExpertSlot;

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

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons } from '../types';
+import type { MsgPropType, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
 export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
@@ -11,12 +11,13 @@ type OptionalProps = {
     hint: string;
     icons: KoliBriHorizontalIcons;
     maxLength: number;
+    msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     resize: CSSResize;
     tabIndex: number;
     value: string;
-} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
+} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;

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

@@ -12,6 +12,7 @@ export type Toast = {
     label: LabelPropType;
     type: AlertType;
     alertVariant?: AlertVariant;
+    variant?: AlertVariant;
 };
 export type ToastState = {
     toast: Toast;
@@ -20,6 +21,7 @@ export type ToastState = {
 };
 export type ToasterOptions = {
     defaultAlertVariant: AlertVariant;
+    defaultVariant: AlertVariant;
 };
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = NonNullable<unknown>;

package/dist/types/schema/enums/events.d.ts

@@ -18,5 +18,6 @@ export declare enum Events {
     onSort = "onSort",
     onSelectionChange = "onSelectionChange",
     onSubmit = "onSubmit",
+    onToggle = "onToggle",
     onClose = "onClose"
 }

package/dist/types/schema/props/accordion-callbacks.d.ts

@@ -0,0 +1,10 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { Events } from '../enums';
+import type { EventValueOrEventCallback } from '../types/callbacks';
+export type AccordionCallbacksPropType<T> = {
+    [Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
+};
+export type PropAccordionCallbacks<T> = {
+    on: AccordionCallbacksPropType<T>;
+};
+export declare const validateAccordionCallbacks: (component: Generic.Element.Component, value?: AccordionCallbacksPropType<boolean>) => void;

package/dist/types/schema/props/details-callbacks.d.ts

@@ -0,0 +1,10 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { Events } from '../enums';
+import type { EventValueOrEventCallback } from '../types/callbacks';
+export type DetailsCallbacksPropType<T> = {
+    [Events.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;
+};
+export type PropDetailsCallbacks<T> = {
+    on: DetailsCallbacksPropType<T>;
+};
+export declare const validateDetailsCallbacks: (component: Generic.Element.Component, value?: DetailsCallbacksPropType<boolean>) => void;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./access-key";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./details-callbacks";export*from"./color";export*from"./custom-class";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/msg.d.ts

@@ -1,9 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { AlertProps } from '../components';
+import type { Stringified } from '../types';
 export type MsgPropType = AlertProps & {
     _description: string;
 };
 export type PropMsg = {
     msg: MsgPropType;
 };
-export declare const validateMsg: (component: Generic.Element.Component, value?: MsgPropType) => void;
+export declare const validateMsg: (component: Generic.Element.Component, value?: Stringified<MsgPropType>) => void;

package/dist/types/utils/testing/functional-component-rendering.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent } from '../../stencil-public-runtime';
+import { type SpecPage } from '@stencil/core/testing';
+export declare function renderFunctionalComponentToSpecPage<T extends object>(componentConstructor: () => FunctionalComponent<T>): Promise<SpecPage>;

package/dist/types/utils/testing/index.d.ts

@@ -0,0 +1 @@
+export*from"./functional-component-rendering";

package/dist/types/utils/testing/test.component.d.ts

@@ -0,0 +1,2 @@
+export declare class TestComponent {
+}

package/doc/accordion.md

@@ -112,13 +112,13 @@ Standardansicht gelegt.
 
 ## Properties
 
-| Property              | Attribute   | Description                                                                                                        | Type                                                                                 | Default     |
-| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------ | ----------- |
-| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean` \| `undefined`                                                               | `false`     |
-| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                             | `undefined` |
-| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                                       | `1`         |
-| `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                               | `false`     |
+| Property              | Attribute   | Description                                                                                                        | Type                                                                                      | Default     |
+| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- |
+| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean` \| `undefined`                                                                    | `false`     |
+| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                  | `undefined` |
+| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                                            | `1`         |
+| `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, boolean>` \| `undefined; }` | `undefined` |
+| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                                    | `false`     |
 
 
 ## Methods

package/doc/alert.md

@@ -67,6 +67,13 @@ Die **Alert**-Komponente wurde auf die Darstellung mit höchstmöglichen Kontras
 
 Das zusätzliche Icon (je nach gewähltem Typ) gewährleistet, dass die Information vom Nutzer nicht allein über die Farbe klassifiziert werden muss.
 
+Bei der Nutzung eines Screenreaders wird immer das Icon mitgelesen.
+Der Titel sollte daher nicht mit dem **Alert**-Typ beginnen, da das zu einem doppelten Vorlesen des **Alert**-Typs führt.
+
+**Beispiel:**  
+Richtig: Label = "Füllen Sie das Feld aus." → Ausgabe: "Fehler - Füllen Sie das Feld aus."  
+Falsch: Label = "Fehler: Füllen Sie das Feld aus." → "Ausgabe: Fehler - Fehler: Füllen Sie das Feld aus."
+
 Bei der **Alert**-Komponente wurden insbesondere folgende Punkte der Barrierefreiheit betrachtet:
 
 - Die Schriftfarbe ist entweder weiß oder schwarz.