dap-design-system 0.35.12 → 0.35.13

package/dist/manifest/vscode.html-custom-data.json

@@ -2,6 +2,28 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
+    {
+      "name": "dap-ds-anchor-heading",
+      "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+          "values": [{ "name": "HeadingVariant" }]
+        },
+        {
+          "name": "label",
+          "description": "The label of the heading.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/anchor-heading"
+        }
+      ]
+    },
     {
       "name": "dap-ds-accordion",
       "description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **icon-wrapper** - The icon wrapper of the accordion.\n- **open-icon** - The icon when the accordion is opened.\n- **open-icon-base** - The base of the icon when the accordion is opened.\n- **close-icon** - The icon when the accordion is closed.\n- **close-icon-base** - The base of the icon when the accordion is closed.",
@@ -52,71 +74,6 @@
         }
       ]
     },
-    {
-      "name": "dap-ds-avatar",
-      "description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The size of the avatar",
-          "values": [
-            { "name": "lg" },
-            { "name": "md" },
-            { "name": "sm" },
-            { "name": "xs" },
-            { "name": "xxs" }
-          ]
-        },
-        {
-          "name": "src",
-          "description": "The source of the avatar.",
-          "values": []
-        },
-        {
-          "name": "alt",
-          "description": "The alt text of the avatar.",
-          "values": []
-        },
-        {
-          "name": "width",
-          "description": "The width of the avatar. This will override the size.",
-          "values": []
-        },
-        {
-          "name": "height",
-          "description": "The height of the avatar. This will override the size.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/avatar"
-        }
-      ]
-    },
-    {
-      "name": "dap-ds-anchor-heading",
-      "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-          "values": [{ "name": "HeadingVariant" }]
-        },
-        {
-          "name": "label",
-          "description": "The label of the heading.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/anchor-heading"
-        }
-      ]
-    },
     {
       "name": "dap-ds-badge",
       "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border. Default is the design system's base border width. _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border. Default is solid. _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge. Default is the design system's base radius. _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text. Default is bold. _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text. Default is 1.2. _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge. Default is the design system's spacing-100 and spacing-200. _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge. Default is the design system's spacing-100 and spacing-300. _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge. Default is the design system's font-xs. _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge. Default is the design system's font-sm. _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge. Default is the design system's border-neutral-base. _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge. Default is the design system's background-neutral-medium. _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge. Default is the design system's text-neutral-subtle. _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge. Default is the design system's border-brand-base. _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge. Default is the design system's background-brand-medium. _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge. Default is the design system's text-brand-subtle. _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge. Default is the design system's border-informative-base. _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge. Default is the design system's background-informative-medium. _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge. Default is the design system's text-informative-subtle. _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge. Default is the design system's border-positive-base. _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge. Default is the design system's background-positive-medium. _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge. Default is the design system's text-positive-subtle. _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge. Default is the design system's border-warning-subtle. _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge. Default is the design system's background-warning-medium. _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge. Default is the design system's text-warning-subtle. _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge. Default is the design system's border-negative-base. _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge. Default is the design system's background-negative-medium. _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge. Default is the design system's text-negative-subtle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
@@ -152,29 +109,30 @@
       ]
     },
     {
-      "name": "dap-ds-accordion-group",
-      "description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when an accordion is opened or closed.\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
+      "name": "dap-ds-breadcrumb",
+      "description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
       "attributes": [
         {
-          "name": "autoClose",
-          "description": "Whether to close other accordions when one is opened.",
+          "name": "inverted",
+          "description": "Inverted color style",
           "values": []
         },
+        { "name": "variant", "values": [] },
         {
-          "name": "variant",
-          "description": "The variant of the accordion",
-          "values": [
-            { "name": "default" },
-            { "name": "collapsed" },
-            { "name": "clean" },
-            { "name": "clean-collapsed" }
-          ]
+          "name": "mobile",
+          "description": "Mobile version of the breadcrumb",
+          "values": []
+        },
+        {
+          "name": "aria-labelledby",
+          "description": "The aria-labelledby of the breadcrumb",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/accordion-group"
+          "url": "https://shoelace.style/components/breadcrumb"
         }
       ]
     },
@@ -222,30 +180,45 @@
       ]
     },
     {
-      "name": "dap-ds-breadcrumb",
-      "description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
+      "name": "dap-ds-avatar",
+      "description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
       "attributes": [
         {
-          "name": "inverted",
-          "description": "Inverted color style",
+          "name": "size",
+          "description": "The size of the avatar",
+          "values": [
+            { "name": "lg" },
+            { "name": "md" },
+            { "name": "sm" },
+            { "name": "xs" },
+            { "name": "xxs" }
+          ]
+        },
+        {
+          "name": "src",
+          "description": "The source of the avatar.",
           "values": []
         },
-        { "name": "variant", "values": [] },
         {
-          "name": "mobile",
-          "description": "Mobile version of the breadcrumb",
+          "name": "alt",
+          "description": "The alt text of the avatar.",
           "values": []
         },
         {
-          "name": "aria-labelledby",
-          "description": "The aria-labelledby of the breadcrumb",
+          "name": "width",
+          "description": "The width of the avatar. This will override the size.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "The height of the avatar. This will override the size.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/breadcrumb"
+          "url": "https://shoelace.style/components/avatar"
         }
       ]
     },
@@ -296,6 +269,33 @@
         }
       ]
     },
+    {
+      "name": "dap-ds-accordion-group",
+      "description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when an accordion is opened or closed.\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
+      "attributes": [
+        {
+          "name": "autoClose",
+          "description": "Whether to close other accordions when one is opened.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the accordion",
+          "values": [
+            { "name": "default" },
+            { "name": "collapsed" },
+            { "name": "clean" },
+            { "name": "clean-collapsed" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/accordion-group"
+        }
+      ]
+    },
     {
       "name": "dap-ds-button",
       "description": "A button is a clickable element that can be used to trigger an action.\n---\n\n\n### **Slots:**\n - _default_ - The content of the button.\n\n### **CSS Properties:**\n - **--dds-button-padding-x** - Horizontal padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-padding-y** - Vertical padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-border-radius** - Border radius of the button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-button-font-weight** - Font weight of the button (default: 700) _(default: undefined)_\n- **--dds-button-line-height** - Line height of the button (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-button-transition** - Transition property of the button (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-button-disabled-opacity** - Opacity of disabled button (default: 0.5) _(default: undefined)_\n- **--dds-button-size-lg** - Size of large button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-size-md** - Size of medium button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-size-sm** - Size of small button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-size-xs** - Size of extra small button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-button-circle-lg** - Size of large circle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-circle-md** - Size of medium circle button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-circle-sm** - Size of small circle button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-circle-xs** - Size of extra small circle button (default: var(--dds-spacing-600)) Primary button properties: _(default: undefined)_\n- **--dds-button-primary-color-bg** - Background color of primary button (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-bg-hover** - Background color of primary button on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-button-primary-color-bg-active** - Background color of primary button when active (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-button-primary-color-bg-disabled** - Background color of disabled primary button (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-button-primary-color-text** - Text color of primary button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-text-disabled** - Text color of disabled primary button (default: var(--dds-button-primary-text-disabled)) Primary inverted button properties: _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg** - Background color of primary inverted button (default: var(--dds-button-primary-background-inverted-enabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-hover** - Background color of primary inverted button on hover (default: var(--dds-button-primary-background-inverted-hover)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-active** - Background color of primary inverted button when active (default: var(--dds-button-primary-background-inverted-pressed)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-disabled** - Background color of disabled primary inverted button (default: var(--dds-button-primary-background-inverted-disabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text** - Text color of primary inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text-disabled** - Text color of disabled primary inverted button (default: var(--dds-button-primary-text-inverted-disabled)) Outline button properties: _(default: undefined)_\n- **--dds-button-outline-color-border** - Border color of outline button (default: var(--dds-button-outline-border-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-border-hover** - Border color of outline button on hover (default: var(--dds-button-outline-border-hover)) _(default: undefined)_\n- **--dds-button-outline-color-border-active** - Border color of outline button when active (default: var(--dds-button-outline-border-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-border-disabled** - Border color of disabled outline button (default: var(--dds-button-outline-border-disabled)) _(default: undefined)_\n- **--dds-button-outline-color-text** - Text color of outline button (default: var(--dds-button-outline-text-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-text-hover** - Text color of outline button on hover (default: var(--dds-button-outline-text-hover)) _(default: undefined)_\n- **--dds-button-outline-color-text-active** - Text color of outline button when active (default: var(--dds-button-outline-text-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-text-disabled** - Text color of disabled outline button (default: var(--dds-button-outline-text-disabled)) Outline inverted button properties: _(default: undefined)_\n- **--dds-button-outline-inverted-color-border** - Border color of outline inverted button (default: var(--dds-button-outline-border-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-hover** - Border color of outline inverted button on hover (default: var(--dds-button-outline-border-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-active** - Border color of outline inverted button when active (default: var(--dds-button-outline-border-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-disabled** - Border color of disabled outline inverted button (default: var(--dds-button-outline-border-inverted-disabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text** - Text color of outline inverted button (default: var(--dds-button-outline-text-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-hover** - Text color of outline inverted button on hover (default: var(--dds-button-outline-text-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-active** - Text color of outline inverted button when active (default: var(--dds-button-outline-text-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-disabled** - Text color of disabled outline inverted button (default: var(--dds-button-outline-text-inverted-disabled)) Subtle button properties: _(default: undefined)_\n- **--dds-button-subtle-color-bg** - Background color of subtle button (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-hover** - Background color of subtle button on hover (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-active** - Background color of subtle button when active (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-disabled** - Background color of disabled subtle button (default: var(--dds-button-subtle-background-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border** - Border color of subtle button (default: var(--dds-button-subtle-border-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border-hover** - Border color of subtle button on hover (default: var(--dds-button-subtle-border-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-border-active** - Border color of subtle button when active (default: var(--dds-button-subtle-border-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-border-disabled** - Border color of disabled subtle button (default: var(--dds-button-subtle-border-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text** - Text color of subtle button (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text-hover** - Text color of subtle button on hover (default: var(--dds-button-subtle-text-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-text-active** - Text color of subtle button when active (default: var(--dds-button-subtle-text-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-text-disabled** - Text color of disabled subtle button (default: var(--dds-button-subtle-text-disabled)) Clean button properties: _(default: undefined)_\n- **--dds-button-clean-color-text** - Text color of clean button (default: var(--dds-text-link-base)) _(default: undefined)_\n- **--dds-button-clean-color-text-hover** - Text color of clean button on hover (default: var(--dds-text-link-hover)) _(default: undefined)_\n- **--dds-button-clean-color-text-active** - Text color of clean button when active (default: var(--dds-text-link-pressed)) _(default: undefined)_\n- **--dds-button-clean-color-text-disabled** - Text color of disabled clean button (default: var(--dds-text-neutral-disabled)) Clean inverted button properties: _(default: undefined)_\n- **--dds-button-clean-inverted-color-text** - Text color of clean inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-hover** - Text color of clean inverted button on hover (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-active** - Text color of clean inverted button when active (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-disabled** - Text color of disabled clean inverted button (default: var(--dds-text-neutral-disabled)) Danger button properties: _(default: undefined)_\n- **--dds-button-danger-color-bg** - Background color of danger button (default: var(--dds-button-primary-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-color-bg-hover** - Background color of danger button on hover (default: var(--dds-button-primary-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-color-bg-active** - Background color of danger button when active (default: var(--dds-button-primary-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-color-text** - Text color of danger button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border** - Border color of danger outline button (default: var(--dds-button-outline-border-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-hover** - Border color of danger outline button on hover (default: var(--dds-button-outline-border-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-active** - Border color of danger outline button when active (default: var(--dds-button-outline-border-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text** - Text color of danger outline button (default: var(--dds-button-outline-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-hover** - Text color of danger outline button on hover (default: var(--dds-button-outline-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-active** - Text color of danger outline button when active (default: var(--dds-button-outline-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg** - Background color of danger subtle button (default: var(--dds-button-subtle-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-hover** - Background color of danger subtle button on hover (default: var(--dds-button-subtle-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-active** - Background color of danger subtle button when active (default: var(--dds-button-subtle-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text** - Text color of danger subtle button (default: var(--dds-button-subtle-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-hover** - Text color of danger subtle button on hover (default: var(--dds-button-subtle-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-active** - Text color of danger subtle button when active (default: var(--dds-button-subtle-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text** - Text color of danger clean button (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-hover** - Text color of danger clean button on hover (default: var(--dds-text-negative-base)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-active** - Text color of danger clean button when active (default: var(--dds-text-negative-strong)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **high-contrast** - The high contrast part of the button.",
@@ -692,6 +692,17 @@
         }
       ]
     },
+    {
+      "name": "dap-ds-combobox",
+      "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n- **dds-clear** - Emitted when the select is cleared.\n- **dds-search** - Emitted when the manual input value changes.\n- **dds-input** - Emitted when typing happens in the input.\n\n### **Slots:**\n - _default_ - The default slot for the options.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. Defaults to var(--dds-fields-background-default). _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. Defaults to var(--dds-border-neutral-base). _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. Defaults to var(--dds-border-width-base, 1px). _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. Defaults to var(--dds-radius-base). _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. Defaults to var(--dds-text-neutral-base). _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. Defaults to var(--dds-text-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. Defaults to var(--dds-background-neutral-stronger). _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. Defaults to var(--dds-text-neutral-disabled). _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. Defaults to var(--dds-border-negative-base). _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. Defaults to var(--dds-border-positive-base). _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. Defaults to var(--dds-text-icon-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. Defaults to var(--dds-button-subtle-icon-neutral-enabled). _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. Defaults to var(--dds-background-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. Defaults to 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%). _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. Defaults to var(--dds-spacing-100). _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. Defaults to var(--dds-spacing-800). _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. Defaults to var(--dds-spacing-600). _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. Defaults to 7.5rem. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main select container.\n- **trigger** - The trigger button of the select.\n- **label** - The label of the select.\n- **description** - The description of the select.\n- **feedback** - The feedback of the select.\n- **tooltip** - The tooltip of the select.\n- **option-list** - The option list of the select.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/combobox"
+        }
+      ]
+    },
     {
       "name": "dap-ds-checkbox",
       "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. Default is `var(--dds-spacing-500)`. _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. Default is `var(--dds-border-width-large)`. _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. Default is `var(--dds-radius-small)`. _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. Default is `var(--dds-border-neutral-base)`. _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. Default is `transparent`. _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. Default is `var(--dds-button-primary-icon-enabled)`. _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. Default is `var(--dds-border-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. Default is `var(--dds-background-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. Default is `var(--dds-border-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. Default is `var(--dds-background-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. Default is `var(--dds-border-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. Default is `var(--dds-background-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. Default is `var(--dds-border-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. Default is `var(--dds-background-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. Default is `var(--dds-border-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. Default is `var(--dds-background-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. Default is `var(--dds-button-primary-icon-disabled)`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.",
@@ -724,17 +735,6 @@
         }
       ]
     },
-    {
-      "name": "dap-ds-combobox",
-      "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n- **dds-clear** - Emitted when the select is cleared.\n- **dds-search** - Emitted when the manual input value changes.\n- **dds-input** - Emitted when typing happens in the input.\n\n### **Slots:**\n - _default_ - The default slot for the options.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. Defaults to var(--dds-fields-background-default). _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. Defaults to var(--dds-border-neutral-base). _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. Defaults to var(--dds-border-width-base, 1px). _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. Defaults to var(--dds-radius-base). _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. Defaults to var(--dds-text-neutral-base). _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. Defaults to var(--dds-text-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. Defaults to var(--dds-background-neutral-stronger). _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. Defaults to var(--dds-text-neutral-disabled). _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. Defaults to var(--dds-border-negative-base). _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. Defaults to var(--dds-border-positive-base). _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. Defaults to var(--dds-text-icon-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. Defaults to var(--dds-button-subtle-icon-neutral-enabled). _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. Defaults to var(--dds-background-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. Defaults to 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%). _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. Defaults to var(--dds-spacing-100). _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. Defaults to var(--dds-spacing-800). _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. Defaults to var(--dds-spacing-600). _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. Defaults to 7.5rem. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main select container.\n- **trigger** - The trigger button of the select.\n- **label** - The label of the select.\n- **description** - The description of the select.\n- **feedback** - The feedback of the select.\n- **tooltip** - The tooltip of the select.\n- **option-list** - The option list of the select.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/combobox"
-        }
-      ]
-    },
     {
       "name": "dap-ds-command-group",
       "description": "A command group is a group of command items.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the command group.\n\n### **CSS Properties:**\n - **--dds-command-group-gap** - The gap between command group elements. Defaults to var(--dds-spacing-100) _(default: undefined)_\n- **--dds-command-group-margin-bottom** - The bottom margin of the command group. Defaults to var(--dds-spacing-200) _(default: undefined)_\n- **--dds-command-group-border-radius** - The border radius of the command group. Defaults to var(--dds-radius-small) _(default: undefined)_\n- **--dds-command-group-label-font-weight** - The font weight of the command group label. Defaults to var(--dds-font-weight-bold) _(default: undefined)_\n- **--dds-command-group-items-gap** - The gap between command items. Defaults to var(--dds-spacing-100) _(default: undefined)_",
@@ -3552,7 +3552,7 @@
       ]
     },
     {
-      "name": "dap-ds-icon-arrow-up-line",
+      "name": "dap-ds-icon-arrow-right-up-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3584,12 +3584,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-up-line"
+          "url": "https://shoelace.style/components/icon-arrow-right-up-line"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-arrow-right-up-line",
+      "name": "dap-ds-icon-arrow-up-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3621,12 +3621,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-right-up-line"
+          "url": "https://shoelace.style/components/icon-arrow-up-line"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-arrow-up-s-line",
+      "name": "dap-ds-icon-arrow-up-s-fill",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3658,12 +3658,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-up-s-line"
+          "url": "https://shoelace.style/components/icon-arrow-up-s-fill"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-arrow-up-s-fill",
+      "name": "dap-ds-icon-arrow-up-s-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3695,7 +3695,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-up-s-fill"
+          "url": "https://shoelace.style/components/icon-arrow-up-s-line"
         }
       ]
     },
@@ -3811,7 +3811,7 @@
       ]
     },
     {
-      "name": "dap-ds-icon-cookie-line",
+      "name": "dap-ds-icon-clipboard-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3843,12 +3843,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-cookie-line"
+          "url": "https://shoelace.style/components/icon-clipboard-line"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-clipboard-line",
+      "name": "dap-ds-icon-file-copy-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3880,12 +3880,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-clipboard-line"
+          "url": "https://shoelace.style/components/icon-file-copy-line"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-file-copy-line",
+      "name": "dap-ds-icon-cookie-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -3917,7 +3917,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-file-copy-line"
+          "url": "https://shoelace.style/components/icon-cookie-line"
         }
       ]
     },
@@ -4883,6 +4883,80 @@
         }
       ]
     },
+    {
+      "name": "dap-ds-icon-lock-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/icon-lock-fill"
+        }
+      ]
+    },
+    {
+      "name": "dap-ds-icon-lock-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/icon-lock-line"
+        }
+      ]
+    },
     {
       "name": "dap-ds-icon-menu-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
@@ -4995,7 +5069,7 @@
       ]
     },
     {
-      "name": "dap-ds-icon-star-fill",
+      "name": "dap-ds-icon-shield-check-fill",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -5027,12 +5101,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-star-fill"
+          "url": "https://shoelace.style/components/icon-shield-check-fill"
         }
       ]
     },
     {
-      "name": "dap-ds-icon-subtract-line",
+      "name": "dap-ds-icon-shield-check-line",
       "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
       "attributes": [
         {
@@ -5064,7 +5138,44 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-subtract-line"
+          "url": "https://shoelace.style/components/icon-shield-check-line"
+        }
+      ]
+    },
+    {
+      "name": "dap-ds-icon-star-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/icon-star-fill"
         }
       ]
     },
@@ -5104,6 +5215,43 @@
           "url": "https://shoelace.style/components/icon-subtract-line2"
         }
       ]
+    },
+    {
+      "name": "dap-ds-icon-subtract-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/icon-subtract-line"
+        }
+      ]
     }
   ]
 }