@public-ui/components 2.2.11 → 3.0.0-0a564237c37a5d1ca12470bdd73e4ea1eac06982.0

package/vscode-custom-data.json

@@ -5,30 +5,12 @@
       "name": "kol-abbr",
       "description": {
         "kind": "markdown",
-        "value": "Die **Abbr**-Komponente implementiert den HTML-Tag `abbr`, wobei hier jedoch der Tooltip barrierefrei ist.\nDer Tooltip für die Beschreibung wird bei Focus oder Hover der **Abbr**-Komponente angezeigt und vorgelesen."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
-        },
-        {
-          "name": "_tooltip-align",
-          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
-          "values": [
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "left"
-            },
-            {
-              "name": "right"
-            },
-            {
-              "name": "top"
-            }
-          ]
         }
       ]
     },
@@ -36,7 +18,7 @@
       "name": "kol-accordion",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Collapse\n\nDie **Accordion**-Komponente ist ein Aufklapp-Menü. Klickt man auf den Kopfbereich, bestehend aus Icon und Überschrift, klappt der Inhalt mit zusätzlichen Informationen auf. Somit ist es ein interaktives Navigationselement, welches dazu dient, umfangreiche Inhalte platzsparend darzustellen.\n\nAccordions kommen immer dann zum Einsatz, wenn einem thematischen Oberbegriff zugeordnete Inhalte angezeigt oder verborgen werden sollen. Sie erlauben umfangreichere Detailinformationen zu einem Oberbegriff, als es aus Gründen der Übersichtlichkeit eigentlich sinnvoll wäre. Sie überlassen es den Besucher:innen selbst, ob sie sich diese Informationen anzeigen lassen möchten."
+        "value": ""
       },
       "attributes": [
         {
@@ -61,7 +43,7 @@
       "name": "kol-alert",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -119,7 +101,7 @@
       "name": "kol-avatar",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Persona\n\nDie **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist."
+        "value": ""
       },
       "attributes": [
         {
@@ -136,7 +118,7 @@
       "name": "kol-badge",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -196,7 +178,7 @@
       "name": "kol-breadcrumb",
       "description": {
         "kind": "markdown",
-        "value": "Mit Hilfe der **Breadcrumb**-Komponente kann der Pfad zur aktuellen Position einer Webseite in einer hierarchischen Struktur dargestellt werden."
+        "value": ""
       },
       "attributes": [
         {
@@ -213,7 +195,7 @@
       "name": "kol-button",
       "description": {
         "kind": "markdown",
-        "value": "**Buttons** dienen dazu, Benutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Viewports zu finden und ermöglichen es ihnen, diese Aktionen auszuführen. Die Beschriftung des Buttons wird verwendet, um Nutzer:innen klar anzuzeigen, welche Aktion ausgelöst wird. Buttons ermöglichen es Nutzer:innen, eine Änderung zu bestätigen, Schritte in einer Aufgabe abzuschließen oder Entscheidungen zu treffen."
+        "value": ""
       },
       "attributes": [
         {
@@ -286,10 +268,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -356,19 +334,11 @@
         }
       ]
     },
-    {
-      "name": "kol-button-group",
-      "description": {
-        "kind": "markdown",
-        "value": "**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": []
-    },
     {
       "name": "kol-button-link",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -437,10 +407,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -484,7 +450,7 @@
       "name": "kol-card",
       "description": {
         "kind": "markdown",
-        "value": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_**.\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben."
+        "value": ""
       },
       "attributes": [
         {
@@ -505,29 +471,25 @@
       "name": "kol-combobox",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Autocomplete, Select, Dropdown\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 **Combobox**-Komponente erzeugt eine Auswahlliste, die ein Eingabefeld mit einer darunter angezeigten Liste von auswählbaren Optionen kombiniert."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -548,9 +510,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -560,6 +519,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -585,10 +547,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -621,7 +579,7 @@
       "name": "kol-details",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Disclosure, Collapse, Summary Detail\n\nMit Hilfe der **Detail**-Komponente können weiterführende Informationen zunächst mit einem kurzen Einleitungstext angezeigt werden, die erst nach Klick\ndurch die Nutzer:innen auf ein Pfeil-Icon in voller Größe aufgeklappt werden.\n\nDie **Detail**-Komponente stellt sich standardmäßig als einzeiliges Layout-Element dar, das aus einem Pfeil-Icon und einem nachfolgenden,\nkurzen Einleitungstext gebildet wird. Der eigentliche Inhalt der Komponente wird erst nach Klick auf den Kopfbereich nach unten hin geöffnet. Das Pfeil-Icon ändert dabei\nseine Ausrichtung von **_rechts_** nach **_unten_**.\nAnalog lässt sich die Komponente auch wieder schließen und der Inhalt damit verbergen."
+        "value": ""
       },
       "attributes": [
         {
@@ -646,7 +604,7 @@
       "name": "kol-drawer",
       "description": {
         "kind": "markdown",
-        "value": "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```"
+        "value": ""
       },
       "attributes": [
         {
@@ -671,10 +629,6 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
-        {
-          "name": "_modal",
-          "description": ""
-        },
         {
           "name": "_open",
           "description": "Opens/expands the element when truthy, closes/collapses when falsy."
@@ -685,7 +639,7 @@
       "name": "kol-form",
       "description": {
         "kind": "markdown",
-        "value": "Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinweistext für Pflichtfelder korrekt zu positionieren und die Events `submit` und `reset` weiterzuleiten."
+        "value": ""
       },
       "attributes": [
         {
@@ -698,7 +652,7 @@
       "name": "kol-heading",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -746,7 +700,7 @@
       "name": "kol-icon",
       "description": {
         "kind": "markdown",
-        "value": "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>"
+        "value": ""
       },
       "attributes": [
         {
@@ -763,7 +717,7 @@
       "name": "kol-image",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Img, Thumbnail\n\n> <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 **Image**-Komponente dient dazu, Bilder darzustellen."
+        "value": ""
       },
       "attributes": [
         {
@@ -796,29 +750,17 @@
         }
       ]
     },
-    {
-      "name": "kol-indented-text",
-      "description": {
-        "kind": "markdown",
-        "value": "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": []
-    },
     {
       "name": "kol-input-checkbox",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_checked",
           "description": "Defines whether the checkbox is checked or not. Can be read and written."
@@ -828,17 +770,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -875,9 +813,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -887,6 +822,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -904,10 +842,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -955,17 +889,13 @@
       "name": "kol-input-color",
       "description": {
         "kind": "markdown",
-        "value": "Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer beliebigen Farbe. Die Eingabe der Farbe kann in hexadezimaler Schreibweise, in RGB-Schreibweise oder in HSL-Schreibweise erfolgen. Möglich ist die Auswahl einer Farbe über einen Picker oder auch die exakte Eingabe von Farbwerten."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -983,17 +913,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1014,9 +940,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1026,6 +949,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -1082,10 +1008,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1118,17 +1040,13 @@
       "name": "kol-input-date",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Date Picker, Datetime Picker, Week Picker Month Picker, Time Picker, Calendar\n\nDer Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können konkrete Daten sein, aber auch Wochen, Monate oder Zeitangaben."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -1146,17 +1064,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1185,9 +1099,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1197,6 +1108,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -1265,10 +1179,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1322,17 +1232,13 @@
       "name": "kol-input-email",
       "description": {
         "kind": "markdown",
-        "value": "Der Input-Typ **E-Mail** erzeugt ein Eingabefeld für E-Mails."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -1349,22 +1255,18 @@
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
           "description": "Shows the character count on the lower border of the input."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1389,9 +1291,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1401,6 +1300,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -1477,10 +1379,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1513,7 +1411,7 @@
       "name": "kol-input-file",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Upload, File Uploader, File Picker, File Selector\n\nDer Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden."
+        "value": ""
       },
       "attributes": [
         {
@@ -1524,26 +1422,18 @@
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1564,9 +1454,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1576,6 +1463,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -1636,10 +1526,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1661,10 +1547,6 @@
         {
           "name": "_touched",
           "description": "Shows if the input was touched by a user."
-        },
-        {
-          "name": "_value",
-          "description": "Defines the value of the input."
         }
       ]
     },
@@ -1672,17 +1554,13 @@
       "name": "kol-input-number",
       "description": {
         "kind": "markdown",
-        "value": "Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -1700,17 +1578,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1739,9 +1613,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1751,6 +1622,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -1823,10 +1697,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1859,17 +1729,13 @@
       "name": "kol-input-password",
       "description": {
         "kind": "markdown",
-        "value": "Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe wird über Punktsymbole maskiert."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -1886,22 +1752,18 @@
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
           "description": "Shows the character count on the lower border of the input."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1926,9 +1788,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -1938,6 +1797,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -2006,10 +1868,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2054,33 +1912,25 @@
       "name": "kol-input-radio",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Choice Group, Radio Buttons\n\nDie Komponente **InputRadio** besteht aus einer Sammlung von Radio-Elementen und stellt so eine Auswahlmöglichkeit zwischen verschiedenen Werten dar. Es kann immer nur ein einzelner Wert zur gleichen Zeit ausgewählt werden. Ausgewählte Radio-Elemente werden i.d.R. mit einem gefüllten und optisch hervorgehobenen Kreis dargestellt.\n\n<kol-alert _alert _heading=\"Hinweis\" _level=\"1\" _type=\"info\">\n  Das Input-Radio dient der Abbildung einer Auswahlmöglichkeit bei der mindestens und maximal eine Auswahl getroffen werden kann. Das bedeutet, dass ein Input-Radio nicht einzeln vorkommen kann. Aufgrund dessen haben wir die Komponente als Listen-Komponente umgesetzt.\n</kol-alert><br/>"
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2097,9 +1947,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -2109,6 +1956,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -2142,10 +1992,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2178,17 +2024,13 @@
       "name": "kol-input-range",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Slider\n\nDer Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Verschieben eines Reglers verändert werden können."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -2206,17 +2048,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2245,9 +2083,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -2257,6 +2092,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -2278,10 +2116,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2314,17 +2148,13 @@
       "name": "kol-input-text",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Text Field\n\nDer Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe, URLs oder Telefonnummern.\n\nDie Komponente hat Known-Issues bezüglich Browserabhängigkeit und Barrierefreiheit. Näheres kann unter [KNOWN_ISSUES.md](https://github.com/public-ui/kolibri/blob/develop/KNOWN_ISSUES.md) nachgelssen werden."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed.",
@@ -2341,22 +2171,18 @@
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
           "description": "Shows the character count on the lower border of the input."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2381,9 +2207,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -2393,6 +2216,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -2469,10 +2295,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2523,7 +2345,7 @@
       "name": "kol-kolibri",
       "description": {
         "kind": "markdown",
-        "value": "Diese Komponente implementiert das Logo von KoliBri."
+        "value": ""
       },
       "attributes": [
         {
@@ -2540,7 +2362,7 @@
       "name": "kol-link",
       "description": {
         "kind": "markdown",
-        "value": "Die **Link**-Komponente rendert einen auf Barrierefreiheit optimierten Link, der als Text, als Icon oder auch in Kombination ausgegeben werden kann."
+        "value": ""
       },
       "attributes": [
         {
@@ -2624,10 +2446,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_target",
           "description": "Defines where to open the link."
@@ -2656,7 +2474,7 @@
       "name": "kol-link-button",
       "description": {
         "kind": "markdown",
-        "value": "Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.\nWeitere Informationen zum Aussehen finden Sie auf der <kol-link _href=\"/docs/components/button\" _label=\"Seite des Buttons\"></kol-link>."
+        "value": ""
       },
       "attributes": [
         {
@@ -2744,10 +2562,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_target",
           "description": "Defines where to open the link."
@@ -2800,10 +2614,10 @@
       ]
     },
     {
-      "name": "kol-link-group",
+      "name": "kol-modal",
       "description": {
         "kind": "markdown",
-        "value": "Die **LinkGroup**-Komponente bildet einen umfassenden Container für eine vertikale oder horizontale Liste von Links. Sie rendert eine auf Barrierefreiheit optimierte Liste von Links, die als Text, als Icon oder auch in Kombination ausgegeben werden kann. Möglich ist auch die Ausgabe von versteckten Links."
+        "value": "https://en.wikipedia.org/wiki/Modal_window"
       },
       "attributes": [
         {
@@ -2811,91 +2625,16 @@
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
-          "name": "_links",
-          "description": "Defines the list of links to render."
-        },
-        {
-          "name": "_list-style-type",
-          "description": "Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet",
-          "values": [
-            {
-              "name": "circle"
-            },
-            {
-              "name": "decimal"
-            },
-            {
-              "name": "decimal-leading-zero"
-            },
-            {
-              "name": "disc"
-            },
-            {
-              "name": "lower-alpha"
-            },
-            {
-              "name": "lower-greek"
-            },
-            {
-              "name": "lower-latin"
-            },
-            {
-              "name": "lower-roman"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "square"
-            },
-            {
-              "name": "upper-alpha"
-            },
-            {
-              "name": "upper-latin"
-            },
-            {
-              "name": "upper-roman"
-            }
-          ]
-        },
-        {
-          "name": "_orientation",
-          "description": "Defines whether the orientation of the component is horizontal or vertical.",
+          "name": "_variant",
+          "description": "Defines the variant of the modal.",
           "values": [
             {
-              "name": "horizontal"
+              "name": "blank"
             },
             {
-              "name": "vertical"
+              "name": "card"
             }
           ]
-        }
-      ]
-    },
-    {
-      "name": "kol-logo",
-      "description": {
-        "kind": "markdown",
-        "value": "> **[DEPRECATED]**: Das Logo wird eine interne Komponente.\n\nMit Hilfe der **Logo**-Komponente können an beliebigen Positionen die Logos verschiedener Bundesinstitutionen ausgegeben werden. Das Logo wird dabei aus einer Sammlung von SVG-Grafiken zusammengesetzt, die fertig konstruiert vorliegen."
-      },
-      "attributes": [
-        {
-          "name": "_org",
-          "description": "Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an."
-        }
-      ]
-    },
-    {
-      "name": "kol-modal",
-      "description": {
-        "kind": "markdown",
-        "value": "https://en.wikipedia.org/wiki/Modal_window"
-      },
-      "attributes": [
-        {
-          "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_width",
@@ -2907,7 +2646,7 @@
       "name": "kol-nav",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Navigation, Menu, Sidebar, Dropdowns (menu)\n\nEine **Navigationsleiste** ist eine Gruppe von verwandten Links oder Navigationselementen, die durch Anklicken eine Aktion ausführen oder Inhalte anzeigen. Sie navigiert Nutzer:innen direkt zu bestimmten Inhalten der aktuellen Seite oder zu externen Seiten. Außerdem dient sie Nutzer:innen (ähnlich wie Registerkarten) als Steuerelement, um Inhalte anzuzeigen, auszublenden und zwischen ihnen zu wechseln.\n\n**KoliBri** stellt eine umfangreich konfigurierbare, vertikale oder horizontale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann.\nÜbergeordnete Menüpunkte die Untermenüpunkte enthalten, werden mit einem **Plus-Icon** am rechten Rand angezeigt. Wird der übergeordnete Menüpunkt mit dem Plus-Icon geöffnet, ändert sich das Plus-Icon automatisch zu einem **Minus-Icon**, mit dem der Menüpunkt wieder geschlossen werden kann.\n\nAktive Menüpunkte werden mit einer farbigen Markierung dargestellt.\n\nÜber eine optionale Schaltfläche unterhalb der Navigation kann die Breite der **Nav**-Komponente verändert werden. In der kleinsten Breite werden die Menütitel ausgeblendet und nur\nnoch die Icons ausgegeben."
+        "value": ""
       },
       "attributes": [
         {
@@ -2952,7 +2691,7 @@
       "name": "kol-pagination",
       "description": {
         "kind": "markdown",
-        "value": "Mit Hilfe der **Paginierung**-Komponente lassen sich umfangreiche, aufgeteilte Inhalte, wie zum Beispiel Suchergebnisse, der Reihe nach durchlaufen."
+        "value": ""
       },
       "attributes": [
         {
@@ -3031,8 +2770,165 @@
           "description": "Defines the value for the aria-description attribute."
         },
         {
-          "name": "_aria-expanded",
-          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+          "name": "_aria-selected",
+          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_disabled",
+          "description": "Makes the element not focusable and ignore all events."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
+        },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
+        {
+          "name": "_id",
+          "description": "Defines the internal ID of the primary component element."
+        },
+        {
+          "name": "_label",
+          "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."
+        },
+        {
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_popover-align",
+          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_role",
+          "description": "Defines the role of the components primary element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "tab"
+            },
+            {
+              "name": "treeitem"
+            }
+          ]
+        },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual short key hint to the component."
+        },
+        {
+          "name": "_tab-index",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_type",
+          "description": "Defines either the type of the component or of the components interactive element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
+        {
+          "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"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "kol-popover-button-wc",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
         },
         {
           "name": "_aria-selected",
@@ -3180,7 +3076,7 @@
       "name": "kol-progress",
       "description": {
         "kind": "markdown",
-        "value": "Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann."
+        "value": ""
       },
       "attributes": [
         {
@@ -3217,7 +3113,7 @@
       "name": "kol-quote",
       "description": {
         "kind": "markdown",
-        "value": "> <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 **Quote**-Komponente verfügt über zwei Varianten, eine kurze Fließtext-(`inline`) und eine eingerückte(`block`) Variante. Beide Varianten enthalten einen Link auf die Quelle des Zitates."
+        "value": ""
       },
       "attributes": [
         {
@@ -3250,33 +3146,25 @@
       "name": "kol-select",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Datalist, Dropdown\n\nDie **Select**-Komponente erzeugt eine Auswahlliste, aus der eine oder mehrere vorgegebene Möglichkeiten ausgewählt werden können.\n\nDie Komponente hat Known-Issues bezüglich Browserabhängigkeit und Barrierefreiheit. Näheres kann unter [KNOWN_ISSUES.md](https://github.com/public-ui/kolibri/blob/develop/KNOWN_ISSUES.md) nachgelssen werden."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -3297,9 +3185,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -3309,6 +3194,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -3374,17 +3262,13 @@
       "name": "kol-single-select",
       "description": {
         "kind": "markdown",
-        "value": "Die **SingleSelect**-Komponente erzeugt eine Auswahlbox, die ein Eingabefeld mit einer darunter angeordneten Liste von auswählbaren Optionen kombiniert. Sie bietet auch eine Suchfunktion, um die Auswahl zu filtern."
+        "value": ""
       },
       "attributes": [
         {
           "name": "_access-key",
           "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -3393,14 +3277,14 @@
           "name": "_hide-clear-button",
           "description": "Defines the whether the clear button should be hidden."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -3421,9 +3305,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -3433,6 +3314,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -3462,10 +3346,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -3498,7 +3378,7 @@
       "name": "kol-skip-nav",
       "description": {
         "kind": "markdown",
-        "value": "Mit Hilfe der **SkipNav**-Komponente kann eine versteckte Navigation erzeugt werden. Sie dient dazu, Sehbehinderten das Überspringen von Seitenbereichen zu ermöglichen. Sie wird nur nach Anspringen durch die **Tab-Taste** sichtbar."
+        "value": ""
       },
       "attributes": [
         {
@@ -3515,7 +3395,7 @@
       "name": "kol-spin",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Placeholder, Skeleton, Shimmer\n\nLadeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über Lade- oder Rechenvorgänge, die vom System ausgeführt werden. Der Fortschritt kann durch eine wiederholte Animation kommuniziert werden."
+        "value": ""
       },
       "attributes": [
         {
@@ -3543,7 +3423,7 @@
       "name": "kol-split-button",
       "description": {
         "kind": "markdown",
-        "value": "> <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 SplitButton-Komponente kann genutzt werden, um einen zweigeteilten Button darzustellen. Dabei wird der Primär-Button\nüblicherweise für eine Haupt-Aktion genutzt, während der sekundäre Button ein Kontext-Menü (\"Popover\") öffnet, hinter\ndem sich weitere Aktionen verbergen.\n\n- Der Sekundär-Button togglet grundsätzlich das Kontextmenü.\n- Für den Primär-Button kann ein individueller Event-Handler hinterlegt werden, wird dies nicht getan togglet er ebenfalls das Kontextmenü."
+        "value": ""
       },
       "attributes": [
         {
@@ -3604,10 +3484,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -3674,84 +3550,11 @@
         }
       ]
     },
-    {
-      "name": "kol-symbol",
-      "description": {
-        "kind": "markdown",
-        "value": "Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader."
-      },
-      "attributes": [
-        {
-          "name": "_label",
-          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
-        },
-        {
-          "name": "_symbol",
-          "description": "Dieses Property gibt den String an der angezeigt werden soll."
-        }
-      ]
-    },
-    {
-      "name": "kol-table",
-      "description": {
-        "kind": "markdown",
-        "value": "Synonyme: Data Table, Details List, Data Grid\n\n<kol-alert _type=\"warning\" _variant=\"card\">\n  <kol-badge _color=\"#fb4509\" _label=\"Deprecated\"></kol-badge>KolTable ist veraltet, bitte stattdessen <kol-link _label=\"KolTableStateful\" _href=\"https://github.com/public-ui/kolibri/blob/develop/packages/components/src/components/table-stateful/readme.md\"></kol-link> verwenden, die API und Funktionalität sind identisch.\n</kol-alert>\n\nDie **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.\n</kol-indented-text>"
-      },
-      "attributes": [
-        {
-          "name": "_allow-multi-sort",
-          "description": "Defines whether to allow multi sort."
-        },
-        {
-          "name": "_data",
-          "description": "Defines the primary table data."
-        },
-        {
-          "name": "_data-foot",
-          "description": "Defines the data for the table footer."
-        },
-        {
-          "name": "_headers",
-          "description": "Defines the horizontal and vertical table headers."
-        },
-        {
-          "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
-        },
-        {
-          "name": "_min-width",
-          "description": "Defines the table min-width."
-        },
-        {
-          "name": "_pagination",
-          "description": "Defines whether to show the data distributed over multiple pages."
-        },
-        {
-          "name": "_pagination-position",
-          "description": "Controls the position of the pagination.",
-          "values": [
-            {
-              "name": "both"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "top"
-            }
-          ]
-        },
-        {
-          "name": "_selection",
-          "description": "Defines how rows can be selected and the current selection."
-        }
-      ]
-    },
     {
       "name": "kol-table-stateful",
       "description": {
         "kind": "markdown",
-        "value": "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 **TableStateful**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der TableStateless-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden. Eine mögliche Sortierung muss ebenfalls über die `onSort`-Events selber implementiert werden. Siehe <kol-link _href=\"table-stateless\" _label=\"KolTableStateless\" />.\n</kol-indented-text>"
+        "value": ""
       },
       "attributes": [
         {
@@ -3776,7 +3579,7 @@
         },
         {
           "name": "_min-width",
-          "description": "Defines the table min-width."
+          "description": "Defines the table min-width (CSS width values)."
         },
         {
           "name": "_pagination",
@@ -3807,7 +3610,7 @@
       "name": "kol-table-stateless",
       "description": {
         "kind": "markdown",
-        "value": "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 <kol-link _href=\"table-stateful\" _label=\"KolTableStateful\" />.\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."
+        "value": ""
       },
       "attributes": [
         {
@@ -3828,7 +3631,7 @@
         },
         {
           "name": "_min-width",
-          "description": "Defines the table min-width."
+          "description": "Defines the table min-width (CSS width values)."
         },
         {
           "name": "_selection",
@@ -3840,7 +3643,7 @@
       "name": "kol-tabs",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -3891,7 +3694,7 @@
       "name": "kol-textarea",
       "description": {
         "kind": "markdown",
-        "value": "Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum <kol-link _href=\"/docs/components/input-text\" _label=\"/docs/components/input-text\" _label=\"InputText\"></kol-link> können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können."
+        "value": ""
       },
       "attributes": [
         {
@@ -3902,30 +3705,22 @@
           "name": "_adjust-height",
           "description": "Adjusts the height of the element to its content."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
           "description": "Shows the character count on the lower border of the input."
         },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
-        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -3950,9 +3745,6 @@
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "info"
             },
@@ -3962,6 +3754,9 @@
             {
               "name": "warning"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "msg"
             }
@@ -3987,12 +3782,6 @@
           "name": "_resize",
           "description": "Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\nIn version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.",
           "values": [
-            {
-              "name": "both"
-            },
-            {
-              "name": "horizontal"
-            },
             {
               "name": "none"
             },
@@ -4013,10 +3802,6 @@
           "name": "_spell-check",
           "description": "Defines whether the browser should check the spelling and grammar."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -4049,7 +3834,7 @@
       "name": "kol-toast-container",
       "description": {
         "kind": "markdown",
-        "value": "Synonyme: Notification, Snackbar\n\nMit dem **Toast**-Service 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."
+        "value": ""
       },
       "attributes": []
     },
@@ -4057,7 +3842,7 @@
       "name": "kol-toolbar",
       "description": {
         "kind": "markdown",
-        "value": "<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 **Toolbar** ist eine Sammlung häufig verwendeter Steuerelemente für Schaltflächen und Links, die in einer kompakten visuellen Form zusammengefasst sind. Die Toolbar ist in der Regel eine Untermenge von Funktionen, die in einer Menüleiste zu finden sind, um den Aufwand für den Benutzer zu verringern.\n\n```html\n<kol-toolbar _label=\"Label\" _items=\"[{'_label': 'Button',},{'_href': '#','_label': 'Link'}]\"> </kol-toolbar>\n```"
+        "value": ""
       },
       "attributes": [
         {
@@ -4070,7 +3855,7 @@
       "name": "kol-tree",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {
@@ -4083,7 +3868,7 @@
       "name": "kol-tree-item",
       "description": {
         "kind": "markdown",
-        "value": "Weitere Informationen zum Tree finden Sie auf der <kol-link _href=\"/docs/components/tree\" _label=\"Seite der Tree-Komponente\"></kol-link>."
+        "value": ""
       },
       "attributes": [
         {
@@ -4108,7 +3893,7 @@
       "name": "kol-tree-item-wc",
       "description": {
         "kind": "markdown",
-        "value": "Weitere Informationen zum Tree finden Sie auf der <kol-link _href=\"/docs/components/tree\" _label=\"Seite der Tree-Komponente\"></kol-link>."
+        "value": ""
       },
       "attributes": [
         {
@@ -4133,7 +3918,7 @@
       "name": "kol-version",
       "description": {
         "kind": "markdown",
-        "value": "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."
+        "value": ""
       },
       "attributes": [
         {