dap-design-system 0.61.9 → 0.61.11

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 (12) hide show
  1. package/dist/components/button/_styles/button.scss.js +1 -1
  2. package/dist/components/navigation-menu/submenu-controller.js +1 -1
  3. package/dist/components/navigation-menu/submenu-controller.js.map +1 -1
  4. package/dist/components.native.css +79 -157
  5. package/dist/components.native.css.map +1 -1
  6. package/dist/manifest/types/vue/index.d.ts +424 -424
  7. package/dist/manifest/vscode.html-custom-data.json +308 -308
  8. package/dist/manifest/web-types.json +764 -764
  9. package/dist/react/index.d.ts +13 -13
  10. package/dist/react-types.ts +14 -14
  11. package/dist/react.js +86 -86
  12. package/package.json +1 -1
package/dist/components/button/_styles/button.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = "*,*: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}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:inline-block;position:relative;width:auto;vertical-align:middle;--dds-button-padding-x: var(--dds-spacing-300);--dds-button-padding-y: var(--dds-spacing-300);--dds-button-border-radius: var(--dds-radius-rounded);--dds-button-font-weight: 700;--dds-button-line-height: var(--dds-font-line-height-large);--dds-button-transition: all .2s ease-in-out;--dds-button-disabled-opacity: .5;--dds-button-size-lg: var(--dds-spacing-1200);--dds-button-size-md: var(--dds-spacing-1000);--dds-button-size-sm: var(--dds-spacing-800);--dds-button-size-xs: var(--dds-spacing-600);--dds-button-circle-lg: var(--dds-spacing-1200);--dds-button-circle-md: var(--dds-spacing-1000);--dds-button-circle-sm: var(--dds-spacing-800);--dds-button-circle-xs: var(--dds-spacing-600);--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled );--dds-button-primary-inverted-color-bg: var( --dds-button-primary-background-inverted-enabled );--dds-button-primary-inverted-color-bg-hover: var( --dds-button-primary-background-inverted-hover );--dds-button-primary-inverted-color-bg-active: var( --dds-button-primary-background-inverted-pressed );--dds-button-primary-inverted-color-bg-disabled: var( --dds-button-primary-background-inverted-disabled );--dds-button-primary-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-primary-inverted-color-text-disabled: var( --dds-button-primary-text-inverted-disabled );--dds-button-outline-color-border: var(--dds-button-outline-border-enabled);--dds-button-outline-color-border-hover: var( --dds-button-outline-border-hover );--dds-button-outline-color-border-active: var( --dds-button-outline-border-pressed );--dds-button-outline-color-border-disabled: var( --dds-button-outline-border-disabled );--dds-button-outline-color-text: var(--dds-button-outline-text-enabled);--dds-button-outline-color-text-hover: var(--dds-button-outline-text-hover);--dds-button-outline-color-text-active: var( --dds-button-outline-text-pressed );--dds-button-outline-color-text-disabled: var( --dds-button-outline-text-disabled );--dds-button-outline-inverted-color-border: var( --dds-button-outline-border-inverted-enabled );--dds-button-outline-inverted-color-border-hover: var( --dds-button-outline-border-inverted-hover );--dds-button-outline-inverted-color-border-active: var( --dds-button-outline-border-inverted-pressed );--dds-button-outline-inverted-color-border-disabled: var( --dds-button-outline-border-inverted-disabled );--dds-button-outline-inverted-color-text: var( --dds-button-outline-text-inverted-enabled );--dds-button-outline-inverted-color-text-hover: var( --dds-button-outline-text-inverted-hover );--dds-button-outline-inverted-color-text-active: var( --dds-button-outline-text-inverted-pressed );--dds-button-outline-inverted-color-text-disabled: var( --dds-button-outline-text-inverted-disabled );--dds-button-subtle-color-bg: var(--dds-button-subtle-background-enabled);--dds-button-subtle-color-bg-hover: var(--dds-button-subtle-background-hover);--dds-button-subtle-color-bg-active: var( --dds-button-subtle-background-pressed );--dds-button-subtle-color-bg-disabled: var( --dds-button-subtle-background-disabled );--dds-button-subtle-color-border: var(--dds-button-subtle-border-enabled);--dds-button-subtle-color-border-hover: var(--dds-button-subtle-border-hover);--dds-button-subtle-color-border-active: var( --dds-button-subtle-border-pressed );--dds-button-subtle-color-border-disabled: var( --dds-button-subtle-border-disabled );--dds-button-subtle-color-text: var(--dds-button-subtle-text-enabled);--dds-button-subtle-color-text-hover: var(--dds-button-subtle-text-hover);--dds-button-subtle-color-text-active: var(--dds-button-subtle-text-pressed);--dds-button-subtle-color-text-disabled: var( --dds-button-subtle-text-disabled );--dds-button-subtle-neutral-color-bg: var( --dds-button-subtle-background-neutral-enabled );--dds-button-subtle-neutral-color-bg-hover: var( --dds-button-subtle-background-neutral-hover );--dds-button-subtle-neutral-color-bg-active: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-neutral-color-border: var( --dds-button-subtle-border-neutral-enabled );--dds-button-subtle-neutral-color-border-hover: var( --dds-button-subtle-border-neutral-hover );--dds-button-subtle-neutral-color-border-active: var( --dds-button-subtle-border-neutral-pressed );--dds-button-subtle-neutral-color-text: var( --dds-button-subtle-text-neutral-enabled );--dds-button-subtle-neutral-color-text-hover: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-neutral-color-text-active: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-destructive-color-text: var( --dds-button-subtle-text-destructive-enabled );--dds-button-subtle-destructive-color-text-hover: var( --dds-button-subtle-text-destructive-hover );--dds-button-subtle-destructive-color-text-active: var( --dds-button-subtle-text-destructive-pressed );--dds-button-subtle-destructive-color-border: var( --dds-button-subtle-border-destructive-enabled );--dds-button-subtle-destructive-color-border-hover: var( --dds-button-subtle-border-destructive-hover );--dds-button-subtle-destructive-color-border-active: var( --dds-button-subtle-border-destructive-pressed );--dds-button-subtle-destructive-color-bg: var( --dds-button-subtle-background-destructive-enabled );--dds-button-subtle-destructive-color-bg-hover: var( --dds-button-subtle-background-destructive-hover );--dds-button-subtle-destructive-color-bg-active: var( --dds-button-subtle-background-destructive-pressed );--dds-button-clean-color-text: var(--dds-text-link-base);--dds-button-clean-color-text-hover: var(--dds-text-link-hover);--dds-button-clean-color-text-active: var(--dds-text-link-pressed);--dds-button-clean-color-text-disabled: var(--dds-text-neutral-disabled);--dds-button-clean-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-hover: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-active: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-disabled: var( --dds-text-neutral-disabled );--dds-button-danger-color-bg: var( --dds-button-primary-background-destructive-enabled );--dds-button-danger-color-bg-hover: var( --dds-button-primary-background-destructive-hover );--dds-button-danger-color-bg-active: var( --dds-button-primary-background-destructive-pressed );--dds-button-danger-color-text: var(--dds-button-primary-text-enabled);--dds-button-danger-outline-color-border: var( --dds-button-outline-border-destructive-enabled );--dds-button-danger-outline-color-border-hover: var( --dds-button-outline-border-destructive-hover );--dds-button-danger-outline-color-border-active: var( --dds-button-outline-border-destructive-pressed );--dds-button-danger-outline-color-text: var( --dds-button-outline-text-destructive-enabled );--dds-button-danger-outline-color-text-hover: var( --dds-button-outline-text-destructive-hover );--dds-button-danger-outline-color-text-active: var( --dds-button-outline-text-destructive-pressed );--dds-button-subtle-inverted-color-bg: var( --dds-button-subtle-background-inverted-enabled );--dds-button-subtle-inverted-color-bg-hover: var( --dds-button-subtle-background-inverted-hover );--dds-button-subtle-inverted-color-bg-active: var( --dds-button-subtle-background-inverted-pressed );--dds-button-subtle-inverted-color-border: var( --dds-button-subtle-border-inverted-enabled );--dds-button-subtle-inverted-color-border-hover: var( --dds-button-subtle-border-inverted-enabled );--dds-button-subtle-inverted-color-border-active: var( --dds-button-subtle-border-inverted-enabled );--dds-button-subtle-inverted-color-text: var( --dds-button-subtle-text-inverted );--dds-button-subtle-inverted-color-text-hover: var( --dds-button-subtle-text-inverted );--dds-button-subtle-inverted-color-text-active: var( --dds-button-subtle-text-inverted );--dds-button-danger-clean-color-text: var( --dds-button-subtle-text-destructive-enabled );--dds-button-danger-clean-color-text-hover: var( --dds-button-subtle-text-destructive-hover );--dds-button-danger-clean-color-text-active: var( --dds-button-subtle-text-destructive-pressed );--dds-button-subtle-menu-color-bg: transparent;--dds-button-subtle-menu-color-bg-hover: var( --dds-button-subtle-background-neutral-hover );--dds-button-subtle-menu-color-bg-active: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-menu-color-border: transparent;--dds-button-subtle-menu-color-border-hover: transparent;--dds-button-subtle-menu-color-border-active: transparent;--dds-button-subtle-menu-color-text: var( --dds-button-subtle-text-neutral-enabled );--dds-button-subtle-menu-color-text-hover: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-color-text-active: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border: transparent;--dds-button-subtle-menu-opened-background: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-menu-opened-color: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-item-color-bg: transparent;--dds-button-subtle-menu-item-color-bg-hover: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-bg-active: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-text: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-hover: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-active: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-disabled: var( --dds-text-primary-base );--dds-button-subtle-menu-item-padding: var(--dds-spacing-100) var(--dds-spacing-200);--dds-button-subtle-menu-item-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-item-font-weight: var(--dds-font-weight-medium);--dds-button-subtle-menu-item-font-size: var(--dds-font-size-base);--dds-button-subtle-menu-item-line-height: var(--dds-font-line-height-xlarge)}:host([variant=subtle-menu][aria-expanded=true]) .button{border-radius:var(--dds-button-subtle-menu-opened-border-radius);border-color:var(--dds-button-subtle-menu-opened-border);background-color:var(--dds-button-subtle-menu-opened-background);color:var(--dds-button-subtle-menu-opened-color)}:host([data-oklch-poc]){--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled )}a{text-decoration:none}.button__highcontrast{position:absolute;width:100%;height:100%;border:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-rounded)}.button__highcontrast:hover{border-width:var(--dds-border-width-large);border-color:var(--dds-border-neutral-transparent-interactive, #fff500)}.button__highcontrast:active{border-width:var(--dds-border-width-xlarge)}.button{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:auto;height:auto;column-gap:var(--dds-spacing-100);transition:var(--dds-button-transition);border:var(--dds-border-width-large) solid transparent;border-radius:var(--dds-button-border-radius);font-weight:var(--dds-button-font-weight);line-height:var(--dds-button-line-height);vertical-align:top;cursor:pointer}.button:focus-visible{outline-style:solid}.button .button__text{padding:0 var(--dds-spacing-100)}.button .button__text span{line-height:var(--dds-button-line-height)}.button[disabled],.button.button--disabled{opacity:var(--dds-button-disabled-opacity);cursor:not-allowed}.button[disabled]:focus-visible,.button.button--disabled:focus-visible{outline-style:solid}.button[disabled]>*,.button.button--disabled>*{pointer-events:none}.button.dds-button--loading .button__spinner{display:flex;position:absolute;align-items:center;justify-content:center;animation:dds-spin 1s linear infinite}.button.dds-button--loading .button__text{opacity:0}.button--lg{min-width:var(--dds-spacing-2400);min-height:var(--dds-button-size-lg);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:1.125rem}.button--lg.dds-button--circle{width:var(--dds-button-circle-lg);min-width:0;min-height:var(--dds-button-circle-lg);padding:0}.button--md{min-width:var(--dds-spacing-2000);min-height:var(--dds-button-size-md);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:1rem}.button--md.dds-button--circle{width:var(--dds-button-circle-md);min-width:0;max-width:var(--dds-button-circle-md);min-height:var(--dds-button-circle-md);padding:0}.button--sm{min-width:var(--dds-spacing-1200);min-height:var(--dds-button-size-sm);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:.875rem}.button--sm.dds-button--circle{width:var(--dds-button-circle-sm);min-width:0;max-width:var(--dds-button-circle-sm);min-height:var(--dds-button-circle-sm);padding:0}.button--xs{min-width:var(--dds-spacing-1200);min-height:var(--dds-button-size-xs);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:var(--dds-font-xs)}.button--xs.dds-button--circle{width:var(--dds-button-circle-xs);min-width:0;max-width:var(--dds-button-circle-xs);min-height:var(--dds-button-circle-xs);padding:0}.button--icon{border-width:0;background-color:var(--dds-black-5);color:var(--dds-icon-neutral-base)}.button--icon:hover{background-color:var(--dds-black-10)}.button--icon:active{background-color:var(--dds-black-20)}.button--icon.disabled{border-width:0;background-color:transparent;cursor:not-allowed}.button--icon.disabled:hover{background-color:transparent}.button--primary{background-color:var(--dds-button-primary-color-bg);color:var(--dds-button-primary-color-text)}.button--primary:hover{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary:active{background-color:var(--dds-button-primary-color-bg-active)}.button--primary[disabled],.button--primary.button--disabled{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--primary.dds-link{color:var(--dds-button-primary-color-text);text-decoration:none}.button--primary.dds-link:hover,.button--primary.dds-link:active{color:var(--dds-button-primary-color-text)}.button--primary.dds-button--active{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);background-color:var(--dds-button-primary-inverted-color-bg);color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted:hover{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary-inverted:active{background-color:var(--dds-button-primary-inverted-color-bg-active)}.button--primary-inverted[disabled],.button--primary-inverted.button--disabled{background-color:var(--dds-button-primary-inverted-color-bg-disabled);color:var(--dds-button-primary-inverted-color-text-disabled)}.button--primary-inverted.dds-link{color:var(--dds-button-primary-inverted-color-text);text-decoration:none}.button--primary-inverted.dds-link:hover,.button--primary-inverted.dds-link:active{color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted.dds-button--active{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary.dds-button--danger,.button--primary-inverted.dds-button--danger{background-color:var(--dds-button-danger-color-bg);color:var(--dds-button-danger-color-text)}.button--primary.dds-button--danger:hover,.button--primary-inverted.dds-button--danger:hover{background-color:var(--dds-button-danger-color-bg-hover)}.button--primary.dds-button--danger:active,.button--primary-inverted.dds-button--danger:active{background-color:var(--dds-button-danger-color-bg-active)}.button--primary[disabled],.button--primary.button--disabled,.button--primary-inverted[disabled],.button--primary-inverted.button--disabled,.button--primary[disabled]:hover,.button--primary.button--disabled:hover,.button--primary-inverted[disabled]:hover,.button--primary-inverted.button--disabled:hover,.button--primary[disabled]:active,.button--primary.button--disabled:active,.button--primary-inverted[disabled]:active,.button--primary-inverted.button--disabled:active{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--outline{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border);background-color:transparent;color:var(--dds-button-outline-color-text)}.button--outline:hover{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline:active{border-color:var(--dds-button-outline-color-border-active);color:var(--dds-button-outline-color-text-active)}.button--outline[disabled],.button--outline.button--disabled{border-color:var(--dds-button-outline-color-border-disabled);color:var(--dds-button-outline-color-text-disabled)}.button--outline.dds-link{color:var(--dds-button-outline-color-text);text-decoration:none}.button--outline.dds-link:hover{color:var(--dds-button-outline-color-text-hover)}.button--outline.dds-link:active{color:var(--dds-button-outline-color-text-active)}.button--outline.dds-button--active{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-inverted-color-border);background-color:transparent;color:var(--dds-button-outline-inverted-color-text)}.button--outline-inverted:hover{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted:active{border-color:var(--dds-button-outline-inverted-color-border-active);color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted[disabled],.button--outline-inverted.button--disabled{border-color:var(--dds-button-outline-inverted-color-border-disabled);color:var(--dds-button-outline-inverted-color-text-disabled)}.button--outline-inverted.dds-link{color:var(--dds-button-outline-inverted-color-text);text-decoration:none}.button--outline-inverted.dds-link:hover{color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted.dds-link:active{color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted.dds-button--active{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline.dds-button--danger,.button--outline-inverted.dds-button--danger{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-danger-outline-color-border);background-color:transparent;color:var(--dds-button-danger-outline-color-text)}.button--outline.dds-button--danger:hover,.button--outline-inverted.dds-button--danger:hover{border-color:var(--dds-button-danger-outline-color-border-hover);color:var(--dds-button-danger-outline-color-text-hover)}.button--outline.dds-button--danger:active,.button--outline-inverted.dds-button--danger:active{border-color:var(--dds-button-danger-outline-color-border-active);color:var(--dds-button-danger-outline-color-text-active)}.button--outline[disabled],.button--outline.button--disabled,.button--outline-inverted[disabled],.button--outline-inverted.button--disabled{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border-disabled);background-color:transparent;color:var(--dds-button-outline-color-text-disabled)}.button--subtle{border:var(--dds-border-width-base) solid var(--dds-button-subtle-color-border);background-color:var(--dds-button-subtle-color-bg);color:var(--dds-button-subtle-color-text)}.button--subtle:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle[disabled],.button--subtle.button--disabled{border-color:var(--dds-button-subtle-color-border-disabled);background-color:var(--dds-button-subtle-color-bg-disabled);color:var(--dds-button-subtle-color-text-disabled)}.button--subtle.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle.dds-button--danger{border:var(--dds-border-width-base) solid var(--dds-button-subtle-destructive-color-border);background-color:var(--dds-button-subtle-destructive-color-bg);color:var(--dds-button-subtle-destructive-color-text)}.button--subtle.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-neutral{border:var(--dds-border-width-base) solid var(--dds-button-subtle-neutral-color-border);background-color:var(--dds-button-subtle-neutral-color-bg);color:var(--dds-button-subtle-neutral-color-text)}.button--subtle-neutral:hover{border-color:var(--dds-button-subtle-neutral-color-border-hover);background-color:var(--dds-button-subtle-neutral-color-bg-hover);color:var(--dds-button-subtle-neutral-color-text-hover)}.button--subtle-neutral:active{border-color:var(--dds-button-subtle-neutral-color-border-active);background-color:var(--dds-button-subtle-neutral-color-bg-active);color:var(--dds-button-subtle-neutral-color-text-active)}.button--subtle-neutral.dds-link{color:var(--dds-button-subtle-neutral-color-text);text-decoration:none}.button--subtle-neutral.dds-link:hover{color:var(--dds-button-subtle-neutral-color-text-hover)}.button--subtle-neutral.dds-link:active{color:var(--dds-button-subtle-neutral-color-text-active)}.button--subtle-neutral.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-neutral.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-neutral.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-neutral.dds-button--active{border-color:var(--dds-button-subtle-neutral-color-border-hover);background-color:var(--dds-button-subtle-neutral-color-bg-hover);color:var(--dds-button-subtle-neutral-color-text-hover)}.button--subtle-menu{border:var(--dds-border-width-base) solid transparent;border-radius:var(--dds-button-subtle-menu-border-radius);background-color:transparent;color:var(--dds-button-subtle-menu-color-text)}.button--subtle-menu:hover{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-hover);color:var(--dds-button-subtle-menu-color-text-hover)}.button--subtle-menu:active{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-active);color:var(--dds-button-subtle-menu-color-text-hover)}.button--subtle-menu.dds-link{color:var(--dds-button-subtle-menu-color-text);text-decoration:none}.button--subtle-menu.dds-link:hover,.button--subtle-menu.dds-link:active{color:var(--dds-button-subtle-menu-color-text-hover)}.button--subtle-menu.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-menu.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-menu.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-menu.dds-button--active{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-active);color:var(--dds-button-subtle-menu-color-text-hover)}.button--subtle-menu-item{display:flex;align-items:center;width:100%;min-width:auto;height:auto;padding:var(--dds-button-subtle-menu-item-padding);border:0;border-radius:var(--dds-button-subtle-menu-item-border-radius);background-color:var(--dds-button-subtle-menu-item-color-bg);color:var(--dds-button-subtle-menu-item-color-text);font-family:var(--dds-font-type);font-size:var(--dds-button-subtle-menu-item-font-size);font-weight:var(--dds-button-subtle-menu-item-font-weight);line-height:var(--dds-button-subtle-menu-item-line-height);text-align:left;text-decoration:none}.button--subtle-menu-item .button__text{display:flex;flex:1;align-items:center;padding:0;gap:var(--dds-spacing-100)}.button--subtle-menu-item:hover:not([disabled],.button--disabled){background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item:active:not([disabled],.button--disabled){background-color:var(--dds-button-subtle-menu-item-color-bg-active);color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-menu-item:focus-visible:not([disabled],.button--disabled){outline-style:solid}.button--subtle-menu-item.dds-button--active{background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text)}.button--subtle-menu-item[disabled],.button--subtle-menu-item.button--disabled{opacity:.5;color:var(--dds-button-subtle-menu-item-color-text-disabled);cursor:not-allowed}.button--subtle-menu-item.dds-link{color:var(--dds-button-subtle-menu-item-color-text);text-decoration:none}.button--subtle-menu-item.dds-link:hover{color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item.dds-link:active{color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-quiet{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text)}.button--subtle-quiet:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet[disabled],.button--subtle-quiet.button--disabled{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text-disabled)}.button--subtle-quiet.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle-quiet.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-quiet.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-quiet.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-quiet.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border);background-color:var(--dds-button-subtle-inverted-color-bg);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-inverted:hover{background-color:var(--dds-button-subtle-inverted-color-bg-hover);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-inverted:active{background-color:var(--dds-button-subtle-inverted-color-bg-active);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-inverted.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle-inverted.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle-inverted.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle-inverted.dds-button--active{background-color:var(--dds-button-subtle-inverted-color-bg-hover);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-quiet-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-quiet-inverted:hover{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border);background-color:var(--dds-button-subtle-inverted-color-bg-hover);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-quiet-inverted:active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border);background-color:var(--dds-button-subtle-inverted-color-bg-active);color:var(--dds-button-subtle-inverted-color-text)}.button--subtle-quiet-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-quiet-inverted.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle-quiet-inverted.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet-inverted.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet-inverted.dds-button--active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border);background-color:var(--dds-button-subtle-inverted-color-bg-hover);color:var(--dds-button-subtle-inverted-color-text)}.button--clean{width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-color-text)}.button--clean .button__text{padding:0}.button--clean:hover{color:var(--dds-button-clean-color-text-hover)}.button--clean:active{color:var(--dds-button-clean-color-text-active)}.button--clean[disabled],.button--clean.button--disabled{color:var(--dds-button-clean-color-text-disabled)}.button--clean-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-inverted-color-text)}.button--clean-inverted .button__text{padding:0}.button--clean-inverted:hover{color:var(--dds-button-clean-inverted-color-text-hover)}.button--clean-inverted:active{color:var(--dds-button-clean-inverted-color-text-active)}.button--clean-inverted[disabled],.button--clean-inverted.button--disabled{color:var(--dds-button-clean-inverted-color-text-disabled)}.button--clean.dds-button--danger,.button--clean-inverted.dds-button--danger{border-width:0;background-color:transparent;color:var(--dds-button-danger-clean-color-text)}.button--clean.dds-button--danger:hover,.button--clean-inverted.dds-button--danger:hover{color:var(--dds-button-danger-clean-color-text-hover)}.button--clean.dds-button--danger:active,.button--clean-inverted.dds-button--danger:active{color:var(--dds-button-danger-clean-color-text-active)}.button--clean[disabled],.button--clean.button--disabled,.button--clean-inverted[disabled],.button--clean-inverted.button--disabled{border-width:0;background-color:transparent;color:var(--dds-text-neutral-disabled)}.button--clean[disabled]:hover,.button--clean.button--disabled:hover,.button--clean-inverted[disabled]:hover,.button--clean-inverted.button--disabled:hover{background-color:transparent;color:var(--dds-text-neutral-disabled)}.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}";
1
+ const t = "*,*: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}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:inline-block;position:relative;width:auto;vertical-align:middle;--dds-button-padding-x: var(--dds-spacing-300);--dds-button-padding-y: var(--dds-spacing-300);--dds-button-border-radius: var(--dds-radius-rounded);--dds-button-font-weight: 700;--dds-button-line-height: var(--dds-font-line-height-large);--dds-button-transition: all .2s ease-in-out;--dds-button-disabled-opacity: .5;--dds-button-size-lg: var(--dds-spacing-1200);--dds-button-size-md: var(--dds-spacing-1000);--dds-button-size-sm: var(--dds-spacing-800);--dds-button-size-xs: var(--dds-spacing-600);--dds-button-circle-lg: var(--dds-spacing-1200);--dds-button-circle-md: var(--dds-spacing-1000);--dds-button-circle-sm: var(--dds-spacing-800);--dds-button-circle-xs: var(--dds-spacing-600);--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled );--dds-button-primary-inverted-color-bg: var( --dds-button-primary-background-inverted-enabled );--dds-button-primary-inverted-color-bg-hover: var( --dds-button-primary-background-inverted-hover );--dds-button-primary-inverted-color-bg-active: var( --dds-button-primary-background-inverted-pressed );--dds-button-primary-inverted-color-bg-disabled: var( --dds-button-primary-background-inverted-disabled );--dds-button-primary-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-primary-inverted-color-text-disabled: var( --dds-button-primary-text-inverted-disabled );--dds-button-outline-color-border: var(--dds-button-outline-border-enabled);--dds-button-outline-color-border-hover: var( --dds-button-outline-border-hover );--dds-button-outline-color-border-active: var( --dds-button-outline-border-pressed );--dds-button-outline-color-border-disabled: var( --dds-button-outline-border-disabled );--dds-button-outline-color-text: var(--dds-button-outline-text-enabled);--dds-button-outline-color-text-hover: var(--dds-button-outline-text-hover);--dds-button-outline-color-text-active: var( --dds-button-outline-text-pressed );--dds-button-outline-color-text-disabled: var( --dds-button-outline-text-disabled );--dds-button-outline-inverted-color-border: var( --dds-button-outline-border-inverted-enabled );--dds-button-outline-inverted-color-border-hover: var( --dds-button-outline-border-inverted-hover );--dds-button-outline-inverted-color-border-active: var( --dds-button-outline-border-inverted-pressed );--dds-button-outline-inverted-color-border-disabled: var( --dds-button-outline-border-inverted-disabled );--dds-button-outline-inverted-color-text: var( --dds-button-outline-text-inverted-enabled );--dds-button-outline-inverted-color-text-hover: var( --dds-button-outline-text-inverted-hover );--dds-button-outline-inverted-color-text-active: var( --dds-button-outline-text-inverted-pressed );--dds-button-outline-inverted-color-text-disabled: var( --dds-button-outline-text-inverted-disabled );--dds-button-subtle-color-bg: var(--dds-button-subtle-background-enabled);--dds-button-subtle-color-bg-hover: var(--dds-button-subtle-background-hover);--dds-button-subtle-color-bg-active: var( --dds-button-subtle-background-pressed );--dds-button-subtle-color-bg-disabled: var( --dds-button-subtle-background-disabled );--dds-button-subtle-color-border: var(--dds-button-subtle-border-enabled);--dds-button-subtle-color-border-hover: var(--dds-button-subtle-border-hover);--dds-button-subtle-color-border-active: var( --dds-button-subtle-border-pressed );--dds-button-subtle-color-border-disabled: var( --dds-button-subtle-border-disabled );--dds-button-subtle-color-text-disabled: var( --dds-button-subtle-text-disabled );--dds-button-subtle-destructive-color-text: var( --dds-button-subtle-text-destructive-enabled );--dds-button-subtle-destructive-color-text-hover: var( --dds-button-subtle-text-destructive-hover );--dds-button-subtle-destructive-color-text-active: var( --dds-button-subtle-text-destructive-pressed );--dds-button-subtle-destructive-color-border: var( --dds-button-subtle-border-destructive-enabled );--dds-button-subtle-destructive-color-border-hover: var( --dds-button-subtle-border-destructive-hover );--dds-button-subtle-destructive-color-border-active: var( --dds-button-subtle-border-destructive-pressed );--dds-button-subtle-destructive-color-bg: var( --dds-button-subtle-background-destructive-enabled );--dds-button-subtle-destructive-color-bg-hover: var( --dds-button-subtle-background-destructive-hover );--dds-button-subtle-destructive-color-bg-active: var( --dds-button-subtle-background-destructive-pressed );--dds-button-danger-color-bg: var( --dds-button-primary-background-destructive-enabled );--dds-button-danger-color-bg-hover: var( --dds-button-primary-background-destructive-hover );--dds-button-danger-color-bg-active: var( --dds-button-primary-background-destructive-pressed );--dds-button-danger-color-text: var(--dds-button-primary-text-enabled);--dds-button-danger-outline-color-border: var( --dds-button-outline-border-destructive-enabled );--dds-button-danger-outline-color-border-hover: var( --dds-button-outline-border-destructive-hover );--dds-button-danger-outline-color-border-active: var( --dds-button-outline-border-destructive-pressed );--dds-button-danger-outline-color-text: var( --dds-button-outline-text-destructive-enabled );--dds-button-danger-outline-color-text-hover: var( --dds-button-outline-text-destructive-hover );--dds-button-danger-outline-color-text-active: var( --dds-button-outline-text-destructive-pressed );--dds-button-subtle-inverted-color-border-hover: var( --dds-button-subtle-border-inverted-enabled );--dds-button-subtle-inverted-color-border-active: var( --dds-button-subtle-border-inverted-enabled );--dds-button-subtle-inverted-color-text-hover: var( --dds-button-subtle-text-inverted );--dds-button-subtle-inverted-color-text-active: var( --dds-button-subtle-text-inverted );--dds-button-subtle-menu-color-bg: transparent;--dds-button-subtle-menu-color-border: transparent;--dds-button-subtle-menu-color-border-hover: transparent;--dds-button-subtle-menu-color-border-active: transparent;--dds-button-subtle-menu-color-text-active: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border: transparent;--dds-button-subtle-menu-opened-background: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-menu-opened-color: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-item-color-bg: transparent;--dds-button-subtle-menu-item-color-bg-hover: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-bg-active: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-text: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-hover: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-active: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-disabled: var( --dds-text-primary-base );--dds-button-subtle-menu-item-padding: var(--dds-spacing-100) var(--dds-spacing-200);--dds-button-subtle-menu-item-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-item-font-weight: var(--dds-font-weight-medium);--dds-button-subtle-menu-item-font-size: var(--dds-font-size-base);--dds-button-subtle-menu-item-line-height: var(--dds-font-line-height-xlarge)}:host([variant=subtle-menu][aria-expanded=true]) .button{border-radius:var(--dds-button-subtle-menu-opened-border-radius);border-color:var(--dds-button-subtle-menu-opened-border);background-color:var(--dds-button-subtle-menu-opened-background);color:var(--dds-button-subtle-menu-opened-color)}:host([data-oklch-poc]){--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled )}a{text-decoration:none}.button__highcontrast{position:absolute;width:100%;height:100%;border:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-rounded)}.button__highcontrast:hover{border-width:var(--dds-border-width-large);border-color:var(--dds-border-neutral-transparent-interactive, #fff500)}.button__highcontrast:active{border-width:var(--dds-border-width-xlarge)}.button{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:auto;height:auto;column-gap:var(--dds-spacing-100);transition:var(--dds-button-transition);border:var(--dds-border-width-large) solid transparent;border-radius:var(--dds-button-border-radius);font-weight:var(--dds-button-font-weight);line-height:var(--dds-button-line-height);vertical-align:top;cursor:pointer}.button:focus-visible{outline-style:solid}.button .button__text{padding:0 var(--dds-spacing-100)}.button .button__text span{line-height:var(--dds-button-line-height)}.button[disabled],.button.button--disabled{opacity:var(--dds-button-disabled-opacity);cursor:not-allowed}.button[disabled]:focus-visible,.button.button--disabled:focus-visible{outline-style:solid}.button[disabled]>*,.button.button--disabled>*{pointer-events:none}.button.dds-button--loading .button__spinner{display:flex;position:absolute;align-items:center;justify-content:center;animation:dds-spin 1s linear infinite}.button.dds-button--loading .button__text{opacity:0}.button--lg{min-width:var(--dds-spacing-2400);min-height:var(--dds-button-size-lg);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:1.125rem}.button--lg.dds-button--circle{width:var(--dds-button-circle-lg);min-width:0;min-height:var(--dds-button-circle-lg);padding:0}.button--md{min-width:var(--dds-spacing-2000);min-height:var(--dds-button-size-md);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:1rem}.button--md.dds-button--circle{width:var(--dds-button-circle-md);min-width:0;max-width:var(--dds-button-circle-md);min-height:var(--dds-button-circle-md);padding:0}.button--sm{min-width:var(--dds-spacing-1200);min-height:var(--dds-button-size-sm);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:.875rem}.button--sm.dds-button--circle{width:var(--dds-button-circle-sm);min-width:0;max-width:var(--dds-button-circle-sm);min-height:var(--dds-button-circle-sm);padding:0}.button--xs{min-width:var(--dds-spacing-1200);min-height:var(--dds-button-size-xs);padding:0 calc(var(--dds-button-padding-x) - var(--dds-border-width-large));font-size:var(--dds-font-xs)}.button--xs.dds-button--circle{width:var(--dds-button-circle-xs);min-width:0;max-width:var(--dds-button-circle-xs);min-height:var(--dds-button-circle-xs);padding:0}.button--icon{border-width:0;background-color:var(--dds-black-5);color:var(--dds-icon-neutral-base)}.button--icon:hover{background-color:var(--dds-black-10)}.button--icon:active{background-color:var(--dds-black-20)}.button--icon.disabled{border-width:0;background-color:transparent;cursor:not-allowed}.button--icon.disabled:hover{background-color:transparent}.button--primary{background-color:var(--dds-button-primary-color-bg);color:var(--dds-button-primary-color-text)}.button--primary:hover{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary:active{background-color:var(--dds-button-primary-color-bg-active)}.button--primary[disabled],.button--primary.button--disabled{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--primary.dds-link{color:var(--dds-button-primary-color-text);text-decoration:none}.button--primary.dds-link:hover,.button--primary.dds-link:active{color:var(--dds-button-primary-color-text)}.button--primary.dds-button--active{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);background-color:var(--dds-button-primary-inverted-color-bg);color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted:hover{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary-inverted:active{background-color:var(--dds-button-primary-inverted-color-bg-active)}.button--primary-inverted[disabled],.button--primary-inverted.button--disabled{background-color:var(--dds-button-primary-inverted-color-bg-disabled);color:var(--dds-button-primary-inverted-color-text-disabled)}.button--primary-inverted.dds-link{color:var(--dds-button-primary-inverted-color-text);text-decoration:none}.button--primary-inverted.dds-link:hover,.button--primary-inverted.dds-link:active{color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted.dds-button--active{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary.dds-button--danger,.button--primary-inverted.dds-button--danger{background-color:var(--dds-button-danger-color-bg);color:var(--dds-button-danger-color-text)}.button--primary.dds-button--danger:hover,.button--primary-inverted.dds-button--danger:hover{background-color:var(--dds-button-danger-color-bg-hover)}.button--primary.dds-button--danger:active,.button--primary-inverted.dds-button--danger:active{background-color:var(--dds-button-danger-color-bg-active)}.button--primary[disabled],.button--primary.button--disabled,.button--primary-inverted[disabled],.button--primary-inverted.button--disabled,.button--primary[disabled]:hover,.button--primary.button--disabled:hover,.button--primary-inverted[disabled]:hover,.button--primary-inverted.button--disabled:hover,.button--primary[disabled]:active,.button--primary.button--disabled:active,.button--primary-inverted[disabled]:active,.button--primary-inverted.button--disabled:active{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--outline{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border);background-color:transparent;color:var(--dds-button-outline-color-text)}.button--outline:hover{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline:active{border-color:var(--dds-button-outline-color-border-active);color:var(--dds-button-outline-color-text-active)}.button--outline[disabled],.button--outline.button--disabled{border-color:var(--dds-button-outline-color-border-disabled);color:var(--dds-button-outline-color-text-disabled)}.button--outline.dds-link{color:var(--dds-button-outline-color-text);text-decoration:none}.button--outline.dds-link:hover{color:var(--dds-button-outline-color-text-hover)}.button--outline.dds-link:active{color:var(--dds-button-outline-color-text-active)}.button--outline.dds-button--active{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-inverted-color-border);background-color:transparent;color:var(--dds-button-outline-inverted-color-text)}.button--outline-inverted:hover{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted:active{border-color:var(--dds-button-outline-inverted-color-border-active);color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted[disabled],.button--outline-inverted.button--disabled{border-color:var(--dds-button-outline-inverted-color-border-disabled);color:var(--dds-button-outline-inverted-color-text-disabled)}.button--outline-inverted.dds-link{color:var(--dds-button-outline-inverted-color-text);text-decoration:none}.button--outline-inverted.dds-link:hover{color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted.dds-link:active{color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted.dds-button--active{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline.dds-button--danger,.button--outline-inverted.dds-button--danger{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-danger-outline-color-border);background-color:transparent;color:var(--dds-button-danger-outline-color-text)}.button--outline.dds-button--danger:hover,.button--outline-inverted.dds-button--danger:hover{border-color:var(--dds-button-danger-outline-color-border-hover);color:var(--dds-button-danger-outline-color-text-hover)}.button--outline.dds-button--danger:active,.button--outline-inverted.dds-button--danger:active{border-color:var(--dds-button-danger-outline-color-border-active);color:var(--dds-button-danger-outline-color-text-active)}.button--outline[disabled],.button--outline.button--disabled,.button--outline-inverted[disabled],.button--outline-inverted.button--disabled{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border-disabled);background-color:transparent;color:var(--dds-button-outline-color-text-disabled)}.button--subtle{border:var(--dds-border-width-base) solid var(--dds-button-subtle-color-border);background-color:var(--dds-button-subtle-color-bg);color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled))}.button--subtle:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle[disabled],.button--subtle.button--disabled{border-color:var(--dds-button-subtle-color-border-disabled);background-color:var(--dds-button-subtle-color-bg-disabled);color:var(--dds-button-subtle-color-text-disabled)}.button--subtle.dds-link{color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled));text-decoration:none}.button--subtle.dds-link:hover{color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle.dds-link:active{color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle.dds-button--danger{border:var(--dds-border-width-base) solid var(--dds-button-subtle-destructive-color-border);background-color:var(--dds-button-subtle-destructive-color-bg);color:var(--dds-button-subtle-destructive-color-text)}.button--subtle.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-neutral{border:var(--dds-border-width-base) solid var(--dds-button-subtle-neutral-color-border, var(--dds-button-subtle-border-neutral-enabled));background-color:var(--dds-button-subtle-neutral-color-bg, var(--dds-button-subtle-background-neutral-enabled));color:var(--dds-button-subtle-neutral-color-text, var(--dds-button-subtle-text-neutral-enabled))}.button--subtle-neutral:hover{border-color:var(--dds-button-subtle-neutral-color-border-hover, var(--dds-button-subtle-border-neutral-hover));background-color:var(--dds-button-subtle-neutral-color-bg-hover, var(--dds-button-subtle-background-neutral-hover));color:var(--dds-button-subtle-neutral-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-neutral:active{border-color:var(--dds-button-subtle-neutral-color-border-active, var(--dds-button-subtle-border-neutral-pressed));background-color:var(--dds-button-subtle-neutral-color-bg-active, var(--dds-button-subtle-background-neutral-pressed));color:var(--dds-button-subtle-neutral-color-text-active, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-neutral.dds-link{color:var(--dds-button-subtle-neutral-color-text, var(--dds-button-subtle-text-neutral-enabled));text-decoration:none}.button--subtle-neutral.dds-link:hover{color:var(--dds-button-subtle-neutral-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-neutral.dds-link:active{color:var(--dds-button-subtle-neutral-color-text-active, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-neutral.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-neutral.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-neutral.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-neutral.dds-button--active{border-color:var(--dds-button-subtle-neutral-color-border-hover, var(--dds-button-subtle-border-neutral-hover));background-color:var(--dds-button-subtle-neutral-color-bg-hover, var(--dds-button-subtle-background-neutral-hover));color:var(--dds-button-subtle-neutral-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-menu{border:var(--dds-border-width-base) solid transparent;border-radius:var(--dds-button-subtle-menu-border-radius);background-color:transparent;color:var(--dds-button-subtle-menu-color-text, var(--dds-button-subtle-text-neutral-enabled))}.button--subtle-menu:hover{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-hover, var(--dds-button-subtle-background-neutral-hover));color:var(--dds-button-subtle-menu-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-menu:active{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-active, var(--dds-button-subtle-background-neutral-pressed));color:var(--dds-button-subtle-menu-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-menu.dds-link{color:var(--dds-button-subtle-menu-color-text, var(--dds-button-subtle-text-neutral-enabled));text-decoration:none}.button--subtle-menu.dds-link:hover,.button--subtle-menu.dds-link:active{color:var(--dds-button-subtle-menu-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-menu.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-menu.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-menu.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-menu.dds-button--active{border-color:transparent;background-color:var(--dds-button-subtle-menu-color-bg-active, var(--dds-button-subtle-background-neutral-pressed));color:var(--dds-button-subtle-menu-color-text-hover, var(--dds-button-subtle-text-neutral-hover))}.button--subtle-menu-item{display:flex;align-items:center;width:100%;min-width:auto;height:auto;padding:var(--dds-button-subtle-menu-item-padding);border:0;border-radius:var(--dds-button-subtle-menu-item-border-radius);background-color:var(--dds-button-subtle-menu-item-color-bg);color:var(--dds-button-subtle-menu-item-color-text);font-family:var(--dds-font-type);font-size:var(--dds-button-subtle-menu-item-font-size);font-weight:var(--dds-button-subtle-menu-item-font-weight);line-height:var(--dds-button-subtle-menu-item-line-height);text-align:left;text-decoration:none}.button--subtle-menu-item .button__text{display:flex;flex:1;align-items:center;padding:0;gap:var(--dds-spacing-100)}.button--subtle-menu-item:hover:not([disabled],.button--disabled){background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item:active:not([disabled],.button--disabled){background-color:var(--dds-button-subtle-menu-item-color-bg-active);color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-menu-item:focus-visible:not([disabled],.button--disabled){outline-style:solid}.button--subtle-menu-item.dds-button--active{background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text)}.button--subtle-menu-item[disabled],.button--subtle-menu-item.button--disabled{opacity:.5;color:var(--dds-button-subtle-menu-item-color-text-disabled);cursor:not-allowed}.button--subtle-menu-item.dds-link{color:var(--dds-button-subtle-menu-item-color-text);text-decoration:none}.button--subtle-menu-item.dds-link:hover{color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item.dds-link:active{color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-quiet{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled))}.button--subtle-quiet:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-quiet:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle-quiet[disabled],.button--subtle-quiet.button--disabled{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text-disabled)}.button--subtle-quiet.dds-link{color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled));text-decoration:none}.button--subtle-quiet.dds-link:hover{color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-quiet.dds-link:active{color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle-quiet.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-quiet.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-quiet.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-quiet.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border, var(--dds-button-subtle-border-inverted-enabled));background-color:var(--dds-button-subtle-inverted-color-bg, var(--dds-button-subtle-background-inverted-enabled));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-inverted:hover{background-color:var(--dds-button-subtle-inverted-color-bg-hover, var(--dds-button-subtle-background-inverted-hover));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-inverted:active{background-color:var(--dds-button-subtle-inverted-color-bg-active, var(--dds-button-subtle-background-inverted-pressed));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-inverted.dds-link{color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled));text-decoration:none}.button--subtle-inverted.dds-link:hover{color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-inverted.dds-link:active{color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle-inverted.dds-button--active{background-color:var(--dds-button-subtle-inverted-color-bg-hover, var(--dds-button-subtle-background-inverted-hover));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-quiet-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-quiet-inverted:hover{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border, var(--dds-button-subtle-border-inverted-enabled));background-color:var(--dds-button-subtle-inverted-color-bg-hover, var(--dds-button-subtle-background-inverted-hover));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-quiet-inverted:active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border, var(--dds-button-subtle-border-inverted-enabled));background-color:var(--dds-button-subtle-inverted-color-bg-active, var(--dds-button-subtle-background-inverted-pressed));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--subtle-quiet-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-quiet-inverted.dds-link{color:var(--dds-button-subtle-color-text, var(--dds-button-subtle-text-enabled));text-decoration:none}.button--subtle-quiet-inverted.dds-link:hover{color:var(--dds-button-subtle-color-text-hover, var(--dds-button-subtle-text-hover))}.button--subtle-quiet-inverted.dds-link:active{color:var(--dds-button-subtle-color-text-active, var(--dds-button-subtle-text-pressed))}.button--subtle-quiet-inverted.dds-button--active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-inverted-color-border, var(--dds-button-subtle-border-inverted-enabled));background-color:var(--dds-button-subtle-inverted-color-bg-hover, var(--dds-button-subtle-background-inverted-hover));color:var(--dds-button-subtle-inverted-color-text, var(--dds-button-subtle-text-inverted))}.button--clean{width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-color-text, var(--dds-text-link-base))}.button--clean .button__text{padding:0}.button--clean:hover{color:var(--dds-button-clean-color-text-hover, var(--dds-text-link-hover))}.button--clean:active{color:var(--dds-button-clean-color-text-active, var(--dds-text-link-pressed))}.button--clean[disabled],.button--clean.button--disabled{color:var(--dds-button-clean-color-text-disabled, var(--dds-text-neutral-disabled))}.button--clean-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-inverted-color-text, var(--dds-button-primary-text-inverted))}.button--clean-inverted .button__text{padding:0}.button--clean-inverted:hover{color:var(--dds-button-clean-inverted-color-text-hover, var(--dds-button-primary-text-inverted))}.button--clean-inverted:active{color:var(--dds-button-clean-inverted-color-text-active, var(--dds-button-primary-text-inverted))}.button--clean-inverted[disabled],.button--clean-inverted.button--disabled{color:var(--dds-button-clean-inverted-color-text-disabled, var(--dds-text-neutral-disabled))}.button--clean.dds-button--danger,.button--clean-inverted.dds-button--danger{border-width:0;background-color:transparent;color:var(--dds-button-danger-clean-color-text, var(--dds-button-subtle-text-destructive-enabled))}.button--clean.dds-button--danger:hover,.button--clean-inverted.dds-button--danger:hover{color:var(--dds-button-danger-clean-color-text-hover, var(--dds-button-subtle-text-destructive-hover))}.button--clean.dds-button--danger:active,.button--clean-inverted.dds-button--danger:active{color:var(--dds-button-danger-clean-color-text-active, var(--dds-button-subtle-text-destructive-pressed))}.button--clean[disabled],.button--clean.button--disabled,.button--clean-inverted[disabled],.button--clean-inverted.button--disabled{border-width:0;background-color:transparent;color:var(--dds-text-neutral-disabled)}.button--clean[disabled]:hover,.button--clean.button--disabled:hover,.button--clean-inverted[disabled]:hover,.button--clean-inverted.button--disabled:hover{background-color:transparent;color:var(--dds-text-neutral-disabled)}.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}";
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/navigation-menu/submenu-controller.js CHANGED
@@ -35,7 +35,7 @@ class o {
35
35
  var t;
36
36
  e.target === this.host ? (e.preventDefault(), e.stopPropagation()) : e.target instanceof Element && (e.target.tagName.toLowerCase() === "dap-ds-navigation-menu-item" || (t = e.target.getAttribute("role")) != null && t.startsWith("menuitem")) && this.disableSubmenu();
37
37
  }, this.handleFocusOut = (e) => {
38
- e.relatedTarget && e.relatedTarget instanceof Element && this.host.contains(e.relatedTarget) || this.disableSubmenu();
38
+ e.relatedTarget && (e.relatedTarget instanceof Element && this.host.contains(e.relatedTarget) || this.disableSubmenu());
39
39
  }, this.updateSafeTriangle = () => {
40
40
  const e = this.host.popup;
41
41
  if (!e || !this.host.opened)
package/dist/components/navigation-menu/submenu-controller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"submenu-controller.js","sources":["../../../src/components/navigation-menu/submenu-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport type DapDSNavigationMenuItem from './navigation-menu-item.component'\n\n/** A reactive controller to manage submenu opening/closing with hover delay and safe triangle */\nexport class SubmenuController implements ReactiveController {\n private host: ReactiveControllerHost & DapDSNavigationMenuItem\n private enableSubmenuTimer = -1\n private isConnected = false\n private readonly submenuOpenDelay = 100\n\n constructor(host: ReactiveControllerHost & DapDSNavigationMenuItem) {\n ;(this.host = host).addController(this)\n }\n\n hostConnected() {\n if (this.hasSubmenu() && !this.host.disabled) {\n this.addListeners()\n }\n }\n\n hostDisconnected() {\n this.removeListeners()\n }\n\n hostUpdated() {\n if (this.hasSubmenu() && !this.host.disabled) {\n this.addListeners()\n } else {\n this.removeListeners()\n }\n }\n\n private hasSubmenu(): boolean {\n return this.host.hasNestedItems || this.host.hasContent\n }\n\n private addListeners() {\n if (!this.isConnected) {\n this.host.addEventListener('mousemove', this.handleMouseMove)\n this.host.addEventListener('mouseover', this.handleMouseOver)\n this.host.addEventListener('keydown', this.handleKeyDown)\n this.host.addEventListener('click', this.handleClick)\n this.host.addEventListener('focusout', this.handleFocusOut)\n this.isConnected = true\n }\n }\n\n private removeListeners() {\n if (this.isConnected) {\n this.host.removeEventListener('mousemove', this.handleMouseMove)\n this.host.removeEventListener('mouseover', this.handleMouseOver)\n this.host.removeEventListener('keydown', this.handleKeyDown)\n this.host.removeEventListener('click', this.handleClick)\n this.host.removeEventListener('focusout', this.handleFocusOut)\n this.isConnected = false\n }\n }\n\n // Set the safe triangle cursor position\n private handleMouseMove = (event: MouseEvent) => {\n this.host.style.setProperty(\n '--safe-triangle-cursor-x',\n `${event.clientX}px`,\n )\n this.host.style.setProperty(\n '--safe-triangle-cursor-y',\n `${event.clientY}px`,\n )\n }\n\n private handleMouseOver = () => {\n if (this.hasSubmenu()) {\n this.enableSubmenu(true) // With delay for mouse\n }\n }\n\n private handleSubmenuEntry(event: KeyboardEvent) {\n if (!this.hasSubmenu()) return\n\n // Open the submenu (if not open), and set focus to first menuitem\n event.preventDefault()\n event.stopPropagation()\n\n if (this.host.opened) {\n this.host.focusFirstDropdownChild()\n } else {\n this.enableSubmenu(false) // Instant for keyboard\n this.host.updateComplete.then(() => {\n this.host.focusFirstDropdownChild()\n })\n }\n }\n\n // Focus on the first menu-item of a submenu\n private handleKeyDown = (event: KeyboardEvent) => {\n const target = event.target as HTMLElement\n\n // Check if the event is coming from a nested navigation-menu-item\n // If so, don't handle it - let the nested item handle it\n const closestNavItem = target.closest('dap-ds-navigation-menu-item')\n if (closestNavItem && closestNavItem !== this.host) {\n // This is a nested item, don't handle the event\n return\n }\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault()\n event.stopPropagation()\n this.disableSubmenu()\n this.host.focus()\n break\n case 'Tab':\n this.disableSubmenu()\n break\n case 'ArrowLeft':\n // Either focus is currently on the host element or a child\n if (event.target !== this.host) {\n event.preventDefault()\n event.stopPropagation()\n this.host.focus()\n this.disableSubmenu()\n }\n break\n case 'ArrowRight':\n // Only handle ArrowRight for nested items (level > 0)\n // For top-level items (level 0), let parent handle navigation\n if (this.host.level > 0) {\n this.handleSubmenuEntry(event)\n }\n break\n case 'Enter':\n case ' ':\n // Only handle Enter/Space when focus is on the host's trigger element\n // Not when focus is on nested items or links inside nested items\n // Check if target is the host or is inside the host but not in a nested item\n if (\n target === this.host ||\n (this.host.contains(target) &&\n !target.closest('dap-ds-navigation-menu-item'))\n ) {\n this.handleSubmenuEntry(event)\n }\n break\n default:\n break\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n // Clicking on the item which heads the menu does nothing, otherwise hide submenu and propagate\n if (event.target === this.host) {\n event.preventDefault()\n event.stopPropagation()\n } else if (\n event.target instanceof Element &&\n (event.target.tagName.toLowerCase() === 'dap-ds-navigation-menu-item' ||\n event.target.getAttribute('role')?.startsWith('menuitem'))\n ) {\n this.disableSubmenu()\n }\n }\n\n // Close this submenu on focus outside of the parent or any descendants\n private handleFocusOut = (event: FocusEvent) => {\n if (\n event.relatedTarget &&\n event.relatedTarget instanceof Element &&\n this.host.contains(event.relatedTarget)\n ) {\n return\n }\n this.disableSubmenu()\n }\n\n // Set the safe triangle values for the submenu when the position changes\n updateSafeTriangle = () => {\n const popup = this.host.popup\n if (!popup || !this.host.opened) {\n return\n }\n\n const { left, top, height } = popup.getBoundingClientRect()\n\n this.host.style.setProperty('--safe-triangle-submenu-start-x', `${left}px`)\n this.host.style.setProperty('--safe-triangle-submenu-start-y', `${top}px`)\n this.host.style.setProperty('--safe-triangle-submenu-end-x', `${left}px`)\n this.host.style.setProperty(\n '--safe-triangle-submenu-end-y',\n `${top + height}px`,\n )\n }\n\n private setSubmenuState(state: boolean, byHover = false) {\n if (state !== this.host.opened) {\n if (state) {\n this.host.showDropDown(byHover)\n // Update safe triangle after opening\n this.host.updateComplete.then(() => {\n this.updateSafeTriangle()\n })\n } else {\n this.host.hideDropDown()\n }\n }\n }\n\n // Shows the submenu. Supports disabling the opening delay for keyboard events\n private enableSubmenu(delay = true) {\n if (delay) {\n window.clearTimeout(this.enableSubmenuTimer)\n this.enableSubmenuTimer = window.setTimeout(() => {\n // Mark as opened by hover when using delay (mouse hover)\n this.setSubmenuState(true, true)\n }, this.submenuOpenDelay)\n } else {\n // Keyboard navigation - not opened by hover\n this.setSubmenuState(true, false)\n }\n }\n\n private disableSubmenu() {\n window.clearTimeout(this.enableSubmenuTimer)\n this.setSubmenuState(false)\n }\n\n // Public method to cancel pending submenu opening timer\n // Used when closing siblings to prevent race conditions\n public cancelPendingOpen() {\n window.clearTimeout(this.enableSubmenuTimer)\n }\n}\n"],"names":["SubmenuController","host","event","target","closestNavItem","_a","popup","left","top","height","state","byHover","delay"],"mappings":"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"}
1
+ {"version":3,"file":"submenu-controller.js","sources":["../../../src/components/navigation-menu/submenu-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport type DapDSNavigationMenuItem from './navigation-menu-item.component'\n\n/** A reactive controller to manage submenu opening/closing with hover delay and safe triangle */\nexport class SubmenuController implements ReactiveController {\n private host: ReactiveControllerHost & DapDSNavigationMenuItem\n private enableSubmenuTimer = -1\n private isConnected = false\n private readonly submenuOpenDelay = 100\n\n constructor(host: ReactiveControllerHost & DapDSNavigationMenuItem) {\n ;(this.host = host).addController(this)\n }\n\n hostConnected() {\n if (this.hasSubmenu() && !this.host.disabled) {\n this.addListeners()\n }\n }\n\n hostDisconnected() {\n this.removeListeners()\n }\n\n hostUpdated() {\n if (this.hasSubmenu() && !this.host.disabled) {\n this.addListeners()\n } else {\n this.removeListeners()\n }\n }\n\n private hasSubmenu(): boolean {\n return this.host.hasNestedItems || this.host.hasContent\n }\n\n private addListeners() {\n if (!this.isConnected) {\n this.host.addEventListener('mousemove', this.handleMouseMove)\n this.host.addEventListener('mouseover', this.handleMouseOver)\n this.host.addEventListener('keydown', this.handleKeyDown)\n this.host.addEventListener('click', this.handleClick)\n this.host.addEventListener('focusout', this.handleFocusOut)\n this.isConnected = true\n }\n }\n\n private removeListeners() {\n if (this.isConnected) {\n this.host.removeEventListener('mousemove', this.handleMouseMove)\n this.host.removeEventListener('mouseover', this.handleMouseOver)\n this.host.removeEventListener('keydown', this.handleKeyDown)\n this.host.removeEventListener('click', this.handleClick)\n this.host.removeEventListener('focusout', this.handleFocusOut)\n this.isConnected = false\n }\n }\n\n // Set the safe triangle cursor position\n private handleMouseMove = (event: MouseEvent) => {\n this.host.style.setProperty(\n '--safe-triangle-cursor-x',\n `${event.clientX}px`,\n )\n this.host.style.setProperty(\n '--safe-triangle-cursor-y',\n `${event.clientY}px`,\n )\n }\n\n private handleMouseOver = () => {\n if (this.hasSubmenu()) {\n this.enableSubmenu(true) // With delay for mouse\n }\n }\n\n private handleSubmenuEntry(event: KeyboardEvent) {\n if (!this.hasSubmenu()) return\n\n // Open the submenu (if not open), and set focus to first menuitem\n event.preventDefault()\n event.stopPropagation()\n\n if (this.host.opened) {\n this.host.focusFirstDropdownChild()\n } else {\n this.enableSubmenu(false) // Instant for keyboard\n this.host.updateComplete.then(() => {\n this.host.focusFirstDropdownChild()\n })\n }\n }\n\n // Focus on the first menu-item of a submenu\n private handleKeyDown = (event: KeyboardEvent) => {\n const target = event.target as HTMLElement\n\n // Check if the event is coming from a nested navigation-menu-item\n // If so, don't handle it - let the nested item handle it\n const closestNavItem = target.closest('dap-ds-navigation-menu-item')\n if (closestNavItem && closestNavItem !== this.host) {\n // This is a nested item, don't handle the event\n return\n }\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault()\n event.stopPropagation()\n this.disableSubmenu()\n this.host.focus()\n break\n case 'Tab':\n this.disableSubmenu()\n break\n case 'ArrowLeft':\n // Either focus is currently on the host element or a child\n if (event.target !== this.host) {\n event.preventDefault()\n event.stopPropagation()\n this.host.focus()\n this.disableSubmenu()\n }\n break\n case 'ArrowRight':\n // Only handle ArrowRight for nested items (level > 0)\n // For top-level items (level 0), let parent handle navigation\n if (this.host.level > 0) {\n this.handleSubmenuEntry(event)\n }\n break\n case 'Enter':\n case ' ':\n // Only handle Enter/Space when focus is on the host's trigger element\n // Not when focus is on nested items or links inside nested items\n // Check if target is the host or is inside the host but not in a nested item\n if (\n target === this.host ||\n (this.host.contains(target) &&\n !target.closest('dap-ds-navigation-menu-item'))\n ) {\n this.handleSubmenuEntry(event)\n }\n break\n default:\n break\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n // Clicking on the item which heads the menu does nothing, otherwise hide submenu and propagate\n if (event.target === this.host) {\n event.preventDefault()\n event.stopPropagation()\n } else if (\n event.target instanceof Element &&\n (event.target.tagName.toLowerCase() === 'dap-ds-navigation-menu-item' ||\n event.target.getAttribute('role')?.startsWith('menuitem'))\n ) {\n this.disableSubmenu()\n }\n }\n\n // Close this submenu on focus outside of the parent or any descendants\n private handleFocusOut = (event: FocusEvent) => {\n if (!event.relatedTarget) {\n return\n }\n\n if (\n event.relatedTarget instanceof Element &&\n this.host.contains(event.relatedTarget)\n ) {\n return\n }\n this.disableSubmenu()\n }\n\n // Set the safe triangle values for the submenu when the position changes\n updateSafeTriangle = () => {\n const popup = this.host.popup\n if (!popup || !this.host.opened) {\n return\n }\n\n const { left, top, height } = popup.getBoundingClientRect()\n\n this.host.style.setProperty('--safe-triangle-submenu-start-x', `${left}px`)\n this.host.style.setProperty('--safe-triangle-submenu-start-y', `${top}px`)\n this.host.style.setProperty('--safe-triangle-submenu-end-x', `${left}px`)\n this.host.style.setProperty(\n '--safe-triangle-submenu-end-y',\n `${top + height}px`,\n )\n }\n\n private setSubmenuState(state: boolean, byHover = false) {\n if (state !== this.host.opened) {\n if (state) {\n this.host.showDropDown(byHover)\n // Update safe triangle after opening\n this.host.updateComplete.then(() => {\n this.updateSafeTriangle()\n })\n } else {\n this.host.hideDropDown()\n }\n }\n }\n\n // Shows the submenu. Supports disabling the opening delay for keyboard events\n private enableSubmenu(delay = true) {\n if (delay) {\n window.clearTimeout(this.enableSubmenuTimer)\n this.enableSubmenuTimer = window.setTimeout(() => {\n // Mark as opened by hover when using delay (mouse hover)\n this.setSubmenuState(true, true)\n }, this.submenuOpenDelay)\n } else {\n // Keyboard navigation - not opened by hover\n this.setSubmenuState(true, false)\n }\n }\n\n private disableSubmenu() {\n window.clearTimeout(this.enableSubmenuTimer)\n this.setSubmenuState(false)\n }\n\n // Public method to cancel pending submenu opening timer\n // Used when closing siblings to prevent race conditions\n public cancelPendingOpen() {\n window.clearTimeout(this.enableSubmenuTimer)\n }\n}\n"],"names":["SubmenuController","host","event","target","closestNavItem","_a","popup","left","top","height","state","byHover","delay"],"mappings":"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"}