npm - dap-design-system - Versions diffs - 0.57.2 → 0.57.4 - Mend

dap-design-system 0.57.2 → 0.57.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/components/checkbox/checkbox.component.d.ts +1 -0
package/dist/components/number-input/number-input.component.d.ts +1 -0
package/dist/{components-Cozi3ruX.js → components-BU8-Zde_.js} +680 -665
package/dist/components-BU8-Zde_.js.map +1 -0
package/dist/components.js +1 -1
package/dist/dds.js +1 -1
package/dist/manifest/types/vue/index.d.ts +226 -226
package/dist/manifest/vscode.html-custom-data.json +235 -235
package/dist/manifest/web-types.json +333 -333
package/dist/react/index.d.ts +9 -9
package/dist/react-types.ts +10 -10
package/dist/react.js +211 -211
package/dist/react.js.map +1 -1
package/package.json +1 -1
package/dist/components-Cozi3ruX.js.map +0 -1

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

@@ -14,94 +14,100 @@
       ]
     },
     {
-      "name": "dap-ds-avatar",
-      "description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
+      "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.",
       "attributes": [
-        {
-          "name": "shape",
-          "description": "The shape of the avatar",
-          "values": [
-            { "name": "circle" },
-            { "name": "rounded" },
-            { "name": "square" }
-          ]
-        },
         {
           "name": "variant",
-          "description": "The variant type of the avatar",
-          "values": [
-            { "name": "image" },
-            { "name": "initials" },
-            { "name": "icon" }
-          ]
+          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+          "values": [{ "name": "HeadingVariant" }]
         },
         {
-          "name": "src",
-          "description": "The source of the avatar image",
+          "name": "label",
+          "description": "The label of the heading.",
           "values": []
-        },
+        }
+      ],
+      "references": [
         {
-          "name": "alt",
-          "description": "The alt text of the avatar",
-          "values": []
-        },
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/anchor-heading"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
         {
-          "name": "initials",
-          "description": "The initials to display when variant is 'initials'",
-          "values": []
+          "name": "layout",
+          "description": "Layout type for the avatar group",
+          "values": [{ "name": "stack" }, { "name": "grid" }]
         },
         {
-          "name": "label",
-          "description": "Accessible label for the avatar",
+          "name": "max",
+          "description": "Maximum number of avatars to show before showing overflow",
           "values": []
         },
         {
-          "name": "loading",
-          "description": "Loading state indicator",
+          "name": "show-total",
+          "description": "Whether to show the total count in overflow indicator",
           "values": []
         },
         {
-          "name": "interactive",
-          "description": "Whether the avatar is interactive (clickable)",
+          "name": "interactive-overflow",
+          "description": "Interactive overflow indicator",
           "values": []
         },
         {
-          "name": "width",
-          "description": "The width of the avatar. This will override the size",
+          "name": "label",
+          "description": "Accessible label for the avatar group",
           "values": []
         },
         {
-          "name": "height",
-          "description": "The height of the avatar. This will override the size",
+          "name": "overflow-label",
+          "description": "Accessible label for the overflow indicator",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/avatar"
+          "url": "https://shoelace.style/components/avatar-group"
         }
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
         {
-          "name": "variant",
-          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-          "values": [{ "name": "HeadingVariant" }]
+          "name": "type",
+          "description": "The type of the badge",
+          "values": [
+            { "name": "neutral" },
+            { "name": "brand" },
+            { "name": "info" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
         },
         {
-          "name": "label",
-          "description": "The label of the heading.",
+          "name": "icon",
+          "description": "The icon of the badge, this is a name of a built in icon",
+          "values": []
+        },
+        {
+          "name": "live",
+          "description": "Whether the badge represents dynamic content that should announce changes",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/anchor-heading"
+          "url": "https://shoelace.style/components/badge"
         }
       ]
     },
@@ -133,121 +139,115 @@
       ]
     },
     {
-      "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-banner",
+      "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
       "attributes": [
         {
-          "name": "type",
-          "description": "The type of the badge",
+          "name": "variant",
+          "description": "The variant of the banner",
           "values": [
-            { "name": "neutral" },
             { "name": "brand" },
-            { "name": "info" },
             { "name": "positive" },
+            { "name": "info" },
             { "name": "warning" },
             { "name": "negative" }
           ]
         },
         {
-          "name": "icon",
-          "description": "The icon of the badge, this is a name of a built in icon",
+          "name": "closeable",
+          "description": "Whether the banner is closeable",
           "values": []
         },
         {
-          "name": "live",
-          "description": "Whether the badge represents dynamic content that should announce changes",
+          "name": "opened",
+          "description": "State of the banner. If false banner is hidden",
+          "values": []
+        },
+        {
+          "name": "closeButtonLabel",
+          "description": "The aria-label for the close button",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "The icon of the banner, this is a name of a built icon icon",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/badge"
+          "url": "https://shoelace.style/components/banner"
         }
       ]
     },
     {
-      "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-avatar",
+      "description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
       "attributes": [
         {
-          "name": "layout",
-          "description": "Layout type for the avatar group",
-          "values": [{ "name": "stack" }, { "name": "grid" }]
+          "name": "shape",
+          "description": "The shape of the avatar",
+          "values": [
+            { "name": "circle" },
+            { "name": "rounded" },
+            { "name": "square" }
+          ]
         },
         {
-          "name": "max",
-          "description": "Maximum number of avatars to show before showing overflow",
-          "values": []
+          "name": "variant",
+          "description": "The variant type of the avatar",
+          "values": [
+            { "name": "image" },
+            { "name": "initials" },
+            { "name": "icon" }
+          ]
         },
         {
-          "name": "show-total",
-          "description": "Whether to show the total count in overflow indicator",
+          "name": "src",
+          "description": "The source of the avatar image",
           "values": []
         },
         {
-          "name": "interactive-overflow",
-          "description": "Interactive overflow indicator",
+          "name": "alt",
+          "description": "The alt text of the avatar",
           "values": []
         },
         {
-          "name": "label",
-          "description": "Accessible label for the avatar group",
+          "name": "initials",
+          "description": "The initials to display when variant is 'initials'",
           "values": []
         },
         {
-          "name": "overflow-label",
-          "description": "Accessible label for the overflow indicator",
+          "name": "label",
+          "description": "Accessible label for the avatar",
           "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/avatar-group"
-        }
-      ]
-    },
-    {
-      "name": "dap-ds-banner",
-      "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The variant of the banner",
-          "values": [
-            { "name": "brand" },
-            { "name": "positive" },
-            { "name": "info" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
         },
         {
-          "name": "closeable",
-          "description": "Whether the banner is closeable",
+          "name": "loading",
+          "description": "Loading state indicator",
           "values": []
         },
         {
-          "name": "opened",
-          "description": "State of the banner. If false banner is hidden",
+          "name": "interactive",
+          "description": "Whether the avatar is interactive (clickable)",
           "values": []
         },
         {
-          "name": "closeButtonLabel",
-          "description": "The aria-label for the close button",
+          "name": "width",
+          "description": "The width of the avatar. This will override the size",
           "values": []
         },
         {
-          "name": "icon",
-          "description": "The icon of the banner, this is a name of a built icon icon",
+          "name": "height",
+          "description": "The height of the avatar. This will override the size",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/banner"
+          "url": "https://shoelace.style/components/avatar"
         }
       ]
     },
@@ -3527,28 +3527,6 @@
         }
       ]
     },
-    {
-      "name": "dap-ds-timeline-item",
-      "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/timeline-item"
-        }
-      ]
-    },
-    {
-      "name": "dap-ds-timeline",
-      "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/timeline"
-        }
-      ]
-    },
     {
       "name": "dap-ds-textarea",
       "description": "A textarea is a multi-line text input field.\n---\n\n\n### **Events:**\n - **dds-count-change** - Fires when the count of the textarea changes.\n- **dds-change** - Fired when the textarea value changes.\n- **dds-input** - Fired when the textarea value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the textarea loses focus.\n- **dds-focus** - Emitted when the textarea gains focus.\n- **dds-select** - Emitted when select text in textarea.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-textarea-min-rows** - Minimum number of rows in the textarea. (default: 2) _(default: undefined)_\n- **--dds-textarea-spacing** - Gap between elements in the textarea container. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-gap** - Gap between elements in the textarea container. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-margin-top** - Top margin of the textarea. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-padding** - Padding of the textarea control. (default: var(--dds-spacing-200) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-textarea-border-width** - Border width of the textarea. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-textarea-border-color** - Border color of the textarea. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-textarea-background** - Background color of the textarea. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-textarea-color** - Text color of the textarea. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-textarea-border-radius** - Border radius of the textarea. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-textarea-disabled-bg** - Background color when disabled. (default: var(--dds-fields-background-disabled)) _(default: undefined)_\n- **--dds-textarea-disabled-color** - Text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-textarea-readonly-bg** - Background color when readonly. (default: var(--dds-fields-background-read-only)) _(default: undefined)_\n- **--dds-textarea-readonly-color** - Text color when readonly. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-textarea-error-border** - Border color when in error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-textarea-success-border** - Border color when in success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main textarea container.\n- **input** - The native input of the textarea.\n- **counter** - The counter of the textarea.\n- **counter-base** - The base of the counter.\n- **feedback** - The feedback of the textarea.\n- **feedback-base** - The base of the feedback.\n- **feedback-text** - The text of the feedback.\n- **feedback-icon** - The icon of the feedback.",
@@ -3596,6 +3574,28 @@
         }
       ]
     },
+    {
+      "name": "dap-ds-timeline-item",
+      "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/timeline-item"
+        }
+      ]
+    },
+    {
+      "name": "dap-ds-timeline",
+      "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/timeline"
+        }
+      ]
+    },
     {
       "name": "dap-ds-time-grid",
       "description": "A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when time selection changes.\n- **dds-close** - Fired when the time grid should close.\n\n### **CSS Properties:**\n - **--dds-time-grid-gap** - The gap between time sections (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-time-grid-padding** - The padding around the time grid (default: var(--dds-spacing-0)). _(default: undefined)_\n- **--dds-time-grid-column-gap** - The gap between time buttons in columns (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-time-grid-border-radius** - The border radius of the time grid (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-time-grid-background** - The background color of the time grid (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-time-grid-transition** - The transition timing for the time grid (default: all 0.2s ease-in-out). _(default: undefined)_\n- **--dds-time-grid-max-width** - The maximum width of the time grid (default: 400px). _(default: undefined)_\n- **--dds-time-grid-column-max-height** - The maximum height of time columns (default: 240px). _(default: undefined)_\n\n### **CSS Parts:**\n - **time-grid** - The main time grid container.\n- **hour-section** - The hour selection section.\n- **minute-section** - The minute selection section.\n- **time-button** - Individual time selection buttons.\n- **time-button-base** - The base part of the time button.\n- **time-button-content** - The content part of the time button.\n- **time-button-high-contrast** - The high contrast part of the time button.\n- **section-header-title** - The title of the section header.\n- **section-header-divider** - The divider between the section header and the time buttons.\n- **time-column** - The time column container.",
@@ -4224,7 +4224,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.",
       "attributes": [
         {
@@ -4251,12 +4251,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-left-s-line"
+          "url": "https://shoelace.style/components/icon-arrow-left-s-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -4283,7 +4283,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-arrow-left-s-fill"
+          "url": "https://shoelace.style/components/icon-arrow-left-s-line"
         }
       ]
     },
@@ -5184,7 +5184,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.",
       "attributes": [
         {
@@ -5211,12 +5211,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-account-circle-fill"
+          "url": "https://shoelace.style/components/icon-add-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5243,12 +5243,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-account-circle-line"
+          "url": "https://shoelace.style/components/icon-alert-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5275,12 +5275,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-user-fill"
+          "url": "https://shoelace.style/components/icon-alert-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5307,12 +5307,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-user-line"
+          "url": "https://shoelace.style/components/icon-check-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5339,12 +5339,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-add-line"
+          "url": "https://shoelace.style/components/icon-check-line2"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5371,12 +5371,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-alert-fill"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5403,12 +5403,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-alert-line"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5435,12 +5435,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-check-line"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5467,12 +5467,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-check-line2"
+          "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5499,12 +5499,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
+          "url": "https://shoelace.style/components/icon-checkbox-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5531,12 +5531,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
+          "url": "https://shoelace.style/components/icon-close-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5563,12 +5563,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
+          "url": "https://shoelace.style/components/icon-close-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5595,12 +5595,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
+          "url": "https://shoelace.style/components/icon-close-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5627,12 +5627,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-circle-line"
+          "url": "https://shoelace.style/components/icon-close-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5659,12 +5659,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-circle-fill"
+          "url": "https://shoelace.style/components/icon-delete-bin-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5691,12 +5691,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-circle-line"
+          "url": "https://shoelace.style/components/icon-delete-bin-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5723,12 +5723,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-fill"
+          "url": "https://shoelace.style/components/icon-download-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5755,12 +5755,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-line"
+          "url": "https://shoelace.style/components/icon-error-warning-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5787,12 +5787,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-delete-bin-fill"
+          "url": "https://shoelace.style/components/icon-error-warning-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5819,12 +5819,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-delete-bin-line"
+          "url": "https://shoelace.style/components/icon-external-link-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5851,12 +5851,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-download-line"
+          "url": "https://shoelace.style/components/icon-eye-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5883,12 +5883,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-error-warning-fill"
+          "url": "https://shoelace.style/components/icon-eye-off-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5915,12 +5915,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-error-warning-line"
+          "url": "https://shoelace.style/components/icon-forbid-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5947,12 +5947,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-external-link-line"
+          "url": "https://shoelace.style/components/icon-information-2-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5979,12 +5979,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-eye-line"
+          "url": "https://shoelace.style/components/icon-information-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6011,12 +6011,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-eye-off-line"
+          "url": "https://shoelace.style/components/icon-information-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6043,12 +6043,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-forbid-fill"
+          "url": "https://shoelace.style/components/icon-lightbulb-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6075,12 +6075,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-2-fill"
+          "url": "https://shoelace.style/components/icon-loading-spinner"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6107,12 +6107,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-fill"
+          "url": "https://shoelace.style/components/icon-lock-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6139,12 +6139,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-line"
+          "url": "https://shoelace.style/components/icon-lock-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6171,12 +6171,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lightbulb-fill"
+          "url": "https://shoelace.style/components/icon-menu-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6203,12 +6203,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-loading-spinner"
+          "url": "https://shoelace.style/components/icon-menu-line-s"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6235,12 +6235,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lock-fill"
+          "url": "https://shoelace.style/components/icon-more-2-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6267,12 +6267,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lock-line"
+          "url": "https://shoelace.style/components/icon-more-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6299,12 +6299,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-menu-line"
+          "url": "https://shoelace.style/components/icon-search-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6331,12 +6331,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-menu-line-s"
+          "url": "https://shoelace.style/components/icon-share-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6363,12 +6363,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-more-2-line"
+          "url": "https://shoelace.style/components/icon-shield-check-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6395,12 +6395,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-more-line"
+          "url": "https://shoelace.style/components/icon-shield-check-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6427,12 +6427,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-search-line"
+          "url": "https://shoelace.style/components/icon-star-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6459,12 +6459,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-share-line"
+          "url": "https://shoelace.style/components/icon-subtract-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6491,12 +6491,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-shield-check-fill"
+          "url": "https://shoelace.style/components/icon-subtract-line2"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6523,12 +6523,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-shield-check-line"
+          "url": "https://shoelace.style/components/icon-time-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6555,12 +6555,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-star-fill"
+          "url": "https://shoelace.style/components/icon-time-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6587,12 +6587,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-subtract-line"
+          "url": "https://shoelace.style/components/icon-upload-2-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6619,12 +6619,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-subtract-line2"
+          "url": "https://shoelace.style/components/icon-upload-2-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6651,12 +6651,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-time-fill"
+          "url": "https://shoelace.style/components/icon-upload-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6683,12 +6683,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-time-line"
+          "url": "https://shoelace.style/components/icon-zoom-in-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6715,12 +6715,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-2-fill"
+          "url": "https://shoelace.style/components/icon-zoom-out-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6747,12 +6747,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-2-line"
+          "url": "https://shoelace.style/components/icon-account-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6779,12 +6779,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-line"
+          "url": "https://shoelace.style/components/icon-account-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6811,12 +6811,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-zoom-in-line"
+          "url": "https://shoelace.style/components/icon-user-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6843,7 +6843,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-zoom-out-line"
+          "url": "https://shoelace.style/components/icon-user-line"
         }
       ]
     }