@public-ui/components 2.0.0-rc.3 → 2.0.0-rc.4

package/dist/types/components.d.ts

@@ -59,8 +59,7 @@ import { SpinVariantPropType } from "./types/props/variant/spin";
 import { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./components/table/types";
 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";
+import { Toast, ToastState } 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";
@@ -115,8 +114,7 @@ export { SpinVariantPropType } from "./types/props/variant/spin";
 export { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./components/table/types";
 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 { Toast, ToastState } from "./components/toast-container/types";
 export namespace Components {
     interface KolAbbr {
         /**
@@ -1736,7 +1734,7 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.
          */
@@ -1864,7 +1862,7 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.
          */
@@ -1995,10 +1993,6 @@ export namespace Components {
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-         */
-        "_variant"?: ButtonVariantPropType;
     }
     interface KolPopover {
         /**
@@ -2437,24 +2431,6 @@ export namespace Components {
          */
         "_value"?: string;
     }
-    interface KolToast {
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
-         */
-        "_label": LabelPropType;
-        /**
-          * Defines the event callback functions for the component.
-         */
-        "_on"?: KoliBriToastEventCallbacks;
-        /**
-          * Defines the current toast status.
-         */
-        "_status": ToastStatus;
-        /**
-          * Defines either the type of the component or of the components interactive element.
-         */
-        "_type"?: AlertType;
-    }
     interface KolToastContainer {
         "enqueue": (toast: Toast) => Promise<void>;
     }
@@ -2813,12 +2789,6 @@ declare global {
         prototype: HTMLKolTextareaElement;
         new (): HTMLKolTextareaElement;
     };
-    interface HTMLKolToastElement extends Components.KolToast, HTMLStencilElement {
-    }
-    var HTMLKolToastElement: {
-        prototype: HTMLKolToastElement;
-        new (): HTMLKolToastElement;
-    };
     interface HTMLKolToastContainerElement extends Components.KolToastContainer, HTMLStencilElement {
     }
     var HTMLKolToastContainerElement: {
@@ -2893,7 +2863,6 @@ declare global {
         "kol-table": HTMLKolTableElement;
         "kol-tabs": HTMLKolTabsElement;
         "kol-textarea": HTMLKolTextareaElement;
-        "kol-toast": HTMLKolToastElement;
         "kol-toast-container": HTMLKolToastContainerElement;
         "kol-tooltip-wc": HTMLKolTooltipWcElement;
         "kol-version": HTMLKolVersionElement;
@@ -4461,7 +4430,7 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.
          */
@@ -4589,7 +4558,7 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.
          */
@@ -4720,10 +4689,6 @@ declare namespace LocalJSX {
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-         */
-        "_variant"?: ButtonVariantPropType;
     }
     interface KolPopover {
         /**
@@ -5150,24 +5115,6 @@ declare namespace LocalJSX {
          */
         "_value"?: string;
     }
-    interface KolToast {
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
-         */
-        "_label": LabelPropType;
-        /**
-          * Defines the event callback functions for the component.
-         */
-        "_on"?: KoliBriToastEventCallbacks;
-        /**
-          * Defines the current toast status.
-         */
-        "_status": ToastStatus;
-        /**
-          * Defines either the type of the component or of the components interactive element.
-         */
-        "_type"?: AlertType;
-    }
     interface KolToastContainer {
     }
     interface KolTooltipWc {
@@ -5246,7 +5193,6 @@ declare namespace LocalJSX {
         "kol-table": KolTable;
         "kol-tabs": KolTabs;
         "kol-textarea": KolTextarea;
-        "kol-toast": KolToast;
         "kol-toast-container": KolToastContainer;
         "kol-tooltip-wc": KolTooltipWc;
         "kol-version": KolVersion;
@@ -5314,7 +5260,6 @@ declare module "@stencil/core" {
             "kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;
             "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/index.d.ts

@@ -1 +1 @@
-export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";export{ToasterService}from"./components/toast/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";
+export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";export{ToasterService}from"./components/toast-container/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";

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

@@ -1134,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/doc/button.md

@@ -124,7 +124,6 @@ Probleme mit Disabled-Status
 ### Used by
 
  - [kol-nav](../nav)
- - [kol-pagination](../pagination)
  - [kol-table](../table)
  - [kol-toast-container](../toast-container)
 
@@ -141,7 +140,6 @@ graph TD;
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
   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/link.md

@@ -67,20 +67,20 @@ Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern
 
 ## Properties
 
-| Property              | Attribute              | Description                                                                                                                                                                                   | Type                                                                                | Default                                        |
-| --------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------- |
-| `_download`           | `_download`            | Tells the browser that the link contains a file. Optionally sets the filename.                                                                                                                | `string` \| `undefined`                                                               | `undefined`                                    |
-| `_hideLabel`          | `_hide-label`          | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                    | `boolean` \| `undefined`                                                              | `false`                                        |
-| `_href` _(required)_  | `_href`                | Sets the target URI of the link or citation source.                                                                                                                                           | `string`                                                                            | `undefined`                                    |
-| `_icons`              | `_icons`               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                               | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`              | `undefined`                                    |
-| `_label` _(required)_ | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                  | `string`                                                                            | `undefined`                                    |
-| `_listenAriaCurrent`  | `_listen-aria-current` | Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`        | `undefined`                                    |
-| `_on`                 | --                     | Defines the callback functions for links.                                                                                                                                                     | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined`                                    |
-| `_role`               | `_role`                | Defines the role of the components primary element.                                                                                                                                           | `"button"` \| `"link"` \| `"tab"` \| `undefined`                                          | `undefined`                                    |
-| `_tabIndex`           | `_tab-index`           | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                              | `number` \| `undefined`                                                               | `undefined`                                    |
-| `_target`             | `_target`              | Defines where to open the link.                                                                                                                                                               | `string` \| `undefined`                                                               | `undefined`                                    |
-| `_targetDescription`  | `_target-description`  | Defines the description to use when the link is going to be opened in another application.                                                                                                    | `string` \| `undefined`                                                               | `'Der Link wird in einem neuen Tab geöffnet.'` |
-| `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                     | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                               | `'right'`                                      |
+| Property             | Attribute              | Description                                                                                                                                                                                   | Type                                                                                | Default                                        |
+| -------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------- |
+| `_download`          | `_download`            | Tells the browser that the link contains a file. Optionally sets the filename.                                                                                                                | `string` \| `undefined`                                                               | `undefined`                                    |
+| `_hideLabel`         | `_hide-label`          | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                    | `boolean` \| `undefined`                                                              | `false`                                        |
+| `_href` _(required)_ | `_href`                | Sets the target URI of the link or citation source.                                                                                                                                           | `string`                                                                            | `undefined`                                    |
+| `_icons`             | `_icons`               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                               | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`              | `undefined`                                    |
+| `_label`             | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                  | `string` \| `undefined`                                                               | `undefined`                                    |
+| `_listenAriaCurrent` | `_listen-aria-current` | Listen on an aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`        | `undefined`                                    |
+| `_on`                | --                     | Defines the callback functions for links.                                                                                                                                                     | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined`                                    |
+| `_role`              | `_role`                | Defines the role of the components primary element.                                                                                                                                           | `"button"` \| `"link"` \| `"tab"` \| `undefined`                                          | `undefined`                                    |
+| `_tabIndex`          | `_tab-index`           | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                              | `number` \| `undefined`                                                               | `undefined`                                    |
+| `_target`            | `_target`              | Defines where to open the link.                                                                                                                                                               | `string` \| `undefined`                                                               | `undefined`                                    |
+| `_targetDescription` | `_target-description`  | Defines the description to use when the link is going to be opened in another application.                                                                                                    | `string` \| `undefined`                                                               | `'Der Link wird in einem neuen Tab geöffnet.'` |
+| `_tooltipAlign`      | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                     | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                               | `'right'`                                      |
 
 
 ## Dependencies

package/doc/pagination.md

@@ -59,7 +59,6 @@ Klassische Anwendungsbereiche einer Paginierung sind z.B. Blog-ähnliche Inhalte
 | `_pageSizeOptions`   | `_page-size-options` | Defines the options for the page-size-select.                                                                      | `number[]` \| `string`                                                                                                                                                                                                   | `[]`        |
 | `_siblingCount`      | `_sibling-count`     | Defines the amount of pages to show next to the current page.                                                      | `number` \| `undefined`                                                                                                                                                                                                  | `1`         |
 | `_tooltipAlign`      | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                          | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                  | `'top'`     |
-| `_variant`           | `_variant`           | Defines which variant should be used for presentation.                                                             | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                                                                                   | `'normal'`  |
 
 
 ## Dependencies
@@ -70,17 +69,14 @@ Klassische Anwendungsbereiche einer Paginierung sind z.B. Blog-ähnliche Inhalte
 
 ### Depends on
 
-- [kol-button](../button)
-- [kol-select](../select)
 - kol-button-wc
+- [kol-select](../select)
 
 ### Graph
 ```mermaid
 graph TD;
-  kol-pagination --> kol-button
-  kol-pagination --> kol-select
   kol-pagination --> kol-button-wc
-  kol-button --> kol-button-wc
+  kol-pagination --> kol-select
   kol-button-wc --> kol-span-wc
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon

package/doc/table.md

@@ -122,14 +122,14 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
 
 ## Properties
 
-| Property                | Attribute     | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default     |
-| ----------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_data` _(required)_    | `_data`       | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |
-| `_dataFoot`             | `_data-foot`  | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
-| `_headers` _(required)_ | `_headers`    | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
-| `_label` _(required)_   | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_minWidth`             | `_min-width`  | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
-| `_pagination`           | `_pagination` | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| Property                | Attribute     | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
+| ----------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_data` _(required)_    | `_data`       | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
+| `_dataFoot`             | `_data-foot`  | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_headers` _(required)_ | `_headers`    | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_label` _(required)_   | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
+| `_minWidth`             | `_min-width`  | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_pagination`           | `_pagination` | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
 
 
 ## Dependencies
@@ -149,9 +149,8 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  kol-pagination --> kol-button
-  kol-pagination --> kol-select
   kol-pagination --> kol-button-wc
+  kol-pagination --> kol-select
   kol-select --> kol-input
   kol-input --> kol-icon
   kol-input --> kol-button-wc

package/doc/toast-container.md

@@ -21,19 +21,18 @@ Type: `Promise<void>`
 ### Depends on
 
 - [kol-button](../button)
-- [kol-toast](../toast)
+- [kol-alert](../alert)
 
 ### Graph
 ```mermaid
 graph TD;
   kol-toast-container --> kol-button
-  kol-toast-container --> kol-toast
+  kol-toast-container --> kol-alert
   kol-button --> kol-button-wc
   kol-button-wc --> kol-span-wc
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  kol-toast --> kol-alert
   kol-alert --> kol-alert-wc
   kol-alert-wc --> kol-heading-wc
   kol-alert-wc --> kol-button-wc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.4",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": {

package/vscode-custom-data.json

@@ -2309,33 +2309,6 @@
               "name": "top"
             }
           ]
-        },
-        {
-          "name": "_variant",
-          "description": "Defines which variant should be used for presentation.",
-          "values": [
-            {
-              "name": "custom"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "primary"
-            },
-            {
-              "name": "secondary"
-            },
-            {
-              "name": "tertiary"
-            }
-          ]
         }
       ]
     },
@@ -2957,55 +2930,6 @@
         }
       ]
     },
-    {
-      "name": "kol-toast",
-      "description": {
-        "kind": "markdown",
-        "value": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster\nangezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt."
-      },
-      "attributes": [
-        {
-          "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
-        },
-        {
-          "name": "_status",
-          "description": "Defines the current toast status.",
-          "values": [
-            {
-              "name": "adding"
-            },
-            {
-              "name": "removing"
-            },
-            {
-              "name": "settled"
-            }
-          ]
-        },
-        {
-          "name": "_type",
-          "description": "Defines either the type of the component or of the components interactive element.",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "error"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            }
-          ]
-        }
-      ]
-    },
     {
       "name": "kol-toast-container",
       "description": {

package/dist/cjs/align-95b53c58.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const alignment=require("./alignment-03e355e0.js"),validateAlign=(e,i)=>{alignment.validateAlignment(e,"_align",i)};exports.validateAlign=validateAlign;

package/dist/cjs/alternative-button-link-role-b235601d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-24583d38.js"),validateAlternativeButtonLinkRole=(t,e)=>{prop_validators.watchString(t,"_role",e)};exports.validateAlternativeButtonLinkRole=validateAlternativeButtonLinkRole;

package/dist/cjs/app-globals-bfd0d4f8.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const index$1=require("./index-e9e81c6a.js"),index=require("./index-950ae176.js"),dev_utils=require("./dev.utils-c8fa395c.js"),reuse=require("./reuse-786396d6.js"),appGlobalScript=async()=>{index$1.setMode((e=>(e.shadowRoot instanceof ShadowRoot&&dev_utils.setThemeStyle(e,dev_utils.getThemeDetails(e)),"default"))),await index.register([],[]),Promise.resolve().then((function(){return require("./devtools-8b3a7d47.js")})).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{dev_utils.Log.error(e)})),reuse.processEnv&&Promise.resolve().then((function(){return require("./index-d94c6297.js")}))},globalScripts=appGlobalScript;exports.globalScripts=globalScripts;

package/dist/cjs/app-globals-bfd0d4f8.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-bfd0d4f8.js","mappings":";;;;;;;;;;AAQA,wBAAe;EACdA,eAAO,CAAC,CAAC,GAAG;IACX,IAAI,GAAG,CAAC,UAAU,YAAY,UAAU,EAAE;MACzCC,uBAAa,CAAC,GAAG,EAAEC,yBAAe,CAAC,GAAG,CAAC,CAAC,CAAC;KACzC;IACD,OAAO,SAAS,CAAC;GACjB,CAAC,CAAC;EAEH,MAAMC,cAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EAEvB,oDAAO,wBAAY,KAAC;KAClB,IAAI,CAAC,CAAC,QAAQ;IACd,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;MACnG,QAAQ,CAAC,UAAU,EAAE,CAAC;KACtB;GACD,CAAC;KACD,KAAK,CAAC,CAAC,KAAK;IACZC,aAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;GACjB,CAAC,CAAC;EAGJ,IAAIC,gBAAU,EAAE;IACf,oDAAO,qBAAQ,KAAC,CAAC;GACjB;AACF,CAAC;;AC/BW,MAAC,aAAa,GAAG;;;;","names":["setMode","setThemeStyle","getThemeDetails","register","Log","processEnv"],"sources":["src/global/script.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { getThemeDetails, setThemeStyle } from '@a11y-ui/core';\nimport { setMode } from '@stencil/core';\n\nimport { register } from '../core';\nimport { Log } from '../utils/dev.utils';\nimport { processEnv } from '../utils/reuse';\n\n// ts-prune-ignore-next\nexport default async (): Promise<void> => {\n\tsetMode((elm) => {\n\t\tif (elm.shadowRoot instanceof ShadowRoot) {\n\t\t\tsetThemeStyle(elm, getThemeDetails(elm));\n\t\t}\n\t\treturn 'default';\n\t});\n\n\tawait register([], []);\n\n\timport('./devtools')\n\t\t.then((devTools) => {\n\t\t\tif (typeof devTools === 'object' && devTools !== null && typeof devTools.initialize === 'function') {\n\t\t\t\tdevTools.initialize();\n\t\t\t}\n\t\t})\n\t\t.catch((error) => {\n\t\t\tLog.error(error);\n\t\t});\n\n\t/* Import scripts necessary for the development server, i.e. the /dev/*.html files. Only include in development environment. */\n\tif (processEnv) {\n\t\timport('../dev');\n\t}\n};\n","import appGlobalScript from '/home/runner/work/kolibri/kolibri/packages/components/src/global/script.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/controller-6a5f35e0.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-58b6205e.js"),dev_utils=require("./dev.utils-c8fa395c.js"),prop_validators=require("./prop.validators-24583d38.js"),searchFormElement=e=>{for(dev_utils.getExperimentalMode()&&(a11y_tipps.devHint("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;)e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null,dev_utils.getExperimentalMode()&&console.log(e);return dev_utils.getExperimentalMode()&&a11y_tipps.devHint("↑ Search form element finished."),e},propagateResetEventToForm=(e={})=>{var t,o;const r=searchFormElement(e.form);if(r instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===r.tagName)prop_validators.setEventTarget(e,r),r.dispatchEvent(e);else if("KOL-FORM"===r.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",r));const a=r;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onReset)&&(null===(o=a._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{var t,o;const r=searchFormElement(e.form);if(r instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:r});if("FORM"===r.tagName)prop_validators.setEventTarget(e,r),r.dispatchEvent(e);else if("KOL-FORM"===r.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",r));const a=r;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=a._on)||void 0===o||o.onSubmit(e))}}};exports.propagateResetEventToForm=propagateResetEventToForm,exports.propagateSubmitEventToForm=propagateSubmitEventToForm;

package/dist/cjs/controller-6a5f35e0.js.map

@@ -1 +0,0 @@
-{"file":"controller-6a5f35e0.js","mappings":";;;;;;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAoC;EAC9D,IAAIA,6BAAmB,EAAE,EAAE;IAC1BC,kBAAO,CAAC,8BAA8B,CAAC,CAAC;IACxC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;GAChB;EACD,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU,EAAE;IACvF,IAAI,EAAE,CAAC,aAAa,YAAY,WAAW,EAAE;MAC5C,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;KACtB;SAAM,IAAI,EAAE,CAAC,UAAU,YAAY,UAAU,EAAE;MAC/C,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;KACxB;SAAM;MACN,EAAE,GAAG,IAAI,CAAC;KACV;IACD,IAAID,6BAAmB,EAAE,EAAE;MAC1B,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;KAChB;GACD;EACD,IAAIA,6BAAmB,EAAE,EAAE;IAC1BC,kBAAO,CAAC,iCAAiC,CAAC,CAAC;GAC3C;EACD,OAAO,EAAE,CAAC;AACX,CAAC,CAAC;MAEW,yBAAyB,GAAG,CACxC,UAGI,EAAE;;EAEN,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;EAC7C,IAAI,IAAI,YAAY,WAAW,EAAE;IAChC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE;MAChC,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,IAAI;KAChB,CAAC,CAAC;IACH,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;MAC5BC,8BAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;MAC5B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC1B;SAAM,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;MACvCA,8BAAc,CAAC,KAAK,EAAEC,gCAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC,CAAC;MACvF,MAAM,OAAO,GAAG,IAAa,CAAC;MAC9B,IAAI,QAAO,MAAA,OAAO,CAAC,GAAG,0CAAE,OAAO,CAAA,KAAK,UAAU,EAAE;QAC/C,QAAO,MAAA,OAAO,CAAC,GAAG,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA,CAAC;OACnC;KACD;GACD;AACF,EAAE;MAEW,0BAA0B,GAAG,CACzC,UAGI,EAAE;;EAEN,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;EAC7C,IAAI,IAAI,YAAY,WAAW,EAAE;IAChC,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;MACvC,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,IAAI;MAChB,SAAS,EAAE,IAAI;KACf,CAAC,CAAC;IAWH,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;MAC5BD,8BAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;MAC5B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC1B;SAAM,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;MACvCA,8BAAc,CAAC,KAAK,EAAEC,gCAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC,CAAC;MACvF,MAAM,OAAO,GAAG,IAAa,CAAC;MAC9B,IAAI,QAAO,MAAA,OAAO,CAAC,GAAG,0CAAE,QAAQ,CAAA,KAAK,UAAU,EAAE;QAChD,MAAA,OAAO,CAAC,GAAG,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;OAC7B;KACD;GACD;AACF;;;;;","names":["getExperimentalMode","devHint","setEventTarget","KoliBriDevHelper"],"sources":["src/components/form/controller.ts"],"sourcesContent":["import { devHint } from '../../utils/a11y.tipps';\nimport { getExperimentalMode } from '../../utils/dev.utils';\nimport { KoliBriDevHelper, setEventTarget } from '../../utils/prop.validators';\nimport { Props } from './types';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tconsole.log(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== 'KOL-FORM') {\n\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\tel = el.parentElement;\n\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\tel = el.parentNode.host;\n\t\t} else {\n\t\t\tel = null;\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tconsole.log(el);\n\t\t}\n\t}\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↑ Search form element finished.`);\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {}\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === 'KOL-FORM') {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as Props;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\ttypeof kolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {}\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === 'KOL-FORM') {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as Props;\n\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t}\n\t\t}\n\t}\n};\n"],"version":3}

package/dist/cjs/custom-class-13f91f6b.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-24583d38.js"),validateButtonVariant=(a,t)=>{prop_validators.watchValidator(a,"_variant",(a=>"primary"===a||"secondary"===a||"normal"===a||"danger"===a||"ghost"===a||"custom"===a),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),t,{defaultValue:"normal"})},validateCustomClass=(a,t)=>{prop_validators.watchString(a,"_customClass",t,{defaultValue:void 0})};exports.validateButtonVariant=validateButtonVariant,exports.validateCustomClass=validateCustomClass;

package/dist/cjs/custom-class-13f91f6b.js.map

@@ -1 +0,0 @@
-{"file":"custom-class-13f91f6b.js","mappings":";;;;;;;MAca,qBAAqB,GAAG,CAAC,SAAoC,EAAE,KAA6B;EACxGA,8BAAc,CACb,SAAS,EACT,UAAU,EACV,CAAC,KAAK,KAAK,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,QAAQ,EAC9I,IAAI,GAAG,CAAC,CAAC,0EAA0E,CAAC,CAAC,EACrF,KAAK,EACL;IACC,YAAY,EAAE,QAAQ;GACtB,CACD,CAAC;AACH;;MCVa,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B;EACpGC,2BAAW,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE;IAC7C,YAAY,EAAE,SAAS;GACvB,CAAC,CAAC;AACJ;;;;;","names":["watchValidator","watchString"],"sources":["src/types/props/button-variant.ts","src/types/props/custom-class.ts"],"sourcesContent":["/* types */\nimport { Generic } from '@a11y-ui/core';\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport type ButtonVariantPropType = 'primary' | 'secondary' | 'normal' | 'tertiary' | 'danger' | 'ghost' | 'custom';\n\n/**\n * Defines which variant should be used for presentation.\n */\nexport type PropButtonVariant = {\n\tvariant: ButtonVariantPropType;\n};\n\n/* validator */\nexport const validateButtonVariant = (component: Generic.Element.Component, value?: ButtonVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_variant`,\n\t\t(value) => value === 'primary' || value === 'secondary' || value === 'normal' || value === 'danger' || value === 'ghost' || value === 'custom',\n\t\tnew Set(['KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}']),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'normal',\n\t\t}\n\t);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchString } from '../../utils/prop.validators';\n\n/* types */\nexport type CustomClassPropType = string;\n\n/**\n * Defines the custom class attribute.\n */\nexport type PropCustomClass = {\n\tcustomClass: CustomClassPropType;\n};\n\n/* validator */\nexport const validateCustomClass = (component: Generic.Element.Component, value?: CustomClassPropType): void => {\n\twatchString(component, '_customClass', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"version":3}

package/dist/cjs/details-synced-open-state-f06dc47c.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const detailsElement=document.getElementById("details"),buttonElement=document.getElementById("button");detailsElement._on={onToggle:(e,t)=>{buttonElement._label="👆Details "+(t?"schließen":"öffnen")}},buttonElement._on={onClick:()=>{detailsElement._open=!detailsElement._open}};const detailsSyncedOpenState={};exports.default=detailsSyncedOpenState;

package/dist/cjs/details-synced-open-state-f06dc47c.js.map

@@ -1 +0,0 @@
-{"file":"details-synced-open-state-f06dc47c.js","mappings":";;;;;AAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAA0B,CAAC;AACnF,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAyB,CAAC;AAEhF,cAAc,CAAC,GAAG,GAAG;EACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,IAAa;IAC/B,aAAa,CAAC,MAAM,GAAG,aAAa,IAAI,GAAG,WAAW,GAAG,QAAQ,EAAE,CAAC;GACpE;CACD,CAAC;AAEF,aAAa,CAAC,GAAG,GAAG;EACnB,OAAO,EAAE;IACR,cAAc,CAAC,KAAK,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC;GAC7C;CACD,CAAC;AAEF,+BAAe,EAAE;;;;","names":[],"sources":["src/dev/details-synced-open-state.ts"],"sourcesContent":["const detailsElement = document.getElementById('details') as HTMLKolDetailsElement;\nconst buttonElement = document.getElementById('button') as HTMLKolButtonElement;\n\ndetailsElement._on = {\n\tonToggle: (_event, open: boolean) => {\n\t\tbuttonElement._label = `👆Details ${open ? 'schließen' : 'öffnen'}`;\n\t},\n};\n\nbuttonElement._on = {\n\tonClick: () => {\n\t\tdetailsElement._open = !detailsElement._open;\n\t},\n};\n\nexport default {};\n"],"version":3}