@public-ui/components 2.1.8 → 2.1.9

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.8",
+  "version": "2.1.9",
   "tags": [
     {
       "name": "kol-abbr",
@@ -141,63 +141,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-alert-wc",
-      "description": "Synonyme: Message\n\nDie **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ `_type` des Alert.",
-      "attributes": [
-        {
-          "name": "_alert",
-          "type": "boolean | undefined",
-          "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "false",
-          "required": false
-        },
-        {
-          "name": "_has-closer",
-          "type": "boolean | undefined",
-          "description": "Defines whether the element can be closed.",
-          "defaultValue": "false",
-          "required": false
-        },
-        {
-          "name": "_label",
-          "type": "string | undefined",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
-          "required": false
-        },
-        {
-          "name": "_level",
-          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
-          "required": false
-        },
-        {
-          "name": "_type",
-          "type": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
-          "description": "Defines either the type of the component or of the components interactive element.",
-          "defaultValue": "'default'",
-          "required": false
-        },
-        {
-          "name": "_variant",
-          "type": "\"card\" | \"msg\" | undefined",
-          "description": "Defines which variant should be used for presentation.",
-          "defaultValue": "'msg'",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [
-        {
-          "name": "",
-          "description": "Der Inhalt der Meldung."
-        }
-      ],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-avatar",
       "description": "Synonyme: Persona\n\nDie **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist.",
@@ -221,29 +164,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-avatar-wc",
-      "description": "Synonyme: Persona\n\nDie **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist.",
-      "attributes": [
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
-          "required": true
-        },
-        {
-          "name": "_src",
-          "type": "string | undefined",
-          "description": "Sets the image `src` attribute to the given string.",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-badge",
       "description": "Mit **Badges** können Sie bestimmte Informationen auf Ihrer Webseite optisch hervorheben.\nKoliBri bietet neben der Angabe der Hintergrundfarbe und automatischer Berechnung der Textfarbe auch die Möglichkeit, einem Badge ein Icon und/oder einen anderen Schriftschnitt mitzugeben.",
@@ -453,16 +373,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-button-group-wc",
-      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
-      "attributes": [],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-button-link",
       "description": "Der ButtonLink ist semantisch ein Button und hat das Design eines Links. Hierzu werden alle relevanten Properties der Button-Komponente übernommen und um die Design-bestimmenden Properties des Links erweitert.\n\nEinen Button kann man deaktivieren und daher gibt es bei einem ButtonLink das Property `_disabled`. Wie das optisch ausgestaltet wird, entscheidet die UX-Designer:in.\n\nStatt, wie bei einem Link, `_href` zu verwenden, wird bei einem ButtonLink das Property über den `Click-Callback` gesteuert. Hierzu wird das `_on`-Property verwendet.\n\nBei einem Link gibt es das Property `target`, welches ggf. den Link in einem neuen Fenster/Tab öffnet. Das Verhalten ist aktuell noch nicht umgesetzt.\n\nDa der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `secondary` usw.) angeboten wird, stehen die Properties `_customClass` und `_variant` nicht zur Verfügung.",
@@ -640,7 +550,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -689,6 +598,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -780,6 +695,13 @@
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         },
+        {
+          "name": "_level",
+          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
+          "defaultValue": "1",
+          "required": false
+        },
         {
           "name": "_open",
           "type": "boolean | undefined",
@@ -812,7 +734,7 @@
     },
     {
       "name": "kol-drawer",
-      "description": "Synonyme: Modal, Modal Dialog, Corner Dialog, Prompt\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#476af5\" _label=\"Preview\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.\n</kol-alert>\n\nMit Hilfe der **Drawer**-Komponente können zusätzliche Informationen oder auch Navigationselemente in einem ausklappbaren Seitenfenster angezeigt werden. Ein offener Drawer kann als Modal (\\_modal) via ESC geschlossen werden. Die **Drawer**-Komponente ist standardmäßig versteckt. Sie wird i.d.R. erst nach Klick auf einen Button oder sonstigem Trigger angezeigt bzw. controlled mit dem Attribut \\_open gesteuert.\n\n```html\n<kol-drawer _label=\"Drawer\" _open _modal _align=\"top\"> </kol-drawer>\n```",
+      "description": "Synonyme: Modal, Modal Dialog, Corner Dialog, Prompt\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#476af5\" _label=\"Preview\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.\n</kol-alert>\n\nMithilfe der **Drawer**-Komponente können zusätzliche Informationen oder auch Navigationselemente in einem ausklappbaren Seitenfenster angezeigt werden. Ein offener Drawer kann als Modal (`_modal`) via ESC geschlossen werden.\n\nDie **Drawer**-Komponente ist standardmäßig versteckt. Sie wird i.d.R. erst nach Klick auf einen Button oder sonstigem Trigger angezeigt bzw. controlled mit dem Attribut `_open` gesteuert.\n\n```html\n<kol-drawer _label=\"Drawer\" _open _modal _align=\"top\"></kol-drawer>\n```",
       "attributes": [
         {
           "name": "_align",
@@ -930,47 +852,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-heading-wc",
-      "description": "Die **Heading**-Komponente kann überall dort verwendet werden, wo eine Überschrift angezeigt werden soll. Durch die Verwendung der unterschiedlichen Größen, lassen sich Inhalte klar strukturieren und Seiten wirkungsvoll und abwechslungsreich präsentieren. Sie trennt Styling von Semantik und ermöglicht Flexibilität.",
-      "attributes": [
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "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.",
-          "required": true
-        },
-        {
-          "name": "_level",
-          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
-          "required": false
-        },
-        {
-          "name": "_secondary-headline",
-          "type": "string | undefined",
-          "description": "Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.",
-          "required": false
-        },
-        {
-          "name": "_variant",
-          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"strong\" | undefined",
-          "description": "Defines which variant should be used for presentation.",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [
-        {
-          "name": "",
-          "description": "Inhalt der Überschrift."
-        }
-      ],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-icon",
       "description": "Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **`_icon`** gesteuert werden und erfolgt durch das Attribut **`_label`** barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.\n\nAktuell werden die Icons von <kol-link _href=\"https://microsoft.github.io/vscode-codicons/dist/codicon.html\" _target=\"_blank\" _label=\"Codicons\"></kol-link> unterstützt.\n\n<kol-alert _heading=\"Hinweis\" _type=\"info\">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.</kol-alert>",
@@ -1056,21 +937,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-indented-text-wc",
-      "description": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href=\"/docs/components/quote/\" _label=\"/docs/components/quote/\" _label=\"kol-quote-Komponente\"></kol-link> verwendet werden.).",
-      "attributes": [],
-      "events": [],
-      "methods": [],
-      "slots": [
-        {
-          "name": "",
-          "description": "Der Text."
-        }
-      ],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-input-checkbox",
       "description": "Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken aktiviert und wieder deaktiviert wird. In aktiviertem Zustand befindet sich ein farbiger Haken in der Box.",
@@ -1085,7 +951,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -1160,6 +1025,12 @@
           "defaultValue": "'right'",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -1249,7 +1120,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -1310,6 +1180,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -1396,7 +1272,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -1469,6 +1344,12 @@
           "description": "Defines the smallest possible input value.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -1551,7 +1432,7 @@
         {
           "name": "getValue",
           "description": "",
-          "signature": "getValue() => Promise<string | undefined>"
+          "signature": "getValue() => Promise<string | Date | undefined>"
         },
         {
           "name": "kolFocus",
@@ -1587,7 +1468,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -1661,6 +1541,12 @@
           "description": "Defines the maximum number of input characters.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_multiple",
           "type": "boolean | undefined",
@@ -1786,7 +1672,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -1841,6 +1726,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_multiple",
           "type": "boolean | undefined",
@@ -1935,7 +1826,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -2008,6 +1898,12 @@
           "description": "Defines the smallest possible input value.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -2120,7 +2016,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -2194,6 +2089,12 @@
           "description": "Defines the maximum number of input characters.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -2307,7 +2208,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -2356,6 +2256,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -2450,7 +2356,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -2523,6 +2428,12 @@
           "description": "Defines the smallest possible input value.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -2609,7 +2520,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -2683,6 +2593,12 @@
           "description": "Defines the maximum number of input characters.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -3260,36 +3176,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-popover-wc",
-      "description": "> <kol-badge _label=\"untested\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.\n\nDie **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href=\"\" _label=\"Tooltip\"></kol-link>, um sein Triggerelement angeordnet ist.\nDas Triggerelement ist immer das im HTML vorangehende Element (previousSibling).\n\n<kol-alert _type=\"info\" _variant=\"card\">Die **Popover**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden.</kol-alert>",
-      "attributes": [
-        {
-          "name": "_align",
-          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Defines the alignment of the tooltip, popover or tabs in relation to the element.",
-          "defaultValue": "'top'",
-          "required": false
-        },
-        {
-          "name": "_show",
-          "type": "boolean | undefined",
-          "description": "Makes the element show up.",
-          "defaultValue": "false",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [
-        {
-          "name": "",
-          "description": "Der Inhalt des Popover."
-        }
-      ],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-progress",
       "description": "Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.",
@@ -3382,7 +3268,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -3437,6 +3322,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_multiple",
           "type": "boolean | undefined",
@@ -3537,7 +3428,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -3586,6 +3476,12 @@
           "description": "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.",
           "required": true
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -4039,53 +3935,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-table-stateless-wc",
-      "description": "Synonyme: Data Table, Details List, Data Grid\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#476af5\" _label=\"Preview\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.\n</kol-alert>\n\nDie **TableStateless**-Komponente ist für die reine Darstellung der KoliBri-Tabelle verantwortlich. Für eine Tabellen-Komponente, die Sortierung und Paginierung mit den zur Verfügung gestellten Daten automatisch übernehmen kann, siehe [KolTableStateful](../table-stateful/readme.md).\n\nTableStateless bietet sich insbesondere bei größeren Datenmengen an, wenn es nicht praktikabel ist, die komplette Datenmenge zur Filterung und Sortierung in den Browser auszuliefern.",
-      "attributes": [
-        {
-          "name": "_data",
-          "type": "KoliBriTableDataType[] | string",
-          "description": "Defines the primary table data.",
-          "required": true
-        },
-        {
-          "name": "_data-foot",
-          "type": "KoliBriTableDataType[] | string | undefined",
-          "description": "Defines the data for the table footer.",
-          "required": false
-        },
-        {
-          "name": "_header-cells",
-          "type": "string | { horizontal?: KoliBriTableHeaderCell[][] | undefined; vertical?: KoliBriTableHeaderCell[][] | undefined; }",
-          "description": "Defines the horizontal and vertical table headers.",
-          "required": true
-        },
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
-          "required": true
-        },
-        {
-          "name": "_min-width",
-          "type": "string | undefined",
-          "description": "Defines the table min-width.",
-          "required": false
-        },
-        {
-          "name": "_selection",
-          "type": "string | undefined | ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string | undefined; multiple?: boolean | undefined; selectedKeys?: string[] | undefined; })",
-          "description": "Defines how rows can be selected and the current selection.",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-tabs",
       "description": "Synonyme: Navigation, Nav\n\nDie **Tabs**-Komponente wird verwendet, um verwandte Inhalte auf derselben Seite zu organisieren und zwischen ihnen zu navigieren. Tabs sorgen dafür, dass große Inhaltsmengen für Nutzer:innen leichter organisiert werden können. Tabs sind in Registerkartenleisten angeordnet, die als Registerkartengruppen bezeichnet werden, wobei die Registerkartenbeschriftung den Nutzer:innen einen Hinweis darauf gibt, welcher Inhalt angezeigt wird, wenn die Registerkarte ausgewählt wird.",
@@ -4150,7 +3999,6 @@
           "name": "_alert",
           "type": "boolean | undefined",
           "description": "Defines whether the screen-readers should read out the notification.",
-          "defaultValue": "true",
           "required": false
         },
         {
@@ -4212,6 +4060,12 @@
           "description": "Defines the maximum number of input characters.",
           "required": false
         },
+        {
+          "name": "_msg",
+          "type": "string | undefined | {} & { _level?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; } & { _description: string; }",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
         {
           "name": "_name",
           "type": "string | undefined",
@@ -4343,42 +4197,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-tooltip-wc",
-      "description": "Synonyme: Inline Dialog, Popover\n\n<kol-alert _type=\"info\" _variant=\"card\">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>\n\nDie **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.\n\nEin geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.\n\n**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht `display: inline` haben.",
-      "attributes": [
-        {
-          "name": "_access-key",
-          "type": "string | undefined",
-          "description": "Defines the elements access key.",
-          "required": false
-        },
-        {
-          "name": "_align",
-          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Defines the alignment of the tooltip, popover or tabs in relation to the element.",
-          "defaultValue": "'top'",
-          "required": false
-        },
-        {
-          "name": "_id",
-          "type": "string | undefined",
-          "description": "Defines the internal ID of the primary component element.",
-          "required": false
-        },
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
-          "required": true
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-tree",
       "description": "Synonyme: List, Navigation\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#476af5\" _label=\"Preview\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.\n</kol-alert>\n\nDie Komponente **Tree** stellt eine hierarchische Liste dar. Jedes Element in der Hierarchie kann Kindelemente haben, und Elemente, die Kinder haben, können erweitert oder reduziert werden, um die Kinder anzuzeigen oder zu verbergen.",
@@ -4508,23 +4326,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-tree-wc",
-      "description": "Synonyme: List, Navigation\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#476af5\" _label=\"Preview\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.\n</kol-alert>\n\nDie Komponente **Tree** stellt eine hierarchische Liste dar. Jedes Element in der Hierarchie kann Kindelemente haben, und Elemente, die Kinder haben, können erweitert oder reduziert werden, um die Kinder anzuzeigen oder zu verbergen.",
-      "attributes": [
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Defines the label of the tree.",
-          "required": true
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-version",
       "description": "Die **Version**-Komponente stellt kurze Inhalte auf einem farbigen Hintergrund dar. Die **Version**-Komponente ist mit der **Tag**-Komponente eng verwandt, bietet aber nur ein Attribut zur Konfiguration. Sie ist optimiert für die Angabe z.B. von Versionen einer Seite.",