@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.20

package/vscode-custom-data.json

@@ -8,6 +8,10 @@
         "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."
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the abbreviation title and tooltip content"
+        },
         {
           "name": "_title",
           "description": "Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an."
@@ -43,6 +47,10 @@
           "name": "_heading",
           "description": "Gibt die Beschriftung der Komponente an."
         },
+        {
+          "name": "_label",
+          "description": "Defines the button label"
+        },
         {
           "name": "_level",
           "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
@@ -72,6 +80,10 @@
           "name": "_heading",
           "description": "Gibt die Beschriftung der Komponente an."
         },
+        {
+          "name": "_label",
+          "description": "Defines the description of the component."
+        },
         {
           "name": "_level",
           "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
@@ -127,8 +139,8 @@
           "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
         },
         {
-          "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "name": "_label",
+          "description": "Defines the description of the component."
         },
         {
           "name": "_level",
@@ -169,6 +181,40 @@
         }
       ]
     },
+    {
+      "name": "kol-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "Die **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist."
+      },
+      "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the label, usually the name of the person, to render as alt text and to compute initials from"
+        },
+        {
+          "name": "_src",
+          "description": "Defines the image source to render"
+        }
+      ]
+    },
+    {
+      "name": "kol-avatar-wc",
+      "description": {
+        "kind": "markdown",
+        "value": "Die **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist."
+      },
+      "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the label, usually the name of the person, to render as alt text and to compute initials from"
+        },
+        {
+          "name": "_src",
+          "description": "Defines the image source to render"
+        }
+      ]
+    },
     {
       "name": "kol-badge",
       "description": {
@@ -180,6 +226,10 @@
           "name": "_color",
           "description": "Setzt die Hintergrundfarbe."
         },
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_icon",
           "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
@@ -194,7 +244,7 @@
         },
         {
           "name": "_smart-button",
-          "description": "Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only)."
+          "description": "Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur _hide-label)."
         }
       ]
     },
@@ -209,6 +259,10 @@
           "name": "_aria-label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_links",
           "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
@@ -271,6 +325,10 @@
           "name": "_disabled",
           "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
         },
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_icon",
           "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
@@ -378,6 +436,9 @@
             },
             {
               "name": "secondary"
+            },
+            {
+              "name": "tertiary"
             }
           ]
         }
@@ -451,6 +512,10 @@
           "name": "_disabled",
           "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
         },
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_icon",
           "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
@@ -540,6 +605,10 @@
           "name": "_headline",
           "description": "Gibt die Beschriftung der Komponente an."
         },
+        {
+          "name": "_label",
+          "description": ""
+        },
         {
           "name": "_level",
           "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
@@ -553,6 +622,10 @@
         "value": "Mit 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."
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the summary label."
+        },
         {
           "name": "_open",
           "description": "Gibt an, ob die Komponente entweder geöffnet oder geschlossen ist."
@@ -622,7 +695,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 **`_aria-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\" _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": "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\" _label=\"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>"
       },
       "attributes": [
         {
@@ -633,6 +706,10 @@
           "name": "_icon",
           "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_part",
           "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)"
@@ -672,6 +749,9 @@
             {
               "name": "info"
             },
+            {
+              "name": "heading"
+            },
             {
               "name": "code"
             },
@@ -720,12 +800,6 @@
             {
               "name": "ghost"
             },
-            {
-              "name": "om"
-            },
-            {
-              "name": "tag"
-            },
             {
               "name": "500px"
             },
@@ -2646,9 +2720,6 @@
             {
               "name": "head-side-virus"
             },
-            {
-              "name": "heading"
-            },
             {
               "name": "headphones"
             },
@@ -3345,6 +3416,9 @@
             {
               "name": "old-republic"
             },
+            {
+              "name": "om"
+            },
             {
               "name": "opencart"
             },
@@ -4365,6 +4439,9 @@
             {
               "name": "tachometer-alt"
             },
+            {
+              "name": "tag"
+            },
             {
               "name": "tags"
             },
@@ -5090,6 +5167,12 @@
             {
               "name": "card"
             },
+            {
+              "name": "heading"
+            },
+            {
+              "name": "label"
+            },
             {
               "name": "audio"
             },
@@ -5099,9 +5182,6 @@
             {
               "name": "data"
             },
-            {
-              "name": "label"
-            },
             {
               "name": "link"
             },
@@ -5151,13 +5231,10 @@
               "name": "ghost"
             },
             {
-              "name": "id"
-            },
-            {
-              "name": "close"
+              "name": "disabled"
             },
             {
-              "name": "tag"
+              "name": "id"
             },
             {
               "name": "500px"
@@ -5576,9 +5653,6 @@
             {
               "name": "hammer"
             },
-            {
-              "name": "heading"
-            },
             {
               "name": "heart"
             },
@@ -5936,6 +6010,9 @@
             {
               "name": "tablets"
             },
+            {
+              "name": "tag"
+            },
             {
               "name": "tags"
             },
@@ -8999,9 +9076,6 @@
             {
               "name": "capsule"
             },
-            {
-              "name": "disabled"
-            },
             {
               "name": "dna-alt-1"
             },
@@ -10697,6 +10771,9 @@
             {
               "name": "close-squared"
             },
+            {
+              "name": "close"
+            },
             {
               "name": "cloud-download"
             },
@@ -11397,7 +11474,7 @@
       "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=\"kol-quote-Komponente\"></kol-link> verwendet werden.)."
+        "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": []
     },
@@ -11472,6 +11549,24 @@
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -11581,10 +11676,36 @@
           "name": "_name",
           "description": "Gibt den technischen Namen des Eingabefeldes an."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -11674,14 +11795,40 @@
           "name": "_required",
           "description": "Macht das Eingabeelement zu einem Pflichtfeld."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
         {
           "name": "_step",
           "description": "Gibt die Schrittweite der Wertveränderung an."
         },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -11748,6 +11895,10 @@
           "name": "_error",
           "description": "Gibt den Text für eine Fehlermeldung an."
         },
+        {
+          "name": "_has-counter",
+          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+        },
         {
           "name": "_hide-label",
           "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
@@ -11804,10 +11955,36 @@
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -11877,10 +12054,32 @@
           "name": "_required",
           "description": "Macht das Eingabeelement zu einem Pflichtfeld."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -11974,14 +12173,40 @@
           "name": "_required",
           "description": "Macht das Eingabeelement zu einem Pflichtfeld."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
         {
           "name": "_step",
           "description": "Gibt die Schrittweite der Wertveränderung an."
         },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -12051,6 +12276,10 @@
           "name": "_error",
           "description": "Gibt den Text für eine Fehlermeldung an."
         },
+        {
+          "name": "_has-counter",
+          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+        },
         {
           "name": "_hide-label",
           "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
@@ -12099,10 +12328,32 @@
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -12160,6 +12411,10 @@
           "name": "_name",
           "description": "Gibt den technischen Namen des Eingabefeldes an."
         },
+        {
+          "name": "_options",
+          "description": "Options the user can choose from, also supporting Optgroup."
+        },
         {
           "name": "_orientation",
           "description": "Gibt die horizontale oder vertikale Ausrichtung der Komponente an.",
@@ -12180,6 +12435,24 @@
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -12342,10 +12615,32 @@
           "name": "_step",
           "description": "Gibt die Schrittweite der Wertveränderung an."
         },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -12391,6 +12686,10 @@
           "name": "_error",
           "description": "Gibt den Text für eine Fehlermeldung an."
         },
+        {
+          "name": "_has-counter",
+          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+        },
         {
           "name": "_hide-label",
           "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
@@ -12443,10 +12742,36 @@
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -12548,6 +12873,10 @@
           "name": "_download",
           "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
         },
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_href",
           "description": "Gibt die Ziel-Url des Links an."
@@ -12582,6 +12911,27 @@
           "name": "_label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_listen-aria-current",
+          "description": "Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
         {
           "name": "_role",
           "description": "Gibt die Rolle des primären Elements in der Komponente an.",
@@ -12656,7 +13006,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": "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=\"/docs/components/button\" _label=\"Seite des Buttons\"></kol-link>."
       },
       "attributes": [
         {
@@ -12708,6 +13058,10 @@
           "name": "_download",
           "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
         },
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_href",
           "description": "Gibt die Ziel-Url des Links an."
@@ -12724,6 +13078,27 @@
           "name": "_label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_listen-aria-current",
+          "description": "Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
         {
           "name": "_role",
           "description": "Gibt die Rolle des primären Elements in der Komponente an.",
@@ -12790,6 +13165,9 @@
             },
             {
               "name": "secondary"
+            },
+            {
+              "name": "tertiary"
             }
           ]
         }
@@ -12810,6 +13188,10 @@
           "name": "_heading",
           "description": "Gibt die optionale Überschrift zur Link-Gruppe an."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_level",
           "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
@@ -12902,13 +13284,17 @@
       "name": "kol-modal",
       "description": {
         "kind": "markdown",
-        "value": "Mit Hilfe der **Modal**-Komponente können zusätzliche Informationen oder auch Eingabeformulare in einem Dialogfenster angezeigt werden. Ein offenes **Modal** kann via **ESC** geschlossen werden.\nDie **Modal**-Komponente ist standardmäßig versteckt. Sie wird i.d.R. erst nach Klick auf einen Button oder sonstigem Trigger angezeigt. Dabei wird der Hintergrund des Fensters deaktiviert und allein der Inhalt des Modal-Fensters ist aktiv."
+        "value": "Vielen Dank, dass Sie diese Komponente zur Umsetzung eines Modals verwenden wollen. Inzwischen ist das native `<dialog>` Element sehr gut unterstützt (<kol-link _href=\"https://caniuse.com/?search=dialog\" _label=\"https://caniuse.com/?search=dialog\" _target=\"_blank\" _label=\"caniuse\"></kol-link>), barrierefrei, einfach zu benutzen und performanter (da nativ), daher empfehlen wir dieses zu verwenden. Wenn Sie aufgrund von Abwärtskompatibilität, oder weil Sie die **Modal**-Komponente bereits eingebaut haben, die Dokumentation zu unserem KolModal suchen, finden Sie diese etwas weiter unten. Die **Modal**-Komponente wird in Version 2 noch zur Verfügung stehen."
       },
       "attributes": [
         {
           "name": "_aria-label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_width",
           "description": "Setzt die Breite des Modals. (max-width: 100%)."
@@ -12959,6 +13345,14 @@
           "name": "_has-compact-button",
           "description": "Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll."
         },
+        {
+          "name": "_hide-label",
+          "description": "Defines if navigation labels should be hidden"
+        },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_links",
           "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
@@ -13067,6 +13461,9 @@
             },
             {
               "name": "secondary"
+            },
+            {
+              "name": "tertiary"
             }
           ]
         }
@@ -13127,6 +13524,12 @@
             },
             {
               "name": "cycle"
+            },
+            {
+              "name": "cycle-label-value"
+            },
+            {
+              "name": "cycle-value-label"
             }
           ]
         },
@@ -13147,6 +13550,12 @@
             },
             {
               "name": "cycle"
+            },
+            {
+              "name": "cycle-label-value"
+            },
+            {
+              "name": "cycle-value-label"
             }
           ]
         }
@@ -13167,6 +13576,10 @@
           "name": "_href",
           "description": "Gibt den Link zur Quelle des Zitates an."
         },
+        {
+          "name": "_label",
+          "description": "Defines the label of the citation link."
+        },
         {
           "name": "_quote",
           "description": "Setzt den Text, also das Zitat selbst."
@@ -13234,7 +13647,7 @@
         },
         {
           "name": "_list",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Options the user can choose from, also supporting Optgroup."
         },
         {
           "name": "_multiple",
@@ -13244,9 +13657,17 @@
           "name": "_name",
           "description": "Gibt den technischen Namen des Eingabefeldes an."
         },
+        {
+          "name": "_options",
+          "description": "Options the user can choose from, also supporting Optgroup."
+        },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Macht das Eingabeelementzu einem Pflichtfeld."
+        },
+        {
+          "name": "_rows",
+          "description": "Defines how many rows of options should be visible at the same time."
         },
         {
           "name": "_size",
@@ -13256,6 +13677,24 @@
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -13277,6 +13716,10 @@
           "name": "_aria-label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_links",
           "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
@@ -13290,6 +13733,10 @@
         "value": "<kol-alert _type=\"warning\">Die **Span**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn es in Kombination mit dem Tooltip verwendet wird.</kol-alert>\n\nDie **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die Text-Icon-Kombination und das Expert-Slot-Konzept einheitlich umzusetzen."
       },
       "attributes": [
+        {
+          "name": "_hide-label",
+          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+        },
         {
           "name": "_icon",
           "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
@@ -13481,6 +13928,9 @@
             },
             {
               "name": "secondary"
+            },
+            {
+              "name": "tertiary"
             }
           ]
         }
@@ -13497,6 +13947,10 @@
           "name": "_aria-label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_symbol",
           "description": "Dieses Property gibt den String an der angezeigt werden soll."
@@ -13507,7 +13961,7 @@
       "name": "kol-table",
       "description": {
         "kind": "markdown",
-        "value": "k# Table\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>"
+        "value": "Die **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": [
         {
@@ -13518,10 +13972,18 @@
           "name": "_data",
           "description": "Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden."
         },
+        {
+          "name": "_data-foot",
+          "description": "Hier können die Daten für die Fußzeile der Tabelle übergeben werden."
+        },
         {
           "name": "_headers",
           "description": "Gibt die horizontalen und vertikalen Header für die Tabelle an."
         },
+        {
+          "name": "_label",
+          "description": "Defines the table caption."
+        },
         {
           "name": "_min-width",
           "description": "Gibt an, die minimale Breite der Tabelle an."
@@ -13539,10 +14001,32 @@
         "value": "Die **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."
       },
       "attributes": [
+        {
+          "name": "_align",
+          "description": "Defines the position of the tab captions.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_aria-label",
           "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
         },
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_selected",
           "description": "Gibt an, welches Tab selektiert sein soll."
@@ -13575,7 +14059,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=\"InputText\"></kol-link> können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können."
+        "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."
       },
       "attributes": [
         {
@@ -13658,12 +14142,30 @@
         },
         {
           "name": "_rows",
-          "description": "Gibt die Anzahl der anzuzeigenden Zeilen des Eingabefeldes an."
+          "description": "Defines how many rows of text should be visible at the same time."
         },
         {
           "name": "_tab-index",
           "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_touched",
           "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
@@ -13693,6 +14195,10 @@
           "name": "_heading",
           "description": "Gibt die Beschriftung der Komponente an."
         },
+        {
+          "name": "_label",
+          "description": "Defines the text to show in the Toast."
+        },
         {
           "name": "_level",
           "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
@@ -13770,6 +14276,10 @@
         "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."
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+        },
         {
           "name": "_version",
           "description": "Gibt die Versionsnummer als Text an."