dap-design-system 0.57.7 → 0.57.9

package/dist/manifest/web-types.json

@@ -114,102 +114,42 @@
           }
         },
         {
-          "name": "dap-ds-avatar-group",
-          "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
+          "name": "dap-ds-accordion-group",
+          "description": "An accordion group is a collection of accordion components.\n---\n\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": "layout",
-              "description": "Layout type for the avatar group",
-              "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
-            },
-            {
-              "name": "max",
-              "description": "Maximum number of avatars to show before showing overflow",
-              "value": { "type": "number", "default": "3" }
-            },
-            {
-              "name": "show-total",
-              "description": "Whether to show the total count in overflow indicator",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "interactive-overflow",
-              "description": "Interactive overflow indicator",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "description": "Accessible label for the avatar group",
-              "value": { "type": "string" }
+              "name": "autoClose",
+              "description": "Whether to close other accordions when one is opened.",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "overflow-label",
-              "description": "Accessible label for the overflow indicator",
-              "value": { "type": "string" }
+              "name": "variant",
+              "description": "The variant of the accordion",
+              "value": {
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
+                "default": "'default'"
+              }
             }
           ],
           "slots": [
-            {
-              "name": "",
-              "description": "The avatars to display in the group."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-overflow-click",
-              "description": "Fired when the overflow indicator is clicked."
-            }
+            { "name": "", "description": "The content of the accordion group." }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "layout",
-                "description": "Layout type for the avatar group",
-                "type": "'stack' | 'grid'"
-              },
-              {
-                "name": "max",
-                "description": "Maximum number of avatars to show before showing overflow",
-                "type": "number"
-              },
-              {
-                "name": "showTotal",
-                "description": "Whether to show the total count in overflow indicator",
-                "type": "boolean"
-              },
-              {
-                "name": "interactiveOverflow",
-                "description": "Interactive overflow indicator",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "Accessible label for the avatar group",
-                "type": "string"
-              },
-              {
-                "name": "overflowLabel",
-                "description": "Accessible label for the overflow indicator",
+                "name": "autoClose",
+                "description": "Whether to close other accordions when one is opened.",
                 "type": "string"
               },
               {
-                "name": "size",
-                "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
-                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
-                "type": "string"
+                "name": "variant",
+                "description": "The variant of the accordion",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
               }
             ],
-            "events": [
-              {
-                "name": "dds-overflow-click",
-                "description": "Fired when the overflow indicator is clicked."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -370,63 +310,129 @@
           }
         },
         {
-          "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: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-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.",
+          "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: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: 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": "type",
-              "description": "The type of the badge",
-              "value": {
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
-                "default": "'neutral'"
-              }
+              "name": "variant",
+              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+              "value": { "type": "HeadingVariant" }
             },
             {
-              "name": "icon",
-              "description": "The icon of the badge, this is a name of a built in icon",
-              "value": { "type": "string | undefined" }
+              "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-avatar-group",
+          "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "layout",
+              "description": "Layout type for the avatar group",
+              "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
             },
             {
-              "name": "live",
-              "description": "Whether the badge represents dynamic content that should announce changes",
+              "name": "max",
+              "description": "Maximum number of avatars to show before showing overflow",
+              "value": { "type": "number", "default": "3" }
+            },
+            {
+              "name": "show-total",
+              "description": "Whether to show the total count in overflow indicator",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "interactive-overflow",
+              "description": "Interactive overflow indicator",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible label for the avatar group",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "overflow-label",
+              "description": "Accessible label for the overflow indicator",
+              "value": { "type": "string" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the badge." },
-            { "name": "icon", "description": "The icon of the badge." }
+            {
+              "name": "",
+              "description": "The avatars to display in the group."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-overflow-click",
+              "description": "Fired when the overflow indicator is clicked."
+            }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "type",
-                "description": "The type of the badge",
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
+                "name": "layout",
+                "description": "Layout type for the avatar group",
+                "type": "'stack' | 'grid'"
               },
               {
-                "name": "icon",
-                "description": "The icon of the badge, this is a name of a built in icon",
-                "type": "string | undefined"
+                "name": "max",
+                "description": "Maximum number of avatars to show before showing overflow",
+                "type": "number"
               },
               {
-                "name": "live",
-                "description": "Whether the badge represents dynamic content that should announce changes",
+                "name": "showTotal",
+                "description": "Whether to show the total count in overflow indicator",
                 "type": "boolean"
               },
+              {
+                "name": "interactiveOverflow",
+                "description": "Interactive overflow indicator",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "Accessible label for the avatar group",
+                "type": "string"
+              },
+              {
+                "name": "overflowLabel",
+                "description": "Accessible label for the overflow indicator",
+                "type": "string"
+              },
               {
                 "name": "size",
-                "description": "The size of the badge. Default is `sm`.",
-                "type": "'sm' | 'lg'"
+                "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
+                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
               },
               {
                 "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
+                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
                 "type": "string"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dds-overflow-click",
+                "description": "Fired when the overflow indicator is clicked."
+              }
+            ]
           }
         },
         {
@@ -457,6 +463,11 @@
               "description": "The aria-label for the close button",
               "value": { "type": "string", "default": "'close'" }
             },
+            {
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the close button.",
+              "value": { "type": "string", "default": "'banner-close-button'" }
+            },
             {
               "name": "icon",
               "description": "The icon of the banner, this is a name of a built icon icon",
@@ -497,6 +508,11 @@
                 "description": "The aria-label for the close button",
                 "type": "string"
               },
+              {
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the close button.",
+                "type": "string"
+              },
               {
                 "name": "icon",
                 "description": "The icon of the banner, this is a name of a built icon icon",
@@ -558,71 +574,65 @@
           }
         },
         {
-          "name": "dap-ds-accordion-group",
-          "description": "An accordion group is a collection of accordion components.\n---\n\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-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: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-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.",
           "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",
+              "name": "type",
+              "description": "The type of the badge",
               "value": {
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
-                "default": "'default'"
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
+                "default": "'neutral'"
               }
+            },
+            {
+              "name": "icon",
+              "description": "The icon of the badge, this is a name of a built in icon",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "live",
+              "description": "Whether the badge represents dynamic content that should announce changes",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the accordion group." }
+            { "name": "", "description": "The content of the badge." },
+            { "name": "icon", "description": "The icon of the badge." }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "autoClose",
-                "description": "Whether to close other accordions when one is opened.",
-                "type": "string"
+                "name": "type",
+                "description": "The type of the badge",
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
               },
               {
-                "name": "variant",
-                "description": "The variant of the accordion",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+                "name": "icon",
+                "description": "The icon of the badge, this is a name of a built in icon",
+                "type": "string | undefined"
+              },
+              {
+                "name": "live",
+                "description": "Whether the badge represents dynamic content that should announce changes",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the badge. Default is `sm`.",
+                "type": "'sm' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
               }
             ],
             "events": []
           }
         },
-        {
-          "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: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: 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-breadcrumb-item",
           "description": "A breadcrumb item 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 item.\n- **separator** - The separator between breadcrumb items. Default is an arrow-right-s-line icon.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-item-display** - The display property of the breadcrumb item (default: inline-flex) _(default: undefined)_\n- **--dds-breadcrumb-item-flex-wrap** - The flex-wrap property of the breadcrumb item (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-item-align-items** - The align-items property of the breadcrumb item (default: center) _(default: undefined)_\n- **--dds-breadcrumb-item-color** - The text color of the breadcrumb item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-breadcrumb-item-transition** - The transition property for the breadcrumb item (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-item-gap** - The gap between the breadcrumb item and the separator (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-padding** - The padding of the breadcrumb item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-size** - The font size of the breadcrumb item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight** - The font weight of the breadcrumb item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight-bold** - The bold font weight of the breadcrumb item (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-breadcrumb-item-separator-color** - The color of the separator (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-link-color** - The color of the link (default: var(--dds-link-neutral-enabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-color** - The text color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-link-color** - The link color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb item container. The li element.\n- **link** - The link of the breadcrumb item. The dds-link component.\n- **link-base** - The base part of the link part. The dds-link components base part.\n- **item-nolink** - The item of the breadcrumb item without a link. The span element.\n- **separator** - The separator of the breadcrumb item.",
@@ -1026,6 +1036,16 @@
                 "type": "'hu' | 'en' | 'de'",
                 "default": "dayjs.locale()"
               }
+            },
+            {
+              "name": "prevButtonTestId",
+              "description": "`data-testid` for the previous-month button.",
+              "value": { "type": "string", "default": "'calendar-prev-button'" }
+            },
+            {
+              "name": "nextButtonTestId",
+              "description": "`data-testid` for the next-month button.",
+              "value": { "type": "string", "default": "'calendar-next-button'" }
             }
           ],
           "slots": [
@@ -1090,6 +1110,16 @@
                 "description": "The locale of the calendar.",
                 "type": "'hu' | 'en' | 'de'"
               },
+              {
+                "name": "prevButtonTestId",
+                "description": "`data-testid` for the previous-month button.",
+                "type": "string"
+              },
+              {
+                "name": "nextButtonTestId",
+                "description": "`data-testid` for the next-month button.",
+                "type": "string"
+              },
               { "name": "startDate" },
               { "name": "endDate" },
               { "name": "shouldHideAdjacentMonths" }
@@ -1152,6 +1182,11 @@
               "description": "The label of the close button",
               "value": { "type": "string" }
             },
+            {
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the default close button.",
+              "value": { "type": "string", "default": "'callout-close-button'" }
+            },
             {
               "name": "opened",
               "description": "If the callout is opened",
@@ -1212,6 +1247,11 @@
                 "description": "The label of the close button",
                 "type": "string"
               },
+              {
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the default close button.",
+                "type": "string"
+              },
               {
                 "name": "opened",
                 "description": "If the callout is opened",
@@ -1227,201 +1267,6 @@
             ]
           }
         },
-        {
-          "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### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: 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: 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: 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: 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: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(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- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "indeterminate",
-              "description": "Whether the checkbox is indeterminate",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "preventDefault",
-              "description": "Whether the checkbox should prevent the default action",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "border",
-              "description": "This sets up border around the checkbox, when true.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "readonly",
-              "description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "type",
-              "description": "The type of the checkbox",
-              "value": {
-                "type": "'normal' | 'background'",
-                "default": "'normal'"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-change",
-              "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }",
-              "description": "Fired when the checkbox is checked or unchecked."
-            },
-            {
-              "name": "dds-blur",
-              "type": "{ void }",
-              "description": "Emitted when the checkbox loses focus."
-            },
-            {
-              "name": "dds-focus",
-              "type": "{ void }",
-              "description": "Emitted when the checkbox gains focus."
-            },
-            {
-              "name": "dds-input",
-              "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }",
-              "description": "Emitted when the checkbox receives input."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "indeterminate",
-                "description": "Whether the checkbox is indeterminate",
-                "type": "boolean"
-              },
-              {
-                "name": "preventDefault",
-                "description": "Whether the checkbox should prevent the default action",
-                "type": "boolean"
-              },
-              {
-                "name": "border",
-                "description": "This sets up border around the checkbox, when true.",
-                "type": "boolean"
-              },
-              {
-                "name": "readonly",
-                "description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
-                "type": "boolean"
-              },
-              {
-                "name": "type",
-                "description": "The type of the checkbox",
-                "type": "'normal' | 'background'"
-              },
-              { "name": "focusElement", "type": "HTMLInputElement" },
-              { "name": "feedbackId" },
-              {
-                "name": "name",
-                "description": "The name of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "value",
-                "description": "The value of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "checked",
-                "description": "Whether the checkbox is checked.",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "The label of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "description",
-                "description": "The description of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Whether the checkbox is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "Whether the checkbox is required.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the checkbox. Default is 'sm'.",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              },
-              {
-                "name": "labelPlacement",
-                "description": "The placement of the label.",
-                "type": "'left' | 'right'"
-              },
-              {
-                "name": "descriptionPlacement",
-                "description": "The placement of the description.",
-                "type": "'top' | 'bottom'"
-              },
-              {
-                "name": "subtle",
-                "description": "The weight of the label.",
-                "type": "boolean"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "feedbackType",
-                "description": "The feedback type of the checkbox.",
-                "type": "'negative' | 'positive' | 'warning'"
-              },
-              {
-                "name": "invalid",
-                "description": "The invalid state of the checkbox.",
-                "type": "boolean"
-              },
-              {
-                "name": "optional",
-                "description": "The optional state of the checkbox.",
-                "type": "boolean"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "The optional label of the checkbox.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-change",
-                "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }",
-                "description": "Fired when the checkbox is checked or unchecked."
-              },
-              {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Emitted when the checkbox loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the checkbox gains focus."
-              },
-              {
-                "name": "dds-input",
-                "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }",
-                "description": "Emitted when the checkbox receives input."
-              }
-            ]
-          }
-        },
         {
           "name": "dap-ds-card-actions",
           "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Properties:**\n - **--dds-card-actions-gap** - The gap between items in the card actions. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-card-actions-padding-lg** - The padding for large size card actions. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-padding-md** - The padding for medium size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-padding-sm** - The padding for small size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-lg** - The margin for large size card actions spacing. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-margin-md** - The margin for medium size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-sm** - The margin for small size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
@@ -1735,27 +1580,222 @@
                 "type": "'_blank' | '_self' | '_parent' | '_top'"
               },
               {
-                "name": "href",
-                "description": "The URL of the card.",
-                "type": "string"
+                "name": "href",
+                "description": "The URL of the card.",
+                "type": "string"
+              },
+              {
+                "name": "rel",
+                "description": "The rel of the card link.",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size of the card. Default is `sm`.",
+                "type": "'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: 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: 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: 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: 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: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(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- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "indeterminate",
+              "description": "Whether the checkbox is indeterminate",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "preventDefault",
+              "description": "Whether the checkbox should prevent the default action",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "border",
+              "description": "This sets up border around the checkbox, when true.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "The type of the checkbox",
+              "value": {
+                "type": "'normal' | 'background'",
+                "default": "'normal'"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }",
+              "description": "Fired when the checkbox is checked or unchecked."
+            },
+            {
+              "name": "dds-blur",
+              "type": "{ void }",
+              "description": "Emitted when the checkbox loses focus."
+            },
+            {
+              "name": "dds-focus",
+              "type": "{ void }",
+              "description": "Emitted when the checkbox gains focus."
+            },
+            {
+              "name": "dds-input",
+              "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }",
+              "description": "Emitted when the checkbox receives input."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "indeterminate",
+                "description": "Whether the checkbox is indeterminate",
+                "type": "boolean"
+              },
+              {
+                "name": "preventDefault",
+                "description": "Whether the checkbox should prevent the default action",
+                "type": "boolean"
+              },
+              {
+                "name": "border",
+                "description": "This sets up border around the checkbox, when true.",
+                "type": "boolean"
+              },
+              {
+                "name": "readonly",
+                "description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
+                "type": "boolean"
+              },
+              {
+                "name": "type",
+                "description": "The type of the checkbox",
+                "type": "'normal' | 'background'"
+              },
+              { "name": "focusElement", "type": "HTMLInputElement" },
+              { "name": "feedbackId" },
+              {
+                "name": "name",
+                "description": "The name of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "Whether the checkbox is checked.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "description",
+                "description": "The description of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the checkbox is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Whether the checkbox is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the checkbox. Default is 'sm'.",
+                "type": "'xs' | 'sm' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
+              },
+              {
+                "name": "labelPlacement",
+                "description": "The placement of the label.",
+                "type": "'left' | 'right'"
+              },
+              {
+                "name": "descriptionPlacement",
+                "description": "The placement of the description.",
+                "type": "'top' | 'bottom'"
+              },
+              {
+                "name": "subtle",
+                "description": "The weight of the label.",
+                "type": "boolean"
+              },
+              {
+                "name": "feedback",
+                "description": "The feedback of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "feedbackType",
+                "description": "The feedback type of the checkbox.",
+                "type": "'negative' | 'positive' | 'warning'"
+              },
+              {
+                "name": "invalid",
+                "description": "The invalid state of the checkbox.",
+                "type": "boolean"
+              },
+              {
+                "name": "optional",
+                "description": "The optional state of the checkbox.",
+                "type": "boolean"
               },
               {
-                "name": "rel",
-                "description": "The rel of the card link.",
+                "name": "optionalLabel",
+                "description": "The optional label of the checkbox.",
                 "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }",
+                "description": "Fired when the checkbox is checked or unchecked."
               },
               {
-                "name": "size",
-                "description": "The size of the card. Default is `sm`.",
-                "type": "'sm' | 'md' | 'lg'"
+                "name": "dds-blur",
+                "type": "{ void }",
+                "description": "Emitted when the checkbox loses focus."
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
+                "name": "dds-focus",
+                "type": "{ void }",
+                "description": "Emitted when the checkbox gains focus."
+              },
+              {
+                "name": "dds-input",
+                "type": "{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }",
+                "description": "Emitted when the checkbox receives input."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
@@ -1792,6 +1832,11 @@
               "name": "deleteAriaLabel",
               "description": "The aria label for the delete button",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "removeButtonTestId",
+              "description": "`data-testid` for the remove button.",
+              "value": { "type": "string", "default": "'chip-remove-button'" }
             }
           ],
           "events": [
@@ -1838,6 +1883,11 @@
                 "description": "The aria label for the delete button",
                 "type": "string | undefined"
               },
+              {
+                "name": "removeButtonTestId",
+                "description": "`data-testid` for the remove button.",
+                "type": "string"
+              },
               {
                 "name": "size",
                 "description": "The size of the chip. Default is `sm`.",
@@ -2682,6 +2732,11 @@
               "name": "copyButtonAriaLabel",
               "description": "The aria label of the copy button.",
               "value": { "type": "string" }
+            },
+            {
+              "name": "copyButtonTestId",
+              "description": "`data-testid` for the copy button.",
+              "value": { "type": "string", "default": "'copybox-copy-button'" }
             }
           ],
           "events": [
@@ -2728,6 +2783,11 @@
                 "description": "The aria label of the copy button.",
                 "type": "string"
               },
+              {
+                "name": "copyButtonTestId",
+                "description": "`data-testid` for the copy button.",
+                "type": "string"
+              },
               { "name": "type", "type": "string" },
               {
                 "name": "label",
@@ -3073,6 +3133,14 @@
               "description": "The label of the last button",
               "value": { "type": "string" }
             },
+            {
+              "name": "sortButtonTestId",
+              "description": "`data-testid` for the column sort-toggle button. Suffixed with the column id.",
+              "value": {
+                "type": "string",
+                "default": "'datatable-sort-button'"
+              }
+            },
             {
               "name": "pageSizeOptions",
               "description": "Available page size options for the pager",
@@ -3303,6 +3371,11 @@
                 "description": "The label of the last button",
                 "type": "string"
               },
+              {
+                "name": "sortButtonTestId",
+                "description": "`data-testid` for the column sort-toggle button. Suffixed with the column id.",
+                "type": "string"
+              },
               {
                 "name": "pageStateText",
                 "description": "The function to determine the pager text",
@@ -3467,6 +3540,22 @@
               "description": "The aria label of the clear button.",
               "value": { "type": "string | undefined" }
             },
+            {
+              "name": "clearButtonTestId",
+              "description": "`data-testid` for the clear button.",
+              "value": {
+                "type": "string",
+                "default": "'datepicker-clear-button'"
+              }
+            },
+            {
+              "name": "calendarButtonTestId",
+              "description": "`data-testid` for the calendar indicator button that opens the calendar.",
+              "value": {
+                "type": "string",
+                "default": "'datepicker-calendar-button'"
+              }
+            },
             {
               "name": "floatingStrategy",
               "description": "The floating strategy of the datepicker.",
@@ -3622,6 +3711,16 @@
                 "description": "The aria label of the clear button.",
                 "type": "string | undefined"
               },
+              {
+                "name": "clearButtonTestId",
+                "description": "`data-testid` for the clear button.",
+                "type": "string"
+              },
+              {
+                "name": "calendarButtonTestId",
+                "description": "`data-testid` for the calendar indicator button that opens the calendar.",
+                "type": "string"
+              },
               {
                 "name": "floatingStrategy",
                 "description": "The floating strategy of the datepicker.",
@@ -3895,6 +3994,14 @@
               "description": "Show delete button.",
               "value": { "type": "string", "default": "'true'" }
             },
+            {
+              "name": "removeButtonTestId",
+              "description": "`data-testid` for the remove-file button.",
+              "value": {
+                "type": "string",
+                "default": "'file-input-remove-button'"
+              }
+            },
             {
               "name": "showFileSize",
               "description": "Show file size.",
@@ -4011,6 +4118,11 @@
                 "description": "Show delete button.",
                 "type": "string"
               },
+              {
+                "name": "removeButtonTestId",
+                "description": "`data-testid` for the remove-file button.",
+                "type": "string"
+              },
               {
                 "name": "showFileSize",
                 "description": "Show file size.",
@@ -4226,6 +4338,22 @@
               "description": "The label for the browse button.",
               "value": { "type": "string" }
             },
+            {
+              "name": "browseButtonTestId",
+              "description": "`data-testid` for the browse button.",
+              "value": {
+                "type": "string",
+                "default": "'file-input-browse-button'"
+              }
+            },
+            {
+              "name": "uploadButtonTestId",
+              "description": "`data-testid` for the upload button.",
+              "value": {
+                "type": "string",
+                "default": "'file-input-upload-button'"
+              }
+            },
             {
               "name": "showDropzone",
               "description": "Whether to show a separate dropzone area.",
@@ -4455,6 +4583,16 @@
                 "description": "The label for the browse button.",
                 "type": "string"
               },
+              {
+                "name": "browseButtonTestId",
+                "description": "`data-testid` for the browse button.",
+                "type": "string"
+              },
+              {
+                "name": "uploadButtonTestId",
+                "description": "`data-testid` for the upload button.",
+                "type": "string"
+              },
               {
                 "name": "showDropzone",
                 "description": "Whether to show a separate dropzone area.",
@@ -4963,6 +5101,22 @@
             {
               "name": "zoomButtonVariant",
               "value": { "type": "ButtonVariant", "default": "'primary'" }
+            },
+            {
+              "name": "expandButtonTestId",
+              "description": "`data-testid` for the expand/zoom button.",
+              "value": {
+                "type": "string",
+                "default": "'image-zoom-expand-button'"
+              }
+            },
+            {
+              "name": "unzoomButtonTestId",
+              "description": "`data-testid` for the unzoom/close button.",
+              "value": {
+                "type": "string",
+                "default": "'image-zoom-unzoom-button'"
+              }
             }
           ],
           "slots": [
@@ -5030,7 +5184,17 @@
                 "description": "Hides the expand and unzoom buttons. Default is false.",
                 "type": "boolean"
               },
-              { "name": "zoomButtonVariant", "type": "ButtonVariant" }
+              { "name": "zoomButtonVariant", "type": "ButtonVariant" },
+              {
+                "name": "expandButtonTestId",
+                "description": "`data-testid` for the expand/zoom button.",
+                "type": "string"
+              },
+              {
+                "name": "unzoomButtonTestId",
+                "description": "`data-testid` for the unzoom/close button.",
+                "type": "string"
+              }
             ],
             "events": [
               {
@@ -6021,6 +6185,14 @@
               "name": "tabMode",
               "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
               "value": { "type": "'group' | 'items'", "default": "'group'" }
+            },
+            {
+              "name": "triggerButtonTestId",
+              "description": "`data-testid` for the default menu trigger button.",
+              "value": {
+                "type": "string",
+                "default": "'navigation-menu-item-trigger-button'"
+              }
             }
           ],
           "slots": [
@@ -6175,6 +6347,11 @@
                 "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
                 "type": "'group' | 'items'"
               },
+              {
+                "name": "triggerButtonTestId",
+                "description": "`data-testid` for the default menu trigger button.",
+                "type": "string"
+              },
               { "name": "hasContent", "type": "boolean" },
               {
                 "name": "hasNestedItems",
@@ -6436,6 +6613,22 @@
               "name": "padStart",
               "description": "The number of leading zeros to add to the input.",
               "value": { "type": "number" }
+            },
+            {
+              "name": "decrementButtonTestId",
+              "description": "`data-testid` for the decrement stepper button.",
+              "value": {
+                "type": "string",
+                "default": "'number-input-decrement-button'"
+              }
+            },
+            {
+              "name": "incrementButtonTestId",
+              "description": "`data-testid` for the increment stepper button.",
+              "value": {
+                "type": "string",
+                "default": "'number-input-increment-button'"
+              }
             }
           ],
           "slots": [
@@ -6508,6 +6701,16 @@
                 "description": "The number of leading zeros to add to the input.",
                 "type": "number"
               },
+              {
+                "name": "decrementButtonTestId",
+                "description": "`data-testid` for the decrement stepper button.",
+                "type": "string"
+              },
+              {
+                "name": "incrementButtonTestId",
+                "description": "`data-testid` for the increment stepper button.",
+                "type": "string"
+              },
               { "name": "_thousandSeparator" },
               { "name": "manualValueSet", "type": "boolean" },
               { "name": "type", "type": "string" },
@@ -7159,6 +7362,11 @@
               "name": "lastButtonLabel",
               "description": "The last button label.",
               "value": { "type": "string" }
+            },
+            {
+              "name": "pageButtonTestId",
+              "description": "`data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last).",
+              "value": { "type": "string", "default": "'pager-button'" }
             }
           ],
           "events": [
@@ -7255,6 +7463,11 @@
                 "description": "The last button label.",
                 "type": "string"
               },
+              {
+                "name": "pageButtonTestId",
+                "description": "`data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last).",
+                "type": "string"
+              },
               {
                 "name": "pageStateText",
                 "description": "The function to determine the pager text. If not provided, uses default reactive translation.",
@@ -7274,7 +7487,16 @@
           "name": "dap-ds-password-input",
           "description": "A password input a field for entering a password.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800)). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **postfix** - The postfix of the password input.\n- **password-input** - The password input.\n- **password-input--visible** - The visible password input.\n- **show-button** - The show button of the password input.\n- **show-button-base** - The base of the show button.\n- **show-button-content** - The content of the show button.\n- **show-icon** - The show icon of the password input.\n- **show-icon-base** - The base of the show icon.\n- **hide-button** - The hide button of the password input.\n- **hide-button-base** - The base of the hide button.\n- **hide-button-content** - The content of the hide button.\n- **hide-icon** - The hide icon of the password input.\n- **hide-icon-base** - The base of the hide icon.",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "toggleButtonTestId",
+              "description": "`data-testid` for the show/hide toggle button.",
+              "value": {
+                "type": "string",
+                "default": "'password-input-toggle-button'"
+              }
+            }
+          ],
           "events": [
             {
               "name": "dds-change",
@@ -7305,6 +7527,11 @@
           "js": {
             "properties": [
               { "name": "passwordVisibile", "type": "boolean" },
+              {
+                "name": "toggleButtonTestId",
+                "description": "`data-testid` for the show/hide toggle button.",
+                "type": "string"
+              },
               { "name": "type", "type": "string" },
               {
                 "name": "label",
@@ -8858,6 +9085,14 @@
                 "type": "SnackbarPosition",
                 "default": "'bottom-right'"
               }
+            },
+            {
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the snackbar close button.",
+              "value": {
+                "type": "string",
+                "default": "'snackbar-close-button'"
+              }
             }
           ],
           "slots": [
@@ -8901,6 +9136,11 @@
                 "name": "position",
                 "description": "The position of the snackbar container for directional animations.",
                 "type": "SnackbarPosition"
+              },
+              {
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the snackbar close button.",
+                "type": "string"
               }
             ],
             "events": [
@@ -9857,6 +10097,38 @@
             {
               "name": "presets",
               "value": { "type": "TimePreset[] | undefined" }
+            },
+            {
+              "name": "presetButtonTestId",
+              "description": "`data-testid` base for the preset buttons (preset value appended).",
+              "value": {
+                "type": "string",
+                "default": "'time-grid-preset-button'"
+              }
+            },
+            {
+              "name": "hourButtonTestId",
+              "description": "`data-testid` base for the hour select buttons (hour value appended).",
+              "value": {
+                "type": "string",
+                "default": "'time-grid-hour-button'"
+              }
+            },
+            {
+              "name": "minuteButtonTestId",
+              "description": "`data-testid` base for the minute select buttons (minute value appended).",
+              "value": {
+                "type": "string",
+                "default": "'time-grid-minute-button'"
+              }
+            },
+            {
+              "name": "secondButtonTestId",
+              "description": "`data-testid` base for the second select buttons (second value appended).",
+              "value": {
+                "type": "string",
+                "default": "'time-grid-second-button'"
+              }
             }
           ],
           "events": [
@@ -9911,7 +10183,27 @@
                 "type": "(\n    hour: number,\n    minute: number,\n    second?: number,\n  ) => boolean | undefined"
               },
               { "name": "hideDisabledTimes", "type": "boolean" },
-              { "name": "presets", "type": "TimePreset[] | undefined" }
+              { "name": "presets", "type": "TimePreset[] | undefined" },
+              {
+                "name": "presetButtonTestId",
+                "description": "`data-testid` base for the preset buttons (preset value appended).",
+                "type": "string"
+              },
+              {
+                "name": "hourButtonTestId",
+                "description": "`data-testid` base for the hour select buttons (hour value appended).",
+                "type": "string"
+              },
+              {
+                "name": "minuteButtonTestId",
+                "description": "`data-testid` base for the minute select buttons (minute value appended).",
+                "type": "string"
+              },
+              {
+                "name": "secondButtonTestId",
+                "description": "`data-testid` base for the second select buttons (second value appended).",
+                "type": "string"
+              }
             ],
             "events": [
               {
@@ -9997,6 +10289,22 @@
               "description": "The aria label of the clear button.",
               "value": { "type": "string" }
             },
+            {
+              "name": "clearButtonTestId",
+              "description": "`data-testid` for the clear button.",
+              "value": {
+                "type": "string",
+                "default": "'timepicker-clear-button'"
+              }
+            },
+            {
+              "name": "timeButtonTestId",
+              "description": "`data-testid` for the time indicator button that opens the grid.",
+              "value": {
+                "type": "string",
+                "default": "'timepicker-time-button'"
+              }
+            },
             {
               "name": "floatingStrategy",
               "description": "The floating strategy of the timepicker.",
@@ -10137,6 +10445,16 @@
                 "description": "The aria label of the clear button.",
                 "type": "string"
               },
+              {
+                "name": "clearButtonTestId",
+                "description": "`data-testid` for the clear button.",
+                "type": "string"
+              },
+              {
+                "name": "timeButtonTestId",
+                "description": "`data-testid` for the time indicator button that opens the grid.",
+                "type": "string"
+              },
               {
                 "name": "floatingStrategy",
                 "description": "The floating strategy of the timepicker.",
@@ -10748,123 +11066,55 @@
               "description": "The custom class of the typography.",
               "value": { "type": "string | undefined" }
             },
-            {
-              "name": "anchor",
-              "description": "Whether the typography is an anchor for the TOC component.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "inverted",
-              "description": "Whether the typography is inverted.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "The content of the typography."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The variant of the typography.",
-                "type": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'description'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the typography.",
-                "type": "'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "bodyAs",
-                "description": "The html element of the body typography.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "customClass",
-                "description": "The custom class of the typography.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "anchor",
-                "description": "Whether the typography is an anchor for the TOC component.",
-                "type": "boolean"
-              },
-              {
-                "name": "inverted",
-                "description": "Whether the typography is inverted.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-form-label",
-          "description": "A form label is a container for labels in a form.\n---\n\n\n### **CSS Properties:**\n - **--dds-form-label-font-weight** - Font weight of the label. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-form-label-line-height** - Line height of the label. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-form-label-color** - Text color of the label. (default: var(--dds-text-neutral-enabled)) _(default: undefined)_\n- **--dds-form-label-disabled-color** - Text color when the label is disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-form-label-required-color** - Color of the required indicator. (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-form-label-optional-color** - Color of the optional indicator. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-form-label-margin-bottom** - Bottom margin of the label. (default: var(--dds-spacing-200)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main form label container.\n- **required** - The required indicator of the form label.\n- **optional** - The optional indicator of the form label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "for",
-              "description": "The id of the form element that the label is associated with.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "renderAs",
-              "description": "Whether the label should be rendered as text or a <label> tag. Default is label.",
-              "value": { "type": "string", "default": "'label'" }
+            {
+              "name": "anchor",
+              "description": "Whether the typography is an anchor for the TOC component.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "noMargin",
-              "description": "Whether the label should have no margin.",
+              "name": "inverted",
+              "description": "Whether the typography is inverted.",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The content of the typography."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "for",
-                "description": "The id of the form element that the label is associated with.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "renderAs",
-                "description": "Whether the label should be rendered as text or a <label> tag. Default is label.",
-                "type": "string"
+                "name": "variant",
+                "description": "The variant of the typography.",
+                "type": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'description'"
               },
               {
-                "name": "noMargin",
-                "description": "Whether the label should have no margin.",
-                "type": "boolean"
+                "name": "size",
+                "description": "The size of the typography.",
+                "type": "'xs' | 'sm' | 'md' | 'lg'"
               },
               {
-                "name": "optionalLabel",
-                "description": "Label of optional text",
-                "type": "string"
+                "name": "bodyAs",
+                "description": "The html element of the body typography.",
+                "type": "string | undefined"
               },
               {
-                "name": "subtle",
-                "description": "Text weight of the label.",
-                "type": "boolean"
+                "name": "customClass",
+                "description": "The custom class of the typography.",
+                "type": "string | undefined"
               },
               {
-                "name": "optional",
-                "description": "If the label is optional.",
+                "name": "anchor",
+                "description": "Whether the typography is an anchor for the TOC component.",
                 "type": "boolean"
               },
               {
-                "name": "required",
-                "description": "If the label is required.",
+                "name": "inverted",
+                "description": "Whether the typography is inverted.",
                 "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "The label text.",
-                "type": "string"
               }
             ],
             "events": []
@@ -10961,6 +11211,74 @@
             "events": []
           }
         },
+        {
+          "name": "dap-ds-form-label",
+          "description": "A form label is a container for labels in a form.\n---\n\n\n### **CSS Properties:**\n - **--dds-form-label-font-weight** - Font weight of the label. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-form-label-line-height** - Line height of the label. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-form-label-color** - Text color of the label. (default: var(--dds-text-neutral-enabled)) _(default: undefined)_\n- **--dds-form-label-disabled-color** - Text color when the label is disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-form-label-required-color** - Color of the required indicator. (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-form-label-optional-color** - Color of the optional indicator. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-form-label-margin-bottom** - Bottom margin of the label. (default: var(--dds-spacing-200)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main form label container.\n- **required** - The required indicator of the form label.\n- **optional** - The optional indicator of the form label.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "for",
+              "description": "The id of the form element that the label is associated with.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "renderAs",
+              "description": "Whether the label should be rendered as text or a <label> tag. Default is label.",
+              "value": { "type": "string", "default": "'label'" }
+            },
+            {
+              "name": "noMargin",
+              "description": "Whether the label should have no margin.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "for",
+                "description": "The id of the form element that the label is associated with.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "renderAs",
+                "description": "Whether the label should be rendered as text or a <label> tag. Default is label.",
+                "type": "string"
+              },
+              {
+                "name": "noMargin",
+                "description": "Whether the label should have no margin.",
+                "type": "boolean"
+              },
+              {
+                "name": "optionalLabel",
+                "description": "Label of optional text",
+                "type": "string"
+              },
+              {
+                "name": "subtle",
+                "description": "Text weight of the label.",
+                "type": "boolean"
+              },
+              {
+                "name": "optional",
+                "description": "If the label is optional.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "If the label is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label text.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-radio-group",
           "description": "A radio group 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 radio group is checked.\n- **dds-blur** - Emitted when the radio group loses focus.\n- **dds-focus** - Emitted when the radio group gains focus.\n\n### **Slots:**\n - _default_ - The content of the radio group.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main radio group container.\n- **label** - The label of the radio group.\n- **tooltip** - The tooltip of the radio group.\n- **container** - The container of the radio group items.",
@@ -11412,7 +11730,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-fill",
+          "name": "dap-ds-icon-arrow-left-s-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11465,7 +11783,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-line",
+          "name": "dap-ds-icon-arrow-left-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11518,7 +11836,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-down-line",
+          "name": "dap-ds-icon-arrow-left-up-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11571,7 +11889,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-up-line",
+          "name": "dap-ds-icon-arrow-right-down-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11624,7 +11942,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-line",
+          "name": "dap-ds-icon-arrow-right-l-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11677,7 +11995,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-l-line",
+          "name": "dap-ds-icon-arrow-right-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12366,7 +12684,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-separator",
+          "name": "dap-ds-icon-clipboard-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12419,7 +12737,7 @@
           }
         },
         {
-          "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.",
           "doc-url": "",
           "attributes": [
@@ -12472,7 +12790,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-copy-line",
+          "name": "dap-ds-icon-file-music-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12578,7 +12896,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-music-line",
+          "name": "dap-ds-icon-file-text-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12631,7 +12949,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-text-line",
+          "name": "dap-ds-icon-file-video-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12684,7 +13002,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-video-line",
+          "name": "dap-ds-icon-folder-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12737,7 +13055,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-folder-line",
+          "name": "dap-ds-icon-folder-open-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12790,7 +13108,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-folder-open-line",
+          "name": "dap-ds-icon-separator",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13002,7 +13320,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-fill",
+          "name": "dap-ds-icon-add-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13055,7 +13373,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-line",
+          "name": "dap-ds-icon-alert-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13108,7 +13426,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-fill",
+          "name": "dap-ds-icon-alert-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13161,7 +13479,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-line",
+          "name": "dap-ds-icon-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13214,7 +13532,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-add-line",
+          "name": "dap-ds-icon-check-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13267,7 +13585,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-fill",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13320,7 +13638,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13373,7 +13691,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13426,7 +13744,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line2",
+          "name": "dap-ds-icon-checkbox-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13479,7 +13797,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill",
+          "name": "dap-ds-icon-checkbox-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13532,7 +13850,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
+          "name": "dap-ds-icon-close-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13585,7 +13903,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-line",
+          "name": "dap-ds-icon-close-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13638,7 +13956,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-fill",
+          "name": "dap-ds-icon-close-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13691,7 +14009,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-line",
+          "name": "dap-ds-icon-close-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13744,7 +14062,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-fill",
+          "name": "dap-ds-icon-delete-bin-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13797,7 +14115,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-line",
+          "name": "dap-ds-icon-delete-bin-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13850,7 +14168,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-fill",
+          "name": "dap-ds-icon-download-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13903,7 +14221,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-line",
+          "name": "dap-ds-icon-error-warning-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13956,7 +14274,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-fill",
+          "name": "dap-ds-icon-error-warning-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14009,7 +14327,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-line",
+          "name": "dap-ds-icon-external-link-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14062,7 +14380,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-download-line",
+          "name": "dap-ds-icon-eye-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14115,7 +14433,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-fill",
+          "name": "dap-ds-icon-eye-off-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14168,7 +14486,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-line",
+          "name": "dap-ds-icon-forbid-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14221,7 +14539,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-external-link-line",
+          "name": "dap-ds-icon-information-2-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14274,7 +14592,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-line",
+          "name": "dap-ds-icon-information-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14327,7 +14645,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-off-line",
+          "name": "dap-ds-icon-information-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14380,7 +14698,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-forbid-fill",
+          "name": "dap-ds-icon-lightbulb-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14433,7 +14751,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-2-fill",
+          "name": "dap-ds-icon-loading-spinner",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14486,7 +14804,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-fill",
+          "name": "dap-ds-icon-lock-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14539,7 +14857,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-line",
+          "name": "dap-ds-icon-lock-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14592,7 +14910,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lightbulb-fill",
+          "name": "dap-ds-icon-menu-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14645,7 +14963,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-loading-spinner",
+          "name": "dap-ds-icon-menu-line-s",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14698,7 +15016,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-fill",
+          "name": "dap-ds-icon-more-2-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14751,7 +15069,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-line",
+          "name": "dap-ds-icon-more-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14804,7 +15122,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line",
+          "name": "dap-ds-icon-search-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14857,7 +15175,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line-s",
+          "name": "dap-ds-icon-share-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14910,7 +15228,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-2-line",
+          "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": [
@@ -14963,7 +15281,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-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": [
@@ -15016,7 +15334,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-search-line",
+          "name": "dap-ds-icon-star-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15069,7 +15387,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-share-line",
+          "name": "dap-ds-icon-subtract-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15122,7 +15440,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-fill",
+          "name": "dap-ds-icon-subtract-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15175,7 +15493,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-line",
+          "name": "dap-ds-icon-time-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15228,7 +15546,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-star-fill",
+          "name": "dap-ds-icon-time-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15281,7 +15599,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line",
+          "name": "dap-ds-icon-upload-2-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15334,7 +15652,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line2",
+          "name": "dap-ds-icon-upload-2-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15387,7 +15705,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-fill",
+          "name": "dap-ds-icon-upload-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15440,7 +15758,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-line",
+          "name": "dap-ds-icon-zoom-in-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15493,7 +15811,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-fill",
+          "name": "dap-ds-icon-zoom-out-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15546,7 +15864,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-line",
+          "name": "dap-ds-icon-account-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15599,7 +15917,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-line",
+          "name": "dap-ds-icon-account-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15652,7 +15970,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-in-line",
+          "name": "dap-ds-icon-user-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15705,7 +16023,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-out-line",
+          "name": "dap-ds-icon-user-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [