@public-ui/components 1.5.0-rc.2 → 1.5.0-rc.3

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-rc.2",
+  "version": "1.5.0-rc.3",
   "tags": [
     {
       "name": "kol-abbr",
@@ -22,84 +22,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -139,84 +62,7 @@
           "description": "Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions."
         }
       ],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "accordion",
@@ -293,84 +139,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -413,84 +182,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -513,84 +205,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "link",
@@ -723,229 +338,75 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-button-group",
+      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-button-group-wc",
+      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-button-link",
+      "description": "Der ButtonLink ist semantisch ein Button und hat das Design eines Links. Hierzu werden alle relevanten Properties der Button-Komponente übernommen und um die Design-bestimmenden Properties des Links erweitert.\n\nEinen Button kann man deaktivieren und daher gibt es bei einem ButtonLink das Property `_disabled`. Wie das optisch ausgestaltet wird, entscheidet die UX-Designer:in.\n\nStatt, wie bei einem Link, `_href` zu verwenden, wird bei einem ButtonLink das Property über den `Click-Callback` gesteuert. Hierzu wird das `_on`-Property verwendet.\n\nBei einem Link gibt es das Property `target`, welches ggf. den Link in einem neuen Fenster/Tab öffnet. Das Verhalten ist aktuell noch nicht umgesetzt.\n\nDa der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `secondary` usw.) angeboten wird, stehen die Properties `_customClass` und `_variant` nicht zur Verfügung.",
+      "attributes": [
         {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.",
+          "required": false
         },
         {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
+          "name": "_aria-controls",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
+          "required": false
         },
         {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
+          "name": "_aria-current",
+          "type": "\"date\" | \"location\" | \"page\" | \"step\" | \"time\" | boolean | undefined",
+          "description": "Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "required": false
         },
         {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
+          "name": "_aria-expanded",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
+          "required": false
         },
         {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
+          "name": "_aria-label",
+          "type": "string | undefined",
+          "description": "Gibt einen beschreibenden Text für den Screenreader an. Damit die\nSprachsteuerung von interaktiven Elementen funktioniert, muss der\nAria-Label-Text mit dem Label-Text des Buttons beginnen.\n\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",
+          "required": false
         },
         {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
+          "name": "_aria-selected",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
+          "required": false
         },
         {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
-      "cssParts": []
-    },
-    {
-      "name": "kol-button-group",
-      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
-      "attributes": [],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
-      "cssParts": []
-    },
-    {
-      "name": "kol-button-group-wc",
-      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
-      "attributes": [],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
-    {
-      "name": "kol-button-link",
-      "description": "Der ButtonLink ist semantisch ein Button und hat das Design eines Links. Hierzu werden alle relevanten Properties der Button-Komponente übernommen und um die Design-bestimmenden Properties des Links erweitert.\n\nEinen Button kann man deaktivieren und daher gibt es bei einem ButtonLink das Property `_disabled`. Wie das optisch ausgestaltet wird, entscheidet die UX-Designer:in.\n\nStatt, wie bei einem Link, `_href` zu verwenden, wird bei einem ButtonLink das Property über den `Click-Callback` gesteuert. Hierzu wird das `_on`-Property verwendet.\n\nBei einem Link gibt es das Property `target`, welches ggf. den Link in einem neuen Fenster/Tab öffnet. Das Verhalten ist aktuell noch nicht umgesetzt.\n\nDa der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `secondary` usw.) angeboten wird, stehen die Properties `_customClass` und `_variant` nicht zur Verfügung.",
-      "attributes": [
-        {
-          "name": "_access-key",
-          "type": "string | undefined",
-          "description": "Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.",
-          "required": false
-        },
-        {
-          "name": "_aria-controls",
-          "type": "string | undefined",
-          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
-          "required": false
-        },
-        {
-          "name": "_aria-current",
-          "type": "\"date\" | \"location\" | \"page\" | \"step\" | \"time\" | boolean | undefined",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
-          "required": false
-        },
-        {
-          "name": "_aria-expanded",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
-          "required": false
-        },
-        {
-          "name": "_aria-label",
-          "type": "string | undefined",
-          "description": "Gibt einen beschreibenden Text für den Screenreader an. Damit die\nSprachsteuerung von interaktiven Elementen funktioniert, muss der\nAria-Label-Text mit dem Label-Text des Buttons beginnen.\n\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",
-          "required": false
-        },
-        {
-          "name": "_aria-selected",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
-          "required": false
-        },
-        {
-          "name": "_disabled",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob der Button deaktiviert ist.",
-          "defaultValue": "false",
-          "required": false
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Button deaktiviert ist.",
+          "defaultValue": "false",
+          "required": false
         },
         {
           "name": "_icon",
@@ -1002,84 +463,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -1129,84 +513,7 @@
           "description": "Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich unterhalb der Überschrift der Card."
         }
       ],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "card",
@@ -1235,84 +542,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -1340,103 +570,26 @@
         {
           "name": "_headline",
           "type": "string",
-          "description": "Gibt den Text der Überschrift an.",
-          "required": true
-        },
-        {
-          "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.",
-          "required": false
-        },
-        {
-          "name": "_secondary-headline",
-          "type": "string | undefined",
-          "description": "Gibt den Text der zusätzlichen Überschrift an.",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "description": "Gibt den Text der Überschrift an.",
+          "required": true
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "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.",
+          "required": false
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_secondary-headline",
+          "type": "string | undefined",
+          "description": "Gibt den Text der zusätzlichen Überschrift an.",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -1611,84 +764,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -1815,84 +891,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -1990,84 +989,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -2202,84 +1124,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -2419,84 +1264,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -2597,87 +1365,10 @@
           "required": false
         }
       ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -2818,84 +1509,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3023,84 +1637,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3199,84 +1736,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3491,84 +1951,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3709,84 +2092,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3797,103 +2103,26 @@
           "name": "_animate",
           "type": "boolean | undefined",
           "description": "Gibt an, ob das Bild-Logo farblich animiert werden soll.",
-          "required": false
-        },
-        {
-          "name": "_color",
-          "type": "string | undefined",
-          "description": "Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.",
-          "defaultValue": "'#003c78'",
-          "required": false
-        },
-        {
-          "name": "_labeled",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob die Logo-Beschriftung angezeigt werden soll.",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "required": false
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_color",
+          "type": "string | undefined",
+          "description": "Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.",
+          "defaultValue": "'#003c78'",
+          "required": false
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_labeled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Logo-Beschriftung angezeigt werden soll.",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4024,84 +2253,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "hidden",
@@ -4232,84 +2384,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4363,84 +2438,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4463,84 +2461,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4571,84 +2492,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4710,87 +2554,10 @@
           "required": false
         }
       ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "nav",
@@ -4872,84 +2639,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4985,84 +2675,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -5179,84 +2792,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "select",
@@ -5284,84 +2820,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": [
         {
           "name": "link",
@@ -5396,179 +2855,25 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
-      "cssParts": []
-    },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "_show",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht.",
-          "defaultValue": "false",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "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.",
+      "attributes": [
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_show",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht.",
+          "defaultValue": "false",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -5632,84 +2937,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -5746,84 +2974,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -5953,84 +3104,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -6090,84 +3164,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -6197,84 +3194,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -6291,84 +3211,7 @@
       "events": [],
       "methods": [],
       "slots": [],
-      "cssProperties": [
-        {
-          "name": "--kolibri-border-color",
-          "description": "Default color of the border."
-        },
-        {
-          "name": "--kolibri-border-radius",
-          "description": "Default radius of the border."
-        },
-        {
-          "name": "--kolibri-border-width",
-          "description": "Default width of the border."
-        },
-        {
-          "name": "--kolibri-color-black",
-          "description": "Default color of black (dark)."
-        },
-        {
-          "name": "--kolibri-color-danger",
-          "description": "Default color of the danger."
-        },
-        {
-          "name": "--kolibri-color-disabled",
-          "description": "Default color of the disabled."
-        },
-        {
-          "name": "--kolibri-color-error",
-          "description": "Default color of the error."
-        },
-        {
-          "name": "--kolibri-color-ghost",
-          "description": "Default color of the ghost."
-        },
-        {
-          "name": "--kolibri-color-info",
-          "description": "Default color of the info."
-        },
-        {
-          "name": "--kolibri-color-normal",
-          "description": "Default color of the normal."
-        },
-        {
-          "name": "--kolibri-color-primary",
-          "description": "Default color of the primary."
-        },
-        {
-          "name": "--kolibri-color-secondary",
-          "description": "Default color of the secondary."
-        },
-        {
-          "name": "--kolibri-color-success",
-          "description": "Default color of the success."
-        },
-        {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
-        },
-        {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
-        },
-        {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
-        },
-        {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
-        },
-        {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
-        },
-        {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
-        }
-      ],
+      "cssProperties": [],
       "cssParts": []
     }
   ]