dap-design-system 0.35.11 → 0.35.13

package/dist/manifest/web-types.json

@@ -6,6 +6,33 @@
   "contributions": {
     "html": {
       "elements": [
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+              "value": { "type": "HeadingVariant" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the heading.",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "HeadingVariant" },
+              { "name": "label", "type": "string" },
+              { "name": "elementId" },
+              { "name": "anchorTitle" }
+            ],
+            "events": []
+          }
+        },
         {
           "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.",
@@ -112,72 +139,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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "description": "The size of the avatar",
-              "value": {
-                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'",
-                "default": "'md'"
-              }
-            },
-            {
-              "name": "src",
-              "description": "The source of the avatar.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "alt",
-              "description": "The alt text of the avatar.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "width",
-              "description": "The width of the avatar. This will override the size.",
-              "value": { "type": "number" }
-            },
-            {
-              "name": "height",
-              "description": "The height of the avatar. This will override the size.",
-              "value": { "type": "number" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "size",
-                "description": "The size of the avatar",
-                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'"
-              },
-              {
-                "name": "src",
-                "description": "The source of the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "alt",
-                "description": "The alt text of the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "width",
-                "description": "The width of the avatar. This will override the size.",
-                "type": "number"
-              },
-              {
-                "name": "height",
-                "description": "The height of the avatar. This will override the size.",
-                "type": "number"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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.",
@@ -229,79 +190,58 @@
           }
         },
         {
-          "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.",
+          "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.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variant",
-              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-              "value": { "type": "HeadingVariant" }
+              "name": "inverted",
+              "description": "Inverted color style",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "label",
-              "description": "The label of the heading.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "variant", "type": "HeadingVariant" },
-              { "name": "label", "type": "string" },
-              { "name": "elementId" },
-              { "name": "anchorTitle" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "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.",
-          "doc-url": "",
-          "attributes": [
+              "name": "variant",
+              "value": { "type": "string", "default": "'normal'" }
+            },
             {
-              "name": "autoClose",
-              "description": "Whether to close other accordions when one is opened.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "mobile",
+              "description": "Mobile version of the breadcrumb",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "variant",
-              "description": "The variant of the accordion",
-              "value": {
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
-                "default": "'default'"
-              }
+              "name": "aria-labelledby",
+              "description": "The aria-labelledby of the breadcrumb",
+              "value": { "type": "string | undefined" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the accordion group." }
-          ],
-          "events": [
+            { "name": "", "description": "The content of the breadcrumb." },
             {
-              "name": "dds-change",
-              "description": "Event fired when an accordion is opened or closed."
+              "name": "separator",
+              "description": "The separator between breadcrumb items. Default is '/'."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "autoClose",
-                "description": "Whether to close other accordions when one is opened.",
-                "type": "string"
+                "name": "inverted",
+                "description": "Inverted color style",
+                "type": "boolean"
               },
+              { "name": "variant", "type": "string" },
               {
-                "name": "variant",
-                "description": "The variant of the accordion",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
-              }
-            ],
-            "events": [
+                "name": "mobile",
+                "description": "Mobile version of the breadcrumb",
+                "type": "boolean"
+              },
               {
-                "name": "dds-change",
-                "description": "Event fired when an accordion is opened or closed."
+                "name": "ariaLabelledBy",
+                "description": "The aria-labelledby of the breadcrumb",
+                "type": "string | undefined"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -386,55 +326,66 @@
           }
         },
         {
-          "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.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "inverted",
-              "description": "Inverted color style",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "size",
+              "description": "The size of the avatar",
+              "value": {
+                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'",
+                "default": "'md'"
+              }
             },
             {
-              "name": "variant",
-              "value": { "type": "string", "default": "'normal'" }
+              "name": "src",
+              "description": "The source of the avatar.",
+              "value": { "type": "string" }
             },
             {
-              "name": "mobile",
-              "description": "Mobile version of the breadcrumb",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "alt",
+              "description": "The alt text of the avatar.",
+              "value": { "type": "string" }
             },
             {
-              "name": "aria-labelledby",
-              "description": "The aria-labelledby of the breadcrumb",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the breadcrumb." },
+              "name": "width",
+              "description": "The width of the avatar. This will override the size.",
+              "value": { "type": "number" }
+            },
             {
-              "name": "separator",
-              "description": "The separator between breadcrumb items. Default is '/'."
+              "name": "height",
+              "description": "The height of the avatar. This will override the size.",
+              "value": { "type": "number" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "inverted",
-                "description": "Inverted color style",
-                "type": "boolean"
+                "name": "size",
+                "description": "The size of the avatar",
+                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'"
               },
-              { "name": "variant", "type": "string" },
               {
-                "name": "mobile",
-                "description": "Mobile version of the breadcrumb",
-                "type": "boolean"
+                "name": "src",
+                "description": "The source of the avatar.",
+                "type": "string"
               },
               {
-                "name": "ariaLabelledBy",
-                "description": "The aria-labelledby of the breadcrumb",
-                "type": "string | undefined"
+                "name": "alt",
+                "description": "The alt text of the avatar.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "The width of the avatar. This will override the size.",
+                "type": "number"
+              },
+              {
+                "name": "height",
+                "description": "The height of the avatar. This will override the size.",
+                "type": "number"
               }
             ],
             "events": []
@@ -526,6 +477,55 @@
             "events": []
           }
         },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "autoClose",
+              "description": "Whether to close other accordions when one is opened.",
+              "value": { "type": "string", "default": "'true'" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the accordion",
+              "value": {
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
+                "default": "'default'"
+              }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the accordion group." }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "description": "Event fired when an accordion is opened or closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "autoClose",
+                "description": "Whether to close other accordions when one is opened.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the accordion",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "description": "Event fired when an accordion is opened or closed."
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -3889,7 +3889,7 @@
         },
         {
           "name": "dap-ds-link",
-          "description": "A link is a reference to a web resource.\n---\n\n\n### **Slots:**\n - _default_ - The text of the link.\n\n### **CSS Properties:**\n - **--dds-link-color** - The color of the link text _(default: undefined)_\n- **--dds-link-hover-color** - The color of the link text on hover _(default: undefined)_\n- **--dds-link-active-color** - The color of the link text when active _(default: undefined)_\n- **--dds-link-visited-color** - The color of the visited link text _(default: undefined)_\n- **--dds-link-font-size** - The font size of the link text _(default: undefined)_\n- **--dds-link-line-height** - The line height of the link text _(default: undefined)_\n- **--dds-link-font-weight** - The font weight of the link text _(default: undefined)_\n- **--dds-link-text-decoration** - The text decoration of the link _(default: undefined)_\n- **--dds-link-neutral-color** - The color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
+          "description": "A link is a reference to a web resource.\n---\n\n\n### **Events:**\n - **dds-click** - Emitted when the link is clicked.\n\n### **Slots:**\n - _default_ - The text of the link.\n\n### **CSS Properties:**\n - **--dds-link-color** - The color of the link text _(default: undefined)_\n- **--dds-link-hover-color** - The color of the link text on hover _(default: undefined)_\n- **--dds-link-active-color** - The color of the link text when active _(default: undefined)_\n- **--dds-link-visited-color** - The color of the visited link text _(default: undefined)_\n- **--dds-link-font-size** - The font size of the link text _(default: undefined)_\n- **--dds-link-line-height** - The line height of the link text _(default: undefined)_\n- **--dds-link-font-weight** - The font weight of the link text _(default: undefined)_\n- **--dds-link-text-decoration** - The text decoration of the link _(default: undefined)_\n- **--dds-link-neutral-color** - The color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
           "doc-url": "",
           "attributes": [
             {
@@ -3945,7 +3945,12 @@
             }
           ],
           "slots": [{ "name": "", "description": "The text of the link." }],
-          "events": [],
+          "events": [
+            {
+              "name": "dds-click",
+              "description": "Emitted when the link is clicked."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -3993,8 +3998,13 @@
                 "description": "The download attribute of the link",
                 "type": "boolean"
               }
-            ],
-            "events": []
+            ],
+            "events": [
+              {
+                "name": "dds-click",
+                "description": "Emitted when the link is clicked."
+              }
+            ]
           }
         },
         {
@@ -11026,6 +11036,132 @@
             "events": []
           }
         },
+        {
+          "name": "dap-ds-icon-lock-fill",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-icon-lock-line",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-icon-menu-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
@@ -11216,7 +11352,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.",
           "doc-url": "",
           "attributes": [
@@ -11279,7 +11415,70 @@
           }
         },
         {
-          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-icon-star-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11403,6 +11602,69 @@
             ],
             "events": []
           }
+        },
+        {
+          "name": "dap-ds-icon-subtract-line",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
         }
       ]
     }