@public-ui/components 1.7.0-rc.0 → 1.7.0-rc.11

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

@@ -5,11 +5,13 @@ import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
+  allowMarkdown: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
 } & PropHideLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
+  allowMarkdown: boolean;
   icon: {
     top?: KoliBriCustomIcon;
     right?: KoliBriCustomIcon;

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

@@ -38,6 +38,7 @@ export declare class KolSplitButton implements API {
   _on?: ButtonCallbacksPropType<StencilUnknown>;
   _role?: AlternativeButtonLinkRolePropType;
   _syncValueBySelector?: SyncValueBySelectorPropType;
+  _show?: boolean;
   _showDropdown?: boolean;
   _tabIndex?: number;
   _tooltipAlign?: TooltipAlignPropType;
@@ -46,5 +47,6 @@ export declare class KolSplitButton implements API {
   _variant?: ButtonVariantPropType;
   state: States;
   validateShowDropdown(value?: boolean): void;
+  validateShow(value?: boolean): void;
   componentWillLoad(): void;
 }

package/dist/types/components/split-button/types.d.ts

@@ -6,14 +6,13 @@ import { PropButtonVariant } from '../../types/props/button-variant';
 import { PropIcon } from '../../types/props/icon';
 import { PropLabel } from '../../types/props/label';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropShow } from '../../types/props/show';
 type RequiredProps = PropLabel;
 type OptionalProps = {
   on?: ButtonCallbacksPropType<StencilUnknown>;
   showDropdown: boolean;
-} & PropAlternativeButtonLinkRole & PropIcon & PropTooltipAlign & PropButtonVariant;
-type RequiredStates = {
-  showDropdown: boolean;
-};
+} & PropAlternativeButtonLinkRole & PropIcon & PropShow & PropTooltipAlign & PropButtonVariant;
+type RequiredStates = PropShow;
 type OptionalStates = NonNullable<unknown>;
 type RequiredWatchers = RequiredStates;
 type OptionalWatchers = OptionalStates;

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { API, Statest } from './types';
+import { API, States } from './types';
 export declare class KolSymbol implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _symbol: string;
-  state: Statest;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;

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

@@ -8,6 +8,6 @@ type OptionalProps = PropAriaLabel & PropLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = PropLabel;
-export type Statest = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,34 +1,20 @@
 import { JSX } from '../../stencil-public-runtime';
-import { HeadingLevel } from '../../types/heading-level';
-import { HasCloserPropType } from '../../types/props/has-closer';
 import { LabelPropType } from '../../types/props/label';
-import { ShowPropType } from '../../types/props/show';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
 import { AlertType } from '../alert/types';
 import { API, States } from './types';
+import { ToastStatus } from '../toast-container/types';
 export declare class KolToast implements API {
-  _alert?: boolean;
-  _hasCloser?: boolean;
-  _heading?: string;
-  _label?: LabelPropType;
-  _level?: HeadingLevel;
+  _label: LabelPropType;
   _on?: KoliBriToastEventCallbacks;
-  _show?: boolean;
-  _showDuration?: number;
+  _status: ToastStatus;
   _type?: AlertType;
   state: States;
-  validateAlert(value?: boolean): void;
-  validateHasCloser(value?: HasCloserPropType): void;
-  validateHeading(value?: string): void;
   validateLabel(value?: LabelPropType): void;
-  validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriToastEventCallbacks): void;
-  validateShow(value?: ShowPropType): void;
-  validateShowDuration(value?: number): void;
+  validateStatus(status?: ToastStatus): void;
   validateType(value?: AlertType): void;
   componentWillLoad(): void;
-  private durationTimeout?;
-  private readonly handleShowAndDuration;
   private readonly close;
   private readonly on;
   render(): JSX.Element;

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

@@ -1,21 +1,10 @@
-import { LabelPropType } from '../../types/props/label';
-import { AlertType } from '../alert/types';
-type Toast = {
-  description: string;
-  heading?: string;
-  label?: LabelPropType;
-  type: AlertType;
-};
+import { Toast } from '../toast-container/types';
 export declare class ToasterService {
   private readonly document;
   private static readonly instances;
-  private toastElement?;
-  private readonly queue;
-  private isOpen;
+  private toastContainerElement?;
   private constructor();
   static getInstance(document: Document): ToasterService;
   dispose(): void;
-  enqueue(data: Toast): void;
-  private showToast;
+  enqueue(toast: Toast): Promise<void>;
 }
-export {};

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

@@ -1,19 +1,15 @@
 import { Generic } from '@a11y-ui/core';
-import { HeadingLevel } from '../../types/heading-level';
-import { PropHasCloser } from '../../types/props/has-closer';
 import { PropLabel } from '../../types/props/label';
-import { PropShow } from '../../types/props/show';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
 import { AlertType } from '../alert/types';
-type RequiredProps = NonNullable<unknown>;
+import { ToastStatus } from '../toast-container/types';
+type RequiredProps = PropLabel & {
+  status: ToastStatus;
+};
 type OptionalProps = {
-  alert: boolean;
-  heading: string;
-  level: HeadingLevel;
   on: KoliBriToastEventCallbacks;
-  showDuration: number;
   type: AlertType;
-} & PropHasCloser & PropShow & PropLabel;
+};
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;

package/dist/types/components/toast-container/component.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from '../../stencil-public-runtime';
+import { API, States, Toast } from './types';
+export declare class KolToastContainer implements API {
+  state: States;
+  enqueue(toast: Toast): Promise<void>;
+  private handleClose;
+  private handleCloseAllClick;
+  render(): JSX.Element;
+}

package/dist/types/components/toast-container/types.d.ts

@@ -0,0 +1,24 @@
+import { Generic } from '@a11y-ui/core';
+import { LabelPropType } from '../../types/props/label';
+import { AlertType } from '../alert/types';
+export declare const toastStatusOptions: readonly ["adding", "settled", "removing"];
+export type ToastStatus = (typeof toastStatusOptions)[number];
+export type Toast = {
+  description: string;
+  label: LabelPropType;
+  type: AlertType;
+};
+export type ToastState = {
+  toast: Toast;
+  status: ToastStatus;
+  id: string;
+};
+type RequiredProps = NonNullable<unknown>;
+type OptionalProps = NonNullable<unknown>;
+type RequiredStates = RequiredProps & {
+  toastStates: ToastState[];
+};
+type OptionalStates = OptionalProps;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -4,9 +4,10 @@ import { IdPropType } from '../../types/props/id';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 export declare class KolTooltip implements API {
+  private host;
+  private arrowElement?;
   private previousSibling?;
   private tooltipElement?;
-  private arrowElement?;
   private cleanupAutoPositioning?;
   private alignTooltip;
   private showTooltip;
@@ -15,7 +16,6 @@ export declare class KolTooltip implements API {
   private addListeners;
   private removeListeners;
   private resyncListeners;
-  private catchHostElement;
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
@@ -32,5 +32,8 @@ export declare class KolTooltip implements API {
   private decrementOverFocusCount;
   private showOrHideTooltip;
   componentWillLoad(): void;
+  private handleEventListeners;
+  connectedCallback(): void;
+  componentDidRender(): void;
   disconnectedCallback(): void;
 }

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

@@ -1,2 +1,3 @@
 import { Props } from '../types';
-export declare const getVersionHtml: (props: Props, additionalAttrs?: string) => string;
+import { SpanOptions } from '../../span/test/html.mock';
+export declare const getVersionHtml: (props: Props, options?: SpanOptions) => string;

package/dist/types/components.d.ts

@@ -30,6 +30,7 @@ import { IdPropType } from "./types/props/id";
 import { NamePropType } from "./types/props/name";
 import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 import { KoliBriCardEventCallbacks } from "./components/card/types";
+import { EventCallbacks } from "./components/details/types";
 import { KoliBriFormCallbacks } from "./components/form/types";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
@@ -62,6 +63,7 @@ import { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
+import { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
 export { LabelPropType, LabelWithExpertSlotPropType } from "./types/props/label";
 export { TooltipAlignPropType } from "./types/props/tooltip-align";
 export { HeadingLevel } from "./types/heading-level";
@@ -87,6 +89,7 @@ export { IdPropType } from "./types/props/id";
 export { NamePropType } from "./types/props/name";
 export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
 export { KoliBriCardEventCallbacks } from "./components/card/types";
+export { EventCallbacks } from "./components/details/types";
 export { KoliBriFormCallbacks } from "./components/form/types";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
@@ -119,6 +122,7 @@ export { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
 export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
 export { CSSResize } from "./components/textarea/types";
 export { KoliBriToastEventCallbacks } from "./types/toast";
+export { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
 export namespace Components {
     interface KolAbbr {
         /**
@@ -628,6 +632,10 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label"?: LabelPropType;
+        /**
+          * Defines the callback functions for details.
+         */
+        "_on"?: EventCallbacks;
         /**
           * If set (to true) opens/expands the element, closes if not set (or set to false).
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
@@ -2154,7 +2162,8 @@ export namespace Components {
          */
         "_ariaLabel"?: string;
         /**
-          * Gibt die optionale Überschrift zur Link-Gruppe an.
+          * Deprecated: Gibt die optionale Überschrift zur Link-Gruppe an.
+          * @deprecated remove in the next major version
          */
         "_heading"?: string;
         /**
@@ -2618,6 +2627,10 @@ export namespace Components {
         "_label": LabelWithExpertSlotPropType;
     }
     interface KolSpanWc {
+        /**
+          * Allows to use markdown in the label. Defaults to `false`.
+         */
+        "_allowMarkdown"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2706,6 +2719,11 @@ export namespace Components {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Makes the element show up.
+          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
+         */
+        "_show"?: boolean;
         /**
           * Defines whether to show the dropdown menu.
          */
@@ -2915,46 +2933,26 @@ export namespace Components {
         "_value"?: string;
     }
     interface KolToast {
-        /**
-          * Defines whether the screen-readers should read out the notification.
-         */
-        "_alert"?: boolean;
-        /**
-          * Defines whether the element can be closed.
-          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
-         */
-        "_hasCloser"?: boolean;
-        /**
-          * Deprecated: Gibt die Beschriftung der Komponente an.
-          * @deprecated Use _label.
-         */
-        "_heading"?: string;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label"?: LabelPropType;
-        /**
-          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
-         */
-        "_level"?: HeadingLevel;
+        "_label": LabelPropType;
         /**
-          * Gibt die EventCallback-Function für das Schließen des Toasts an.
+          * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriToastEventCallbacks;
         /**
-          * Makes the element show up.
-          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
+          * Defines the current toast status.
          */
-        "_show"?: boolean;
-        /**
-          * Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
-         */
-        "_showDuration"?: number;
+        "_status": ToastStatus;
         /**
           * Defines either the type of the component or of the components interactive element.
          */
         "_type"?: AlertType;
     }
+    interface KolToastContainer {
+        "enqueue": (toast: Toast) => Promise<void>;
+    }
     interface KolTooltipWc {
         /**
           * Defines the alignment of the tooltip in relation to the parent element.
@@ -3357,6 +3355,12 @@ declare global {
         prototype: HTMLKolToastElement;
         new (): HTMLKolToastElement;
     };
+    interface HTMLKolToastContainerElement extends Components.KolToastContainer, HTMLStencilElement {
+    }
+    var HTMLKolToastContainerElement: {
+        prototype: HTMLKolToastContainerElement;
+        new (): HTMLKolToastContainerElement;
+    };
     interface HTMLKolTooltipWcElement extends Components.KolTooltipWc, HTMLStencilElement {
     }
     var HTMLKolTooltipWcElement: {
@@ -3430,6 +3434,7 @@ declare global {
         "kol-tabs": HTMLKolTabsElement;
         "kol-textarea": HTMLKolTextareaElement;
         "kol-toast": HTMLKolToastElement;
+        "kol-toast-container": HTMLKolToastContainerElement;
         "kol-tooltip-wc": HTMLKolTooltipWcElement;
         "kol-version": HTMLKolVersionElement;
     }
@@ -3931,6 +3936,10 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label"?: LabelPropType;
+        /**
+          * Defines the callback functions for details.
+         */
+        "_on"?: EventCallbacks;
         /**
           * If set (to true) opens/expands the element, closes if not set (or set to false).
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
@@ -5412,7 +5421,8 @@ declare namespace LocalJSX {
          */
         "_ariaLabel"?: string;
         /**
-          * Gibt die optionale Überschrift zur Link-Gruppe an.
+          * Deprecated: Gibt die optionale Überschrift zur Link-Gruppe an.
+          * @deprecated remove in the next major version
          */
         "_heading"?: string;
         /**
@@ -5872,6 +5882,10 @@ declare namespace LocalJSX {
         "_label": LabelWithExpertSlotPropType;
     }
     interface KolSpanWc {
+        /**
+          * Allows to use markdown in the label. Defaults to `false`.
+         */
+        "_allowMarkdown"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5960,6 +5974,11 @@ declare namespace LocalJSX {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Makes the element show up.
+          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
+         */
+        "_show"?: boolean;
         /**
           * Defines whether to show the dropdown menu.
          */
@@ -6161,46 +6180,25 @@ declare namespace LocalJSX {
         "_value"?: string;
     }
     interface KolToast {
-        /**
-          * Defines whether the screen-readers should read out the notification.
-         */
-        "_alert"?: boolean;
-        /**
-          * Defines whether the element can be closed.
-          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
-         */
-        "_hasCloser"?: boolean;
-        /**
-          * Deprecated: Gibt die Beschriftung der Komponente an.
-          * @deprecated Use _label.
-         */
-        "_heading"?: string;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label"?: LabelPropType;
-        /**
-          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
-         */
-        "_level"?: HeadingLevel;
+        "_label": LabelPropType;
         /**
-          * Gibt die EventCallback-Function für das Schließen des Toasts an.
+          * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriToastEventCallbacks;
         /**
-          * Makes the element show up.
-          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
+          * Defines the current toast status.
          */
-        "_show"?: boolean;
-        /**
-          * Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
-         */
-        "_showDuration"?: number;
+        "_status": ToastStatus;
         /**
           * Defines either the type of the component or of the components interactive element.
          */
         "_type"?: AlertType;
     }
+    interface KolToastContainer {
+    }
     interface KolTooltipWc {
         /**
           * Defines the alignment of the tooltip in relation to the parent element.
@@ -6287,6 +6285,7 @@ declare namespace LocalJSX {
         "kol-tabs": KolTabs;
         "kol-textarea": KolTextarea;
         "kol-toast": KolToast;
+        "kol-toast-container": KolToastContainer;
         "kol-tooltip-wc": KolTooltipWc;
         "kol-version": KolVersion;
     }
@@ -6370,6 +6369,7 @@ declare module "@stencil/core" {
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
             "kol-toast": LocalJSX.KolToast & JSXBase.HTMLAttributes<HTMLKolToastElement>;
+            "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;
             "kol-version": LocalJSX.KolVersion & JSXBase.HTMLAttributes<HTMLKolVersionElement>;
         }

package/dist/types/core/i18n.d.ts

@@ -10,8 +10,10 @@ export interface II18nService {
   translate: (key: string, options?: ITranslationOptions) => string;
 }
 export declare class I18nextService implements II18nService {
-  private i18next;
-  constructor(lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>);
+  private static instance;
+  private constructor();
+  static getInstance(lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>): Promise<II18nService>;
+  static addResourceBundle(lng: Generic.I18n.Locale.ISO_639_1, translationMap: Generic.I18n.Map<string, string>): void;
   addResourceBundle(lng: Generic.I18n.Locale.ISO_639_1, translationMap: Generic.I18n.Map<string, string>): void;
   translate(key: string, options?: ITranslationOptions): string;
 }

package/dist/types/dev/details-synced-open-state.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/types/dev/index.d.ts

@@ -0,0 +1 @@
+import"./theme-registration";

package/dist/types/dev/reprod-accordion-does-not-toggle-with-open.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/types/dev/theme-registration.d.ts

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

package/dist/types/dev/toaster.d.ts

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

package/dist/types/i18n.d.ts

@@ -2,7 +2,7 @@ import { Generic } from '@a11y-ui/core';
 import locale_de from './locales/de';
 type ResourcePrefix = 'Kol';
 type ComponentKeys = keyof typeof locale_de;
-export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "pagination" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "sort-descending" | "sort-ascending" | "sort-none" | "table-pagination-label" | "avatar-alt">>;
+export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "pagination" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "sort-descending" | "sort-ascending" | "sort-none" | "table-pagination-label" | "avatar-alt" | "toast-close-all">>;
 type Options = {
   count?: number;
   placeholders?: {

package/dist/types/locales/de.d.ts

@@ -32,5 +32,6 @@ declare const _default: {
   'sort-none': string;
   'table-pagination-label': string;
   'avatar-alt': string;
+  'toast-close-all': string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -32,5 +32,6 @@ declare const _default: {
   'sort-none': string;
   'table-pagination-label': string;
   'avatar-alt': string;
+  'toast-close-all': string;
 };
 export default _default;

package/dist/types/stencil-public-runtime.d.ts

@@ -62,7 +62,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -128,7 +128,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -471,7 +471,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;

package/dist/types/utils/events.d.ts

@@ -1,4 +1,4 @@
-type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus';
+type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'toggle';
 export declare function stopPropagation(event: Event): void;
 export declare function tryToDispatchKoliBriEvent<T>(type: KoliBriEventType, target?: EventTarget, detail?: T): void;
 export {};

package/dist/types/utils/markdown.d.ts

@@ -0,0 +1 @@
+export declare const md: (str: string) => string;

package/dist/types/utils/reuse.d.ts

@@ -1,5 +1,5 @@
 export declare const propagateFocus: <H extends HTMLElement, R extends HTMLElement>(host?: H | undefined, ref?: R | undefined) => void;
-export declare const smartSetTimeout: (cb: () => void, delay?: number) => void;
 type ProzessEnv = 'development' | 'production' | 'test';
 export declare let processEnv: ProzessEnv;
+export declare const handleSlotContent: (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => void;
 export {};

package/doc/button.md

@@ -131,6 +131,7 @@ Probleme mit Disabled-Status
  - [kol-nav](../nav)
  - [kol-pagination](../pagination)
  - [kol-table](../table)
+ - [kol-toast-container](../toast-container)
 
 ### Depends on
 
@@ -147,6 +148,7 @@ graph TD;
   kol-nav --> kol-button
   kol-pagination --> kol-button
   kol-table --> kol-button
+  kol-toast-container --> kol-button
   style kol-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/doc/details.md

@@ -91,11 +91,12 @@ Verwenden Sie das Attribut **`_label`**, um den Text zu definieren, der als Übe
 
 ## Properties
 
-| Property   | Attribute  | Description                                                                                                                          | Type                   | Default     |
-| ---------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------ | ---------------------- | ----------- |
-| `_label`   | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                   | `string` \| `undefined`  | `undefined` |
-| `_open`    | `_open`    | If set (to true) opens/expands the element, closes if not set (or set to false).                                                     | `boolean` \| `undefined` | `false`     |
-| `_summary` | `_summary` | <span class="text-red-500">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Zusammenfassung der Detailbeschreibung an. | `string` \| `undefined`  | `undefined` |
+| Property   | Attribute  | Description                                                                                                                          | Type                                                                                  | Default     |
+| ---------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------- | ----------- |
+| `_label`   | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                   | `string` \| `undefined`                                                                 | `undefined` |
+| `_on`      | --         | Defines the callback functions for details.                                                                                          | `undefined` \| `{ onToggle?: 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`     |
+| `_summary` | `_summary` | <span class="text-red-500">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Zusammenfassung der Detailbeschreibung an. | `string` \| `undefined`                                                                 | `undefined` |
 
 
 ## Slots