dap-design-system 0.35.25 → 0.35.26

package/dist/dds.js

@@ -15050,7 +15050,7 @@ Un.styles = x(lw);
 Un = pw([
   _("dap-ds-timeline-item")
 ], Un);
-const uw = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@keyframes dds-spin{to{transform:rotate(360deg)}}:host{--dds-toc-border-width: var(--dds-border-width-base);--dds-toc-border-color: var(--dds-border-neutral-divider);--dds-toc-title-color: var(--dds-text-neutral-strong);--dds-toc-title-font-size: var(--dds-font-base);--dds-toc-title-font-weight: var(--dds-font-weight-bold);--dds-toc-title-line-height: 1.25;--dds-toc-link-color: var(--dds-button-subtle-text-neutral-enabled);--dds-toc-link-active-color: var(--dds-button-subtle-text-enabled);--dds-toc-link-border-color: var(--dds-border-brand-base);--dds-toc-link-line-height: 1.2;--dds-toc-link-padding: var(--dds-spacing-200)}:host ul{padding-left:0}.toc{margin-block:0;padding-inline:0;list-style-type:none;border-inline-start:var(--dds-toc-border-width) solid var(--dds-toc-border-color)}.toc-title{display:block;padding-block:var(--dds-spacing-300);padding-inline:var(--dds-spacing-400);color:var(--dds-toc-title-color);font-size:var(--dds-toc-title-font-size);font-weight:var(--dds-toc-title-font-weight);line-height:var(--dds-toc-title-line-height)}.toc-title--sm{font-size:var(--dds-font-sm)}.toc-title--lg{font-size:var(--dds-font-base)}.toc-link{display:block;position:relative;width:100%;margin-left:-1px;padding-block:var(--dds-toc-link-padding);padding-inline:var(--dds-spacing-400);border-left:var(--dds-border-width-large) solid transparent;outline-color:var(--dds-focus-outer-ring);outline-offset:-6px;outline-width:var(--dds-border-width-xlarge);color:var(--dds-toc-link-color);line-height:var(--dds-toc-link-line-height);text-decoration:none}.toc-link--sm{font-size:var(--dds-font-sm)}.toc-link--lg{font-size:var(--dds-font-base)}.toc-item-level-0{padding-inline-start:0}.toc-item-level-0>.toc-link{padding-inline-start:var(--dds-spacing-400)}.toc-item-level-1>.toc-link{padding-inline-start:var(--dds-spacing-800)}.toc-item-level-2>.toc-link{padding-inline-start:var(--dds-spacing-1200)}.toc-item-level-3>.toc-link{padding-inline-start:var(--dds-spacing-1600)}.toc-item-level-4>.toc-link{padding-inline-start:var(--dds-spacing-2000)}.toc-item-level-5>.toc-link{padding-inline-start:var(--dds-spacing-2400)}.toc--no-indent .toc-item-level-0>.toc-link,.toc--no-indent .toc-item-level-1>.toc-link,.toc--no-indent .toc-item-level-2>.toc-link,.toc--no-indent .toc-item-level-3>.toc-link,.toc--no-indent .toc-item-level-4>.toc-link,.toc--no-indent .toc-item-level-5>.toc-link{padding-inline-start:var(--dds-spacing-400)}a[aria-current=true]{height:100%;border-left:var(--dds-border-width-large) solid var(--dds-toc-link-border-color);color:var(--dds-toc-link-active-color)}a[aria-current=true] .toc-link__high-contrast{display:inline-flex;position:absolute;top:0;left:0;box-sizing:border-box;flex:0 0 auto;width:100%;height:100%;border:var(--dds-border-width-large) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-small)}a[aria-current=true] .toc-link__high-contrast:hover{border-width:var(--dds-border-width-large)}a[aria-current=true] .toc-link__high-contrast:active{border-width:var(--dds-border-width-xlarge)}li{position:relative;padding:0;list-style-type:none}";
+const uw = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@keyframes dds-spin{to{transform:rotate(360deg)}}:host{--dds-toc-border-width: var(--dds-border-width-base);--dds-toc-border-color: var(--dds-border-neutral-divider);--dds-toc-title-color: var(--dds-text-neutral-strong);--dds-toc-title-font-size: var(--dds-font-base);--dds-toc-title-font-weight: var(--dds-font-weight-bold);--dds-toc-title-line-height: 1.25;--dds-toc-link-color: var(--dds-button-subtle-text-neutral-enabled);--dds-toc-link-active-color: var(--dds-button-subtle-text-enabled);--dds-toc-link-border-color: var(--dds-border-brand-base);--dds-toc-link-line-height: 1.2;--dds-toc-link-padding: var(--dds-spacing-200)}:host ul{padding-left:0}.toc{margin-block:0;padding-inline:0;list-style-type:none;border-inline-start:var(--dds-toc-border-width) solid var(--dds-toc-border-color)}.toc-title{display:block;padding-block:var(--dds-spacing-300);padding-inline:var(--dds-spacing-400);color:var(--dds-toc-title-color);font-size:var(--dds-toc-title-font-size);font-weight:var(--dds-toc-title-font-weight);line-height:var(--dds-toc-title-line-height)}.toc-title--sm{font-size:var(--dds-font-sm)}.toc-title--lg{font-size:var(--dds-font-base)}.toc-link{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);display:block;position:relative;width:100%;margin-left:-1px;padding-block:var(--dds-toc-link-padding);padding-inline:var(--dds-spacing-400);border-left:var(--dds-border-width-large) solid transparent;color:var(--dds-toc-link-color);line-height:var(--dds-toc-link-line-height);text-decoration:none}.toc-link--sm{font-size:var(--dds-font-sm)}.toc-link--lg{font-size:var(--dds-font-base)}.toc-link:focus-visible{outline-style:solid}.toc-item-level-0{padding-inline-start:0}.toc-item-level-0>.toc-link{padding-inline-start:var(--dds-spacing-400)}.toc-item-level-1>.toc-link{padding-inline-start:var(--dds-spacing-800)}.toc-item-level-2>.toc-link{padding-inline-start:var(--dds-spacing-1200)}.toc-item-level-3>.toc-link{padding-inline-start:var(--dds-spacing-1600)}.toc-item-level-4>.toc-link{padding-inline-start:var(--dds-spacing-2000)}.toc-item-level-5>.toc-link{padding-inline-start:var(--dds-spacing-2400)}.toc--no-indent .toc-item-level-0>.toc-link,.toc--no-indent .toc-item-level-1>.toc-link,.toc--no-indent .toc-item-level-2>.toc-link,.toc--no-indent .toc-item-level-3>.toc-link,.toc--no-indent .toc-item-level-4>.toc-link,.toc--no-indent .toc-item-level-5>.toc-link{padding-inline-start:var(--dds-spacing-400)}a[aria-current=true]{height:100%;border-left:var(--dds-border-width-large) solid var(--dds-toc-link-border-color);color:var(--dds-toc-link-active-color)}a[aria-current=true] .toc-link__high-contrast{display:inline-flex;position:absolute;top:0;left:0;box-sizing:border-box;flex:0 0 auto;width:100%;height:100%;border:var(--dds-border-width-large) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-small)}a[aria-current=true] .toc-link__high-contrast:hover{border-width:var(--dds-border-width-large)}a[aria-current=true] .toc-link__high-contrast:active{border-width:var(--dds-border-width-xlarge)}li{position:relative;padding:0;list-style-type:none}";
 var hw = Object.defineProperty, gw = Object.getOwnPropertyDescriptor, Ee = (e, t, i, o) => {
   for (var r = o > 1 ? void 0 : o ? gw(t, i) : t, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (r = (o ? s(t, i, r) : s(r)) || r);

package/dist/manifest/types/vue/index.d.ts

@@ -1,10 +1,10 @@
 import type { DefineComponent } from "vue";
 
 import type { DapDSAccordion } from "../../components/accordion/accordion.component.js";
-import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
+import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
 import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSBadge } from "../../components/badge/badge.component.js";
-import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
+import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
 import type { DapDSBanner } from "../../components/banner/banner.component.js";
 import type { DapDSBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { DapDSBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
@@ -48,8 +48,8 @@ import type { DapDSOptionItem } from "../../components/option-item/option-item.c
 import type { DapDSOptionList } from "../../components/option-list/option-list.component.js";
 import type { DapDSOverlay } from "../../components/overlay/overlay.component.js";
 import type { DapDSPager } from "../../components/pager/pager.component.js";
-import type { DapDSPasswordInput } from "../../components/password-input/password-input.component.js";
 import type { DapDSPopup } from "../../components/popup/popup.component.js";
+import type { DapDSPasswordInput } from "../../components/password-input/password-input.component.js";
 import type { DapDSRadioButton } from "../../components/radio-button/radio-button.component.js";
 import type { DapDSRating } from "../../components/rating/rating.component.js";
 import type { DapDSScrollArea } from "../../components/scroll-area/scroll-area.component.js";
@@ -96,8 +96,8 @@ import type { ArrowsArrowRightLine } from "../../components/icon-arrow-right-lin
 import type { ArrowsArrowRightSFill } from "../../components/icon-arrow-right-s-fill/icon-arrow-right-s-fill.component.js";
 import type { ArrowsArrowRightSLine } from "../../components/icon-arrow-right-s-line/icon-arrow-right-s-line.component.js";
 import type { ArrowsArrowRightUpLine } from "../../components/icon-arrow-right-up-line/icon-arrow-right-up-line.component.js";
-import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowUpSFill } from "../../components/icon-arrow-up-s-fill/icon-arrow-up-s-fill.component.js";
+import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowUpSLine } from "../../components/icon-arrow-up-s-line/icon-arrow-up-s-line.component.js";
 import type { ArrowsExpandUpDownFill } from "../../components/icon-expand-up-down-fill/icon-expand-up-down-fill.component.js";
 import type { BuildingsHome6Line } from "../../components/icon-home-6-line/icon-home-6-line.component.js";
@@ -133,8 +133,8 @@ import type { SystemLightbulbFill } from "../../components/icon-lightbulb-fill/i
 import type { SystemLoadingSpinner } from "../../components/icon-loading-spinner/icon-loading-spinner.component.js";
 import type { SystemLockFill } from "../../components/icon-lock-fill/icon-lock-fill.component.js";
 import type { SystemLockLine } from "../../components/icon-lock-line/icon-lock-line.component.js";
-import type { SystemMenuLine } from "../../components/icon-menu-line/icon-menu-line.component.js";
 import type { SystemMenuLineS } from "../../components/icon-menu-line-s/icon-menu-line-s.component.js";
+import type { SystemMenuLine } from "../../components/icon-menu-line/icon-menu-line.component.js";
 import type { SystemSearchLine } from "../../components/icon-search-line/icon-search-line.component.js";
 import type { SystemShieldCheckFill } from "../../components/icon-shield-check-fill/icon-shield-check-fill.component.js";
 import type { SystemShieldCheckLine } from "../../components/icon-shield-check-line/icon-shield-check-line.component.js";
@@ -161,11 +161,15 @@ type DapDSAccordionProps = {
   "ondds-closed"?: (e: CustomEvent<{ open: boolean; item: AccordionBaseElement }>) => void;
 };
 
-type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"];
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"];
+type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"];
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"];
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"];
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
 };
 
 type DapDSAvatarProps = {
@@ -190,15 +194,11 @@ type DapDSBadgeProps = {
   icon?: DapDSBadge["icon"];
 };
 
-type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"];
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"];
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"];
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
+type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"];
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"];
 };
 
 type DapDSBannerProps = {
@@ -1421,6 +1421,33 @@ type DapDSPagerProps = {
   ) => void;
 };
 
+type DapDSPopupProps = {
+  /** The disabled state of the popup. */
+  disabled?: DapDSPopup["disabled"];
+  /** The open state of the popup. */
+  opened?: DapDSPopup["opened"];
+  /** The placement of the popup. */
+  placement?: DapDSPopup["placement"];
+  /** The floating strategy of the popup. */
+  floatingStrategy?: DapDSPopup["floatingStrategy"];
+  /** The offset of the popup. */
+  offset?: DapDSPopup["offset"];
+  /** Whether the popup should sync its width with the trigger. */
+  sync?: DapDSPopup["sync"];
+  /** The maximum height of the popup. */
+  maxHeight?: DapDSPopup["maxHeight"];
+  /** Whether the popup has an arrow. */
+  hasArrow?: DapDSPopup["hasArrow"];
+  /** Whether the popup should overflow. */
+  overflow?: DapDSPopup["overflow"];
+  /** The size of the popup. */
+  size?: DapDSPopup["size"];
+  /** Fired when the popup is opened. */
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
+  /** Fired when the popup is closed. */
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
+};
+
 type DapDSPasswordInputProps = {
   /**  */
   passwordVisibile?: DapDSPasswordInput["passwordVisibile"];
@@ -1476,33 +1503,6 @@ type DapDSPasswordInputProps = {
   "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
 };
 
-type DapDSPopupProps = {
-  /** The disabled state of the popup. */
-  disabled?: DapDSPopup["disabled"];
-  /** The open state of the popup. */
-  opened?: DapDSPopup["opened"];
-  /** The placement of the popup. */
-  placement?: DapDSPopup["placement"];
-  /** The floating strategy of the popup. */
-  floatingStrategy?: DapDSPopup["floatingStrategy"];
-  /** The offset of the popup. */
-  offset?: DapDSPopup["offset"];
-  /** Whether the popup should sync its width with the trigger. */
-  sync?: DapDSPopup["sync"];
-  /** The maximum height of the popup. */
-  maxHeight?: DapDSPopup["maxHeight"];
-  /** Whether the popup has an arrow. */
-  hasArrow?: DapDSPopup["hasArrow"];
-  /** Whether the popup should overflow. */
-  overflow?: DapDSPopup["overflow"];
-  /** The size of the popup. */
-  size?: DapDSPopup["size"];
-  /** Fired when the popup is opened. */
-  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
-  /** Fired when the popup is closed. */
-  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
-};
-
 type DapDSRadioButtonProps = {
   /** Whether the radio button is focusable */
   focusable?: DapDSRadioButton["focusable"];
@@ -2323,26 +2323,26 @@ type ArrowsArrowRightUpLineProps = {
   focusable?: ArrowsArrowRightUpLine["focusable"];
 };
 
-type ArrowsArrowUpLineProps = {
+type ArrowsArrowUpSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpLine["size"];
+  size?: ArrowsArrowUpSFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpLine["selected"];
+  selected?: ArrowsArrowUpSFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
+  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpLine["focusable"];
+  focusable?: ArrowsArrowUpSFill["focusable"];
 };
 
-type ArrowsArrowUpSFillProps = {
+type ArrowsArrowUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpSFill["size"];
+  size?: ArrowsArrowUpLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpSFill["selected"];
+  selected?: ArrowsArrowUpLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"];
+  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpSFill["focusable"];
+  focusable?: ArrowsArrowUpLine["focusable"];
 };
 
 type ArrowsArrowUpSLineProps = {
@@ -2730,26 +2730,26 @@ type SystemLockLineProps = {
   focusable?: SystemLockLine["focusable"];
 };
 
-type SystemMenuLineProps = {
+type SystemMenuLineSProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMenuLine["size"];
+  size?: SystemMenuLineS["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMenuLine["selected"];
+  selected?: SystemMenuLineS["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMenuLine["accessibilityTitle"];
+  accessibilityTitle?: SystemMenuLineS["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMenuLine["focusable"];
+  focusable?: SystemMenuLineS["focusable"];
 };
 
-type SystemMenuLineSProps = {
+type SystemMenuLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMenuLineS["size"];
+  size?: SystemMenuLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMenuLineS["selected"];
+  selected?: SystemMenuLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMenuLineS["accessibilityTitle"];
+  accessibilityTitle?: SystemMenuLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMenuLineS["focusable"];
+  focusable?: SystemMenuLine["focusable"];
 };
 
 type SystemSearchLineProps = {
@@ -2869,24 +2869,23 @@ export type CustomElements = {
   "dap-ds-accordion": DefineComponent<DapDSAccordionProps>;
 
   /**
-   * An accordion group is a collection of accordion components.
+   * Anchor heading is a heading with an anchor link.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The content of the accordion group.
-   *
    * ### **CSS Properties:**
-   *  - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_
-   * - **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_
-   * - **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_
-   * - **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_
-   * - **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_
+   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
+   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
+   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
+   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The main accordion group container.
+   *  - **base** - The main anchor heading container.
+   * - **link** - The link of the anchor heading. dap-ds-link element.
+   * - **link-base** - The base of the link part.
+   * - **text** - The text of the anchor heading.
    */
-  "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
+  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
 
   /**
    * Avatar component can be used to display user profile images or icons, or illustrations.
@@ -2960,23 +2959,24 @@ export type CustomElements = {
   "dap-ds-badge": DefineComponent<DapDSBadgeProps>;
 
   /**
-   * Anchor heading is a heading with an anchor link.
+   * An accordion group is a collection of accordion components.
    * ---
    *
    *
+   * ### **Slots:**
+   *  - _default_ - The content of the accordion group.
+   *
    * ### **CSS Properties:**
-   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
-   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
-   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
-   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
+   *  - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_
+   * - **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_
+   * - **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_
+   * - **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_
+   * - **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The main anchor heading container.
-   * - **link** - The link of the anchor heading. dap-ds-link element.
-   * - **link-base** - The base of the link part.
-   * - **text** - The text of the anchor heading.
+   *  - **base** - The main accordion group container.
    */
-  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
+  "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
 
   /**
    * A banner is a message displayed at the top of the page to provide important information to the user.
@@ -4460,6 +4460,37 @@ export type CustomElements = {
    */
   "dap-ds-pager": DefineComponent<DapDSPagerProps>;
 
+  /**
+   * A popup is a container for popup content.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **dds-opened** - Fired when the popup is opened.
+   * - **dds-closed** - Fired when the popup is closed.
+   *
+   * ### **Slots:**
+   *  - **trigger** - The trigger of the popup.
+   * - _default_ - The content of the popup.
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-popup-z-index** - Z-index of the popup. _(default: undefined)_
+   * - **--dds-popup-padding** - Default padding of the popup. _(default: undefined)_
+   * - **--dds-popup-padding-xs** - Padding of the popup when size is xs. _(default: undefined)_
+   * - **--dds-popup-padding-lg** - Padding of the popup when size is lg. _(default: undefined)_
+   * - **--dds-popup-border-width** - Border width of the popup. _(default: undefined)_
+   * - **--dds-popup-border-radius** - Border radius of the popup. _(default: undefined)_
+   * - **--dds-popup-border-color** - Border color of the popup. _(default: undefined)_
+   * - **--dds-popup-background** - Background color of the popup. _(default: undefined)_
+   * - **--dds-popup-color** - Text color of the popup. _(default: undefined)_
+   * - **--dds-popup-arrow-size** - Size of the popup arrow. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **popup** - The main popup container.
+   * - **arrow** - The arrow of the popup.
+   */
+  "dap-ds-popup": DefineComponent<DapDSPopupProps>;
+
   /**
    * A password input a field for entering a password.
    * ---
@@ -4500,37 +4531,6 @@ export type CustomElements = {
    */
   "dap-ds-password-input": DefineComponent<DapDSPasswordInputProps>;
 
-  /**
-   * A popup is a container for popup content.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **dds-opened** - Fired when the popup is opened.
-   * - **dds-closed** - Fired when the popup is closed.
-   *
-   * ### **Slots:**
-   *  - **trigger** - The trigger of the popup.
-   * - _default_ - The content of the popup.
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-popup-z-index** - Z-index of the popup. _(default: undefined)_
-   * - **--dds-popup-padding** - Default padding of the popup. _(default: undefined)_
-   * - **--dds-popup-padding-xs** - Padding of the popup when size is xs. _(default: undefined)_
-   * - **--dds-popup-padding-lg** - Padding of the popup when size is lg. _(default: undefined)_
-   * - **--dds-popup-border-width** - Border width of the popup. _(default: undefined)_
-   * - **--dds-popup-border-radius** - Border radius of the popup. _(default: undefined)_
-   * - **--dds-popup-border-color** - Border color of the popup. _(default: undefined)_
-   * - **--dds-popup-background** - Background color of the popup. _(default: undefined)_
-   * - **--dds-popup-color** - Text color of the popup. _(default: undefined)_
-   * - **--dds-popup-arrow-size** - Size of the popup arrow. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **popup** - The main popup container.
-   * - **arrow** - The arrow of the popup.
-   */
-  "dap-ds-popup": DefineComponent<DapDSPopupProps>;
-
   /**
    * A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
    * ---
@@ -5537,7 +5537,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
+  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
 
   /**
    * An icon
@@ -5547,7 +5547,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
+  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
 
   /**
    * An icon
@@ -5907,7 +5907,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-menu-line": DefineComponent<SystemMenuLineProps>;
+  "dap-ds-icon-menu-line-s": DefineComponent<SystemMenuLineSProps>;
 
   /**
    * An icon
@@ -5917,7 +5917,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-menu-line-s": DefineComponent<SystemMenuLineSProps>;
+  "dap-ds-icon-menu-line": DefineComponent<SystemMenuLineProps>;
 
   /**
    * An icon