@public-ui/components 1.5.0-rc.11 → 1.5.0-rc.12

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-rc.11",
+  "version": "1.5.0-rc.12",
   "tags": [
     {
       "name": "kol-abbr",
@@ -27,7 +27,7 @@
     },
     {
       "name": "kol-accordion",
-      "description": "Die **Accordion**-Komponente ist ein Aufklapp-Menü. Klickt man auf den Kopfbereich, bestehend aus Icon und Überschrift, öffnet sich ein Textfeld mit zusätzlichen Informationen. 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.",
+      "description": "Die **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.",
       "attributes": [
         {
           "name": "_heading",
@@ -38,7 +38,7 @@
         {
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
           "defaultValue": "1",
           "required": false
         },
@@ -92,7 +92,7 @@
         {
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
           "defaultValue": "1",
           "required": false
         },
@@ -124,14 +124,14 @@
         {
           "name": "_color",
           "type": "string | undefined | { backgroundColor: string; color: string; }",
-          "description": "Gibt die Farbe des Hintergrundes bzw. der Schrift an.",
+          "description": "Setzt die Hintergrundfarbe.",
           "defaultValue": "'#000'",
           "required": false
         },
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -144,7 +144,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt den Label-Text des Badges an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         },
         {
@@ -173,7 +173,7 @@
         {
           "name": "_links",
           "type": "LinkProps[] | string",
-          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "description": "Setzt die Liste der darzustellenden Links.",
           "required": true
         }
       ],
@@ -239,7 +239,7 @@
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -258,13 +258,13 @@
         {
           "name": "_id",
           "type": "string | undefined",
-          "description": "Gibt die ID der Schaltfläche an. (Selection, Testing)",
+          "description": "Gibt die ID der Schaltfläche an.",
           "required": false
         },
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt den Label für die Beschriftung der Schaltfläche an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         },
         {
@@ -377,7 +377,7 @@
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -396,7 +396,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt einen beschreibenden Text für das Text-Element an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         },
         {
@@ -434,12 +434,12 @@
     },
     {
       "name": "kol-card",
-      "description": "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_** und einem **_Fuß-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.\nDer **Fuß-Bereich** wird optional durch ein Attribut aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt.",
+      "description": "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_** und einem **_Fuß-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.\nDer **Fuß-Bereich** wird optional durch das Attribut **`_has-footer`** aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt.",
       "attributes": [
         {
           "name": "_has-footer",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Card einen Footer-Bereich hat.",
+          "description": "Macht den Footerbereich der Card sichtbar.",
           "defaultValue": "false",
           "required": false
         },
@@ -458,7 +458,7 @@
         {
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
           "defaultValue": "1",
           "required": false
         }
@@ -484,7 +484,7 @@
     },
     {
       "name": "kol-details",
-      "description": "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 das Icon nach unten hin geöffnet. Das Pfeil-Icon ändert dabei\nseine Ausrichtung von **_rechts_** nach **_unten_**.<br/>Analog lässt sich die Komponente auch wieder schließen und der Inhalt damit verbergen.",
+      "description": "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": "_open",
@@ -513,7 +513,7 @@
         {
           "name": "_required-text",
           "type": "boolean | string | undefined",
-          "description": "Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.",
+          "description": "Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.",
           "defaultValue": "true",
           "required": false
         }
@@ -566,14 +566,14 @@
         {
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
           "defaultValue": "1",
           "required": false
         },
         {
           "name": "_secondary-headline",
           "type": "string | undefined",
-          "description": "Gibt den Text der zusätzlichen Überschrift an.",
+          "description": "Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.",
           "required": false
         }
       ],
@@ -585,7 +585,7 @@
     },
     {
       "name": "kol-icon",
-      "description": "Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut `_icon` gesteuert werden und erfolgt durch das Attribut `_aria-label` barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.\n\nFolgende Icon-Fonts werden _`out-of-the-box`_ unterstützt.\n\n- [Codicons]\n- [Font-Awesome]\n- [Icofont]\n\n<kol-alert _heading=\"Hinweis\" _type=\"info\">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateien der Icon-Fonts eingebunden sind.</kol-alert>",
+      "description": "Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **`_icon`** gesteuert werden und erfolgt durch das Attribut **`_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-lik> 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": [
         {
           "name": "_aria-label",
@@ -596,7 +596,7 @@
         {
           "name": "_icon",
           "type": "string",
-          "description": "Gibt einen Identifier eines Icons aus den Icon's an.",
+          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`).",
           "required": true
         },
         {
@@ -688,32 +688,32 @@
         {
           "name": "_alt",
           "type": "string",
-          "description": "Gibt den alternativen Text an.",
+          "description": "Setzt den alternativen Text.",
           "required": true
         },
         {
           "name": "_loading",
           "type": "\"eager\" | \"lazy\" | undefined",
-          "description": "Gibt den Lademodus an.",
+          "description": "Setzt den Lademodus.",
           "defaultValue": "'lazy'",
           "required": false
         },
         {
           "name": "_sizes",
           "type": "string | undefined",
-          "description": "...",
+          "description": "Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.",
           "required": false
         },
         {
           "name": "_src",
           "type": "string",
-          "description": "Gibt die Quell-URL an.",
+          "description": "Setzt die Quell-URL des Bildes.",
           "required": true
         },
         {
           "name": "_srcset",
           "type": "string | undefined",
-          "description": "Gibt eine Liste von Quell-URLs mit Breiten der Bilder an.",
+          "description": "Setzt eine Liste von Quell-URLs mit Breiten der Bilder.",
           "required": false
         }
       ],
@@ -725,7 +725,7 @@
     },
     {
       "name": "kol-indented-text",
-      "description": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate.\n\nIn der Komponente kann beliebiger HTML-Code verwendet werden.",
+      "description": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href=\"/docs/components/quote/\" _label=\"kol-quote-Komponente\"></kol-link> verwendet werden.).",
       "attributes": [],
       "events": [],
       "methods": [],
@@ -745,7 +745,7 @@
     },
     {
       "name": "kol-input-checkbox",
-      "description": "Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken aktiviert und wieder deaktiviert wird. In aktiviertem Zustand befindet sich ein farbiger Haken in der Box.\n\nEine optische Alternative zur Standard-Checkbox stellt die Ausgabe als **_Switch_** dar. Hierbei wird die Checkbox zu einem Schieberegler gewandelt, der bei Anklicken nach rechts (aktiv) bzw. nach links (inaktiv) verschoben wird.",
+      "description": "Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken aktiviert und wieder deaktiviert wird. In aktiviertem Zustand befindet sich ein farbiger Haken in der Box.",
       "attributes": [
         {
           "name": "_access-key",
@@ -763,14 +763,14 @@
         {
           "name": "_checked",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Checkbox ausgewählt ist oder nicht.",
+          "description": "Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)",
           "defaultValue": "false",
           "required": false
         },
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -782,13 +782,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -819,7 +819,7 @@
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Checkbox ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -844,7 +844,7 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Gibt den Wert der Checkbox an.",
+          "description": "Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })",
           "required": false
         },
         {
@@ -862,7 +862,7 @@
     },
     {
       "name": "kol-input-color",
-      "description": "Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer beliebigen Farbe. Die Angabe 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.",
+      "description": "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.",
       "attributes": [
         {
           "name": "_access-key",
@@ -886,7 +886,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -898,13 +898,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -984,7 +984,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -996,13 +996,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1045,13 +1045,13 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -1119,7 +1119,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1131,13 +1131,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1192,19 +1192,19 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Radio ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
           "name": "_size",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten.",
           "required": false
         },
         {
@@ -1235,7 +1235,7 @@
     },
     {
       "name": "kol-input-file",
-      "description": "Der Input-Typ **File** erzeugt ein Eingabefeld für Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.",
+      "description": "Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.",
       "attributes": [
         {
           "name": "_accept",
@@ -1259,7 +1259,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1271,13 +1271,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1308,7 +1308,7 @@
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -1339,7 +1339,7 @@
     },
     {
       "name": "kol-input-number",
-      "description": "Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen, Datumswerte, Datums- und Zeitwerte, Wochen, Monate und Zeiten.",
+      "description": "Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.",
       "attributes": [
         {
           "name": "_access-key",
@@ -1363,7 +1363,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1375,13 +1375,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1430,13 +1430,13 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -1504,7 +1504,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1516,13 +1516,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1565,19 +1565,19 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
           "name": "_size",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten.",
           "required": false
         },
         {
@@ -1608,7 +1608,7 @@
     },
     {
       "name": "kol-input-radio",
-      "description": "Die 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/>",
+      "description": "Die 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/>",
       "attributes": [
         {
           "name": "_access-key",
@@ -1626,7 +1626,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1638,13 +1638,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1676,7 +1676,7 @@
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -1725,7 +1725,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1737,13 +1737,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1775,7 +1775,7 @@
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
@@ -1830,7 +1830,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1842,13 +1842,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -1946,7 +1946,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -1958,13 +1958,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -2001,7 +2001,7 @@
         {
           "name": "_pattern",
           "type": "string | undefined",
-          "description": "Gibt ein Prüfpattern für das Eingabefeld an.",
+          "description": "Gibt ein Prüfmuster für das Eingabefeld an.",
           "required": false
         },
         {
@@ -2013,19 +2013,19 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
           "name": "_size",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten.",
           "required": false
         },
         {
@@ -2093,7 +2093,7 @@
     },
     {
       "name": "kol-link",
-      "description": "Die **Link**-Komponente rendert einen auf Barrierefreiheit optimierten Link, der als Text, als Icon oder auch in Kombination ausgegeben werden kann.\nMöglich ist auch die Ausgabe eines versteckten Links.\n\nDer Link wird standardmäßig in klassischer Form mit Unterstrich ausgegeben, der jedoch über ein Attribut auch ohne CSS entfernt werden kann. Weitere Informationen zu Custom Styles finden Sie weiter unten.\n\nBeachten Sie, dass die Komponente automatisch ein Padding links und rechts zum umgebenden Text erzeugt. Sie kann daher im Fließtext ohne\nEingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern den Abstand zum umgebenden Text.",
+      "description": "Die **Link**-Komponente rendert einen auf Barrierefreiheit optimierten Link, der als Text, als Icon oder auch in Kombination ausgegeben werden kann.\n\nBeachten Sie, dass die Komponente automatisch ein Padding links und rechts zum umgebenden Text erzeugt. Sie kann daher im Fließtext ohne\nEingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern den Abstand zum umgebenden Text.",
       "attributes": [
         {
           "name": "_aria-controls",
@@ -2141,7 +2141,7 @@
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -2160,13 +2160,13 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt den Label für die Beschriftung der Schaltfläche an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         },
         {
           "name": "_role",
           "type": "\"button\" | \"link\" | \"tab\" | undefined",
-          "description": "Gibt an, welche Role der Schalter hat.",
+          "description": "Gibt an, welche Rolle das Element hat.",
           "required": false
         },
         {
@@ -2191,7 +2191,7 @@
         {
           "name": "_target",
           "type": "string | undefined",
-          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll.",
+          "description": "Gibt an wo der Link geöffnet werden soll.",
           "required": false
         },
         {
@@ -2224,7 +2224,7 @@
     },
     {
       "name": "kol-link-button",
-      "description": "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.\n\nEinen Link kann man nicht deaktivieren und daher gibt es bei einem LinkButton nicht das Property `_disabled`.\n\nDa es die Komponente ButtonLink gibt, die semantisch ein Button und optisch ein Link ist. Ist es nicht mehr notwendig den Click-Callback zu unterstützen. Das Property `_on` wird somit als `deprecated` markiert und wird mit dem nächsten Major-Release entfernt.\n\nEin Button hat aus UX-Sicht mehrere Varianten (`primary` oder `secondary` usw.). Damit der LinkButton das optisch gleich aussehen kann, wurden die Properties `_customClass` und `_variant` von der Button-Komponente übernommen.",
+      "description": "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>.",
       "attributes": [
         {
           "name": "_aria-controls",
@@ -2278,7 +2278,7 @@
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -2291,13 +2291,13 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt einen beschreibenden Text für das Text-Element an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         },
         {
           "name": "_role",
           "type": "\"button\" | \"link\" | \"tab\" | undefined",
-          "description": "Gibt an, welche Role der Schalter hat.",
+          "description": "Setzt die Role der Schaltfläche.",
           "required": false
         },
         {
@@ -2309,7 +2309,7 @@
         {
           "name": "_target",
           "type": "string | undefined",
-          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll.",
+          "description": "Gibt an wo der Link geöffnet werden soll.",
           "required": false
         },
         {
@@ -2329,7 +2329,7 @@
         {
           "name": "_variant",
           "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
-          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "description": "Gibt an, welche Ausprägung der Link-Button hat.",
           "defaultValue": "'normal'",
           "required": false
         }
@@ -2342,7 +2342,7 @@
     },
     {
       "name": "kol-link-group",
-      "description": "Die **LinkGroup**-Komponente bildet einen umfassenden Container für eine listenartige, vertikale oder horizontale Darstellung 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.",
+      "description": "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.",
       "attributes": [
         {
           "name": "_aria-label",
@@ -2359,13 +2359,13 @@
         {
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
-          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
           "required": false
         },
         {
           "name": "_links",
           "type": "LinkProps[] | string",
-          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "description": "Setzt die Liste der darzustellenden Links.",
           "required": true
         },
         {
@@ -2377,7 +2377,7 @@
         {
           "name": "_ordered",
           "type": "boolean | undefined",
-          "description": "",
+          "description": "Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.",
           "required": false
         },
         {
@@ -2396,7 +2396,7 @@
     },
     {
       "name": "kol-logo",
-      "description": "Mit Hilfe der **Logo**-Komponente können an beliebigen Positionen Logos ausgegeben werden. Die zur Verfügung stehenden Logos entstammen aus dem Umfeld\nder Bundesinstitutionen. Die **Logo**-Komponente rendert an beliebiger Position auf der Webseite ein Logo, das über ein Attribut definiert wird. Das Logo wird dabei aus einer\nSammlung von SVG-Grafiken zusammengesetzt, die fertig konstruiert vorliegen. Die Ausgabe des Logos kann über das Attribut **style** definiert werden.",
+      "description": "Mit 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": "_abbr",
@@ -2419,7 +2419,7 @@
     },
     {
       "name": "kol-modal",
-      "description": "Mit Hilfe der **Modal**-Komponente können zusätzliche Informationen oder auch Eingabeformulare in einem\nDialogfenster angezeigt werden. Sie wird nach Klick auf einen Button aufgerufen und über ein eigenes\nClose-Icon wieder geschlossen. Die **Modal**-Komponente basiert auf der **Card**-Komponente und ist standardmäßig versteckt. Sie wird i.d.R.\nerst nach Klick auf einen Button oder sonstigem Trigger angezeigt. Dabei wird der Hintergrund des Fensters deaktiviert und allein der Inhalt\ndes Modal-Fensters ist aktiv. Das **Modal**-Fenster wird über ein **Close-Icon** oben rechts im Kopfbereich wieder\ngeschlossen.",
+      "description": "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.",
       "attributes": [
         {
           "name": "_aria-label",
@@ -2430,7 +2430,7 @@
         {
           "name": "_width",
           "type": "string | undefined",
-          "description": "Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).",
+          "description": "Setzt die Breite des Modals. (max-width: 100%).",
           "defaultValue": "'100%'",
           "required": false
         }
@@ -2443,7 +2443,7 @@
     },
     {
       "name": "kol-nav",
-      "description": "Eine **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. Dabei werden häufig animierte Übergänge verwendet.\n\nDie **Nav**-Komponente stellt eine vollwertige vertikale , bzw. horizontale **Navigationsleiste** bereit. Sie kann mehrere Ebenen enthalten und in verschiedenen Breiten ausgegeben werden. Die **Nav**-Komponente repräsentiert die Struktur der Webseite und hat so eine fundamentale Bedeutung sowohl für Nutzer:innen, als auch für Suchmaschinen.\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.\nMenüpunkte der obersten Ebene, wie z.B. die Startseite, werden stets über die ganze Breite der **Navigation** gestreckt. Nachfolgende Ebenen, als direkte Kindelemente, werden auf der linken Seite\netwas eingerückt ausgegeben. Übergeordnete Menüpunkte die Untermenüpunkte enthalten, werden mit einem **Plus-Icon** am linken Rand angezeigt. Wird der übergeordnete Menüpunkt mit dem Plus-Icon geöffnet, ändert sich\ndas 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 ein **Doppelpfeil-Icon** 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.",
+      "description": "Eine **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.",
       "attributes": [
         {
           "name": "_aria-current-value",
@@ -2495,7 +2495,7 @@
         {
           "name": "_variant",
           "type": "\"primary\" | \"secondary\" | undefined",
-          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "description": "Setzt zusätzliche Klassen an das das <nav> umschließende <div>. (müssen im Theme existieren)",
           "defaultValue": "'primary'",
           "required": false
         }
@@ -2508,7 +2508,7 @@
     },
     {
       "name": "kol-pagination",
-      "description": "Mit Hilfe der <b>Paginierung-Komponente</b> lassen sich umfangreiche Inhalte auf der Seite\nin handliche Abschnitte unterteilen. Diese können dann über die Paginierung der Reihe nach\ndurchlaufen werden.",
+      "description": "Mit Hilfe der **Paginierung**-Komponente lassen sich umfangreiche, aufgeteilte Inhalte, wie zum Beispiel Suchergebnisse, der Reihe nach durchlaufen.",
       "attributes": [
         {
           "name": "_boundary-count",
@@ -2526,7 +2526,8 @@
         {
           "name": "_has-buttons",
           "type": "boolean | string | undefined | { first: boolean; last: boolean; next: boolean; previous: boolean; }",
-          "description": "Gibt an, welche Sprung-Schalter sichtbar sein sollen.",
+          "description": "Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.",
+          "defaultValue": "true",
           "required": false
         },
         {
@@ -2545,14 +2546,14 @@
         {
           "name": "_page-size-options",
           "type": "number[] | string",
-          "description": "Gibt an, welche Optionen für die Seitenlänge angeboten werden.",
+          "description": "Setzt die Optionen für das Seitenlängenselect.",
           "defaultValue": "[]",
           "required": false
         },
         {
           "name": "_sibling-count",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.",
+          "description": "Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.",
           "defaultValue": "1",
           "required": false
         },
@@ -2566,7 +2567,7 @@
         {
           "name": "_total",
           "type": "number",
-          "description": "Gibt an, wie viele Einträge mit der Pagination gehandelt werden.",
+          "description": "Setzt die Gesamtanzahl der Seiten.",
           "required": true
         },
         {
@@ -2602,7 +2603,7 @@
         {
           "name": "_unit",
           "type": "string | undefined",
-          "description": "Gibt die Einheit der Fortschrittswerte an.",
+          "description": "Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)",
           "defaultValue": "'%'",
           "required": false
         },
@@ -2621,30 +2622,30 @@
     },
     {
       "name": "kol-quote",
-      "description": "The quote component is implemented in two variants. The first variant is the default `short` variant as inline quote with quotation marks. The second variant is the indented `long` variant. The indented variant is used to highlight a text passage or information visually.\n\nBoth variants can be extended with a `cite` element. The `cite` element is used to identify the source of a quotation and will be displayed below the quote as a link.",
+      "description": "Die **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.",
       "attributes": [
         {
           "name": "_caption",
           "type": "string | undefined",
-          "description": "The caption of the quote.",
+          "description": "Setzt die Überschrift.",
           "required": false
         },
         {
           "name": "_href",
           "type": "string",
-          "description": "The href is a URL that designates a source document or message for the information quoted.",
+          "description": "Link auf die Quelle des Zitates.",
           "required": true
         },
         {
           "name": "_quote",
           "type": "string",
-          "description": "The text of the quote.",
+          "description": "Setzt den Text, also das Zitat selbst.",
           "required": true
         },
         {
           "name": "_variant",
           "type": "\"block\" | \"inline\" | undefined",
-          "description": "The variant of the quote.",
+          "description": "Setzt die Variante des Zitats.",
           "defaultValue": "'inline'",
           "required": false
         }
@@ -2675,7 +2676,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -2693,13 +2694,13 @@
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -2737,13 +2738,13 @@
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob die Selectbox ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
           "name": "_size",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.",
+          "description": "Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes.",
           "required": false
         },
         {
@@ -2785,7 +2786,7 @@
         {
           "name": "_links",
           "type": "LinkProps[] | string",
-          "description": "Ist die Liste der unsichtbaren Links.",
+          "description": "Setzt die Liste der darzustellenden Links.",
           "required": true
         }
       ],
@@ -2802,7 +2803,7 @@
         {
           "name": "_icon",
           "type": "KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined",
-          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "description": "Iconklasse (z.B.: \"codicon codicon-home\")",
           "required": false
         },
         {
@@ -2815,7 +2816,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Gibt einen beschreibenden Text für das Text-Element an.",
+          "description": "Setzt den sichtbaren Text des Elements.",
           "required": true
         }
       ],
@@ -2827,7 +2828,7 @@
     },
     {
       "name": "kol-spin",
-      "description": "Lader, 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.",
+      "description": "Ladeanzeigen, 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.",
       "attributes": [
         {
           "name": "_show",
@@ -2868,7 +2869,7 @@
     },
     {
       "name": "kol-table",
-      "description": "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>",
+      "description": "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>",
       "attributes": [
         {
           "name": "_caption",
@@ -2927,13 +2928,13 @@
         {
           "name": "_tabs",
           "type": "TabButtonProps[] | string",
-          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "description": "Setzt die Daten für die Registrierkarten.",
           "required": true
         },
         {
           "name": "_tabs-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.",
+          "description": "Setzt die Position der Registrierkarten.",
           "defaultValue": "'top'",
           "required": false
         }
@@ -2946,7 +2947,7 @@
     },
     {
       "name": "kol-textarea",
-      "description": "Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum\nInputText können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können.",
+      "description": "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.",
       "attributes": [
         {
           "name": "_access-key",
@@ -2971,7 +2972,7 @@
         {
           "name": "_disabled",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "description": "Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.",
           "required": false
         },
         {
@@ -2983,19 +2984,19 @@
         {
           "name": "_has-counter",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.",
+          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.",
           "required": false
         },
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "description": "Versteckt das sichtbare Label des Elements.",
           "required": false
         },
         {
           "name": "_hint",
           "type": "string | undefined",
-          "description": "Gibt den Text für eine Hinweistext an.",
+          "description": "Gibt den Hinweistext an.",
           "defaultValue": "''",
           "required": false
         },
@@ -3008,7 +3009,7 @@
         {
           "name": "_max-length",
           "type": "number | undefined",
-          "description": "Gibt an, wie viele Zeichen man maximal eingeben kann.",
+          "description": "Setzt die maximale Zeichenanzahl.",
           "required": false
         },
         {
@@ -3026,19 +3027,19 @@
         {
           "name": "_read-only",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus.",
           "required": false
         },
         {
           "name": "_required",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "description": "Macht das Eingabeelement zu einem Pflichtfeld.",
           "required": false
         },
         {
           "name": "_resize",
           "type": "\"both\" | \"horizontal\" | \"none\" | \"vertical\" | undefined",
-          "description": "Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)",
+          "description": "Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)",
           "defaultValue": "'vertical'",
           "required": false
         },
@@ -3076,7 +3077,7 @@
     },
     {
       "name": "kol-toast",
-      "description": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.\n\nEin **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für fünf Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden.",
+      "description": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.\n\nEin **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für zehn Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden.",
       "attributes": [
         {
           "name": "_alert",
@@ -3088,7 +3089,7 @@
         {
           "name": "_has-closer",
           "type": "boolean | undefined",
-          "description": "Gibt an, ob der Toast ein Schließen-Icon hat.",
+          "description": "Aktiviert das Schließen-Icon.",
           "defaultValue": "false",
           "required": false
         },
@@ -3136,12 +3137,12 @@
     },
     {
       "name": "kol-tooltip",
-      "description": "<kol-alert _type=\"warning\">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>\n\nDie **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.\n\nEin geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.\n\n**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, muss für das vorrangehende Referenz-Element `inline-block` gesetzt werden.",
+      "description": "<kol-alert _type=\"warning\">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>\n\nDie **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.\n\nEin geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.\n\n**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht `display: inline` haben.",
       "attributes": [
         {
           "name": "_align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.",
           "defaultValue": "'top'",
           "required": false
         },
@@ -3154,7 +3155,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.",
+          "description": "Setzt den Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.",
           "required": true
         }
       ],
@@ -3166,7 +3167,7 @@
     },
     {
       "name": "kol-version",
-      "description": "Die **Version**-Komponente stellt kurze Inhalte auf einem farbigen Hintergrund dar. Die **Version**-Komponente ist mit der **Tag**-Komponente eng verwandt, bietet aber nur ein Attribut zur Konfiguration. Sie ist optimiert für die\nAngabe z.B. von Versionen einer Seite.",
+      "description": "Die **Version**-Komponente stellt kurze Inhalte auf einem farbigen Hintergrund dar. Die **Version**-Komponente ist mit der **Tag**-Komponente eng verwandt, bietet aber nur ein Attribut zur Konfiguration. Sie ist optimiert für die Angabe z.B. von Versionen einer Seite.",
       "attributes": [
         {
           "name": "_version",