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

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-rc.2",
+  "version": "1.5.0-rc.4",
   "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": []
     },
     {
@@ -1359,84 +589,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": []
     },
     {
@@ -1488,7 +641,7 @@
         {
           "name": "_part",
           "type": "string | undefined",
-          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n/**",
+          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)",
           "required": false
         }
       ],
@@ -1496,7 +649,12 @@
       "methods": [],
       "slots": [],
       "cssProperties": [],
-      "cssParts": []
+      "cssParts": [
+        {
+          "name": "icon",
+          "description": ""
+        }
+      ]
     },
     {
       "name": "kol-icon-font-awesome",
@@ -1611,84 +769,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 +896,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 +994,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": []
     },
     {
@@ -2169,117 +1096,40 @@
         {
           "name": "_step",
           "type": "number | undefined",
-          "description": "Gibt die Schrittweite der Wertveränderung an",
-          "required": false
-        },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
-          "required": false
-        },
-        {
-          "name": "_touched",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
-          "defaultValue": "false",
-          "required": false
-        },
-        {
-          "name": "_type",
-          "type": "\"date\" | \"datetime-local\" | \"month\" | \"time\" | \"week\"",
-          "description": "Gibt den Typ des Eingabefeldes an.",
-          "defaultValue": "'date'",
-          "required": false
-        },
-        {
-          "name": "_value",
-          "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | null | undefined",
-          "description": "Gibt den Wert des Eingabefeldes 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."
+          "description": "Gibt die Schrittweite der Wertveränderung an",
+          "required": false
         },
         {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
         },
         {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_type",
+          "type": "\"date\" | \"datetime-local\" | \"month\" | \"time\" | \"week\"",
+          "description": "Gibt den Typ des Eingabefeldes an.",
+          "defaultValue": "'date'",
+          "required": false
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_value",
+          "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | null | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -2419,84 +1269,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": []
     },
     {
@@ -2600,84 +1373,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": []
     },
     {
@@ -2818,84 +1514,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 +1642,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": []
     },
     {
@@ -3152,131 +1694,54 @@
           "required": true
         },
         {
-          "name": "_list",
-          "type": "Option<W3CInputValue>[] | string",
-          "description": "Gibt die Liste der Optionen für das Eingabefeld an.",
-          "required": true
-        },
-        {
-          "name": "_name",
-          "type": "string | undefined",
-          "description": "Gibt den technischen Namen des Eingabefeldes an.",
-          "required": false
-        },
-        {
-          "name": "_orientation",
-          "type": "\"horizontal\" | \"vertical\" | undefined",
-          "description": "Gibt die Ausrichtung der LinkList an.",
-          "defaultValue": "'vertical'",
-          "required": false
-        },
-        {
-          "name": "_required",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
-          "required": false
-        },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
-          "required": false
-        },
-        {
-          "name": "_touched",
-          "type": "boolean | undefined",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
-          "defaultValue": "false",
-          "required": false
-        },
-        {
-          "name": "_value",
-          "type": "number | string | undefined",
-          "description": "Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902)",
-          "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": "_list",
+          "type": "Option<W3CInputValue>[] | string",
+          "description": "Gibt die Liste der Optionen für das Eingabefeld an.",
+          "required": true
         },
         {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
         },
         {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
+          "name": "_orientation",
+          "type": "\"horizontal\" | \"vertical\" | undefined",
+          "description": "Gibt die Ausrichtung der LinkList an.",
+          "defaultValue": "'vertical'",
+          "required": false
         },
         {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
         },
         {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_value",
+          "type": "number | string | undefined",
+          "description": "Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902)",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -3491,84 +1956,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 +2097,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": []
     },
     {
@@ -3816,84 +2127,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": []
     },
     {
@@ -4024,84 +2258,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",
@@ -4199,117 +2356,40 @@
           "name": "_tab-index",
           "type": "number | undefined",
           "description": "Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
-        {
-          "name": "_target",
-          "type": "string | undefined",
-          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll.",
-          "required": false
-        },
-        {
-          "name": "_target-description",
-          "type": "string | undefined",
-          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.",
-          "defaultValue": "translate('kol-open-link-in-tab')",
-          "required": false
-        },
-        {
-          "name": "_tooltip-align",
-          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.",
-          "defaultValue": "'right'",
-          "required": false
-        },
-        {
-          "name": "_variant",
-          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
-          "description": "Gibt an, welche Ausprägung der Button hat.",
-          "defaultValue": "'normal'",
-          "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."
+          "required": false
         },
         {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
+          "name": "_target",
+          "type": "string | undefined",
+          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll.",
+          "required": false
         },
         {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "name": "_target-description",
+          "type": "string | undefined",
+          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.",
+          "defaultValue": "translate('kol-open-link-in-tab')",
+          "required": false
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "defaultValue": "'right'",
+          "required": false
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_variant",
+          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
+          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "defaultValue": "'normal'",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4363,84 +2443,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 +2466,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 +2497,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": []
     },
     {
@@ -4713,84 +2562,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": "nav",
@@ -4825,131 +2597,54 @@
           "name": "_page",
           "type": "number",
           "description": "Gibt an, welche Seite aktuell ausgewählt ist.",
-          "required": true
-        },
-        {
-          "name": "_page-size",
-          "type": "number",
-          "description": "Gibt an, wie viele Einträge pro Seite angezeigt werden.",
-          "defaultValue": "1",
-          "required": false
-        },
-        {
-          "name": "_page-size-options",
-          "type": "number[] | string",
-          "description": "Gibt an, welche Optionen für die Seitenlänge angeboten werden.",
-          "defaultValue": "[]",
-          "required": false
-        },
-        {
-          "name": "_sibling-count",
-          "type": "number | undefined",
-          "description": "Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.",
-          "defaultValue": "1",
-          "required": false
-        },
-        {
-          "name": "_tooltip-align",
-          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.",
-          "defaultValue": "'top'",
-          "required": false
-        },
-        {
-          "name": "_total",
-          "type": "number",
-          "description": "Gibt an, wie viele Einträge mit der Pagination gehandelt werden.",
-          "required": true
-        },
-        {
-          "name": "_variant",
-          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
-          "description": "Gibt an, welche Button-Variante verwendet werden soll.",
-          "defaultValue": "'normal'",
-          "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."
+          "required": true
         },
         {
-          "name": "--kolibri-color-text",
-          "description": "Default color of the text."
+          "name": "_page-size",
+          "type": "number",
+          "description": "Gibt an, wie viele Einträge pro Seite angezeigt werden.",
+          "defaultValue": "1",
+          "required": false
         },
         {
-          "name": "--kolibri-color-visited",
-          "description": "Default color of the visited."
+          "name": "_page-size-options",
+          "type": "number[] | string",
+          "description": "Gibt an, welche Optionen für die Seitenlänge angeboten werden.",
+          "defaultValue": "[]",
+          "required": false
         },
         {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
+          "name": "_sibling-count",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.",
+          "defaultValue": "1",
+          "required": false
         },
         {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.",
+          "defaultValue": "'top'",
+          "required": false
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_total",
+          "type": "number",
+          "description": "Gibt an, wie viele Einträge mit der Pagination gehandelt werden.",
+          "required": true
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_variant",
+          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
+          "description": "Gibt an, welche Button-Variante verwendet werden soll.",
+          "defaultValue": "'normal'",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -4985,84 +2680,43 @@
       "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."
-        },
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-quote",
+      "description": "",
+      "attributes": [
         {
-          "name": "--kolibri-color-warning",
-          "description": "Default color of the warning."
+          "name": "_caption",
+          "type": "string | undefined",
+          "description": "The caption of the quote.",
+          "required": false
         },
         {
-          "name": "--kolibri-color-white",
-          "description": "Default color of white (light)."
+          "name": "_href",
+          "type": "string",
+          "description": "The href is a URL that designates a source document or message for the information quoted.",
+          "required": true
         },
         {
-          "name": "--kolibri-font-family",
-          "description": "Default font family."
+          "name": "_quote",
+          "type": "string",
+          "description": "The text of the quote.",
+          "required": true
         },
         {
-          "name": "--kolibri-font-size",
-          "description": "Default font size."
+          "name": "_variant",
+          "type": "\"block\" | \"inline\" | undefined",
+          "description": "The variant of the quote.",
+          "defaultValue": "'inline'",
+          "required": false
         }
       ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
       "cssParts": []
     },
     {
@@ -5179,84 +2833,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 +2861,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 +2896,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 +2978,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 +3015,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 +3145,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 +3205,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 +3235,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 +3252,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": []
     }
   ]