dap-design-system 0.56.1 → 0.56.3

package/dist/components/skeleton/skeleton.component.d.ts

@@ -18,7 +18,8 @@ export type SkeletonAnimation = 'wave' | 'pulse' | 'custom';
  *
  * @csspart base - The main skeleton container.
  *
- * @cssprop --dds-skeleton-color - The base color of the skeleton (default: linear-gradient(90deg, transparent, rgb(0 0 0 / 10%), transparent))
+ * @cssprop --dds-skeleton-base-color - Solid background color always visible (default: rgb(0 0 0 / 11%)); shown as a static block when prefers-reduced-motion is active
+ * @cssprop --dds-skeleton-color - The shimmer overlay gradient (default: linear-gradient(90deg, transparent, rgb(0 0 0 / 10%), transparent))
  * @cssprop --dds-skeleton-animation-duration - Duration of the loading animation (default: 1.5s)
  * @cssprop --dds-skeleton-border-radius - Border radius for rectangular skeletons (default: var(--dds-radius-small))
  * @cssprop --dds-skeleton-text-spacing - Spacing between text lines in text variant (default: var(--dds-spacing-100))

package/dist/{components-DbfOkrus.js → components-BGZgdmkY.js}

@@ -17505,7 +17505,7 @@ ci([
 Le = ci([
   O("dap-ds-progress")
 ], Le);
-const rm = ':root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}*,*: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}.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}}.choice{display:flex;flex-direction:column;cursor:pointer}.choice:focus-visible{outline:none}.choice--disabled,.choice--readonly{cursor:not-allowed}.choice.choice__label--right .choice__label-container{order:4}.choice.choice__label--right .input__control{margin-right:var(--dds-spacing-200);margin-left:0}.choice.choice__label--left{justify-content:space-between}.choice.choice__label--left .choice__label-container{order:-1}.choice.choice__label--left .input__control{margin-right:0;margin-left:var(--dds-spacing-200)}.choice>div{display:flex}.label{font-weight:400;line-height:150%}.choice__label-container{display:flex;flex-direction:column}.choice__label-container .label,.choice__label-container .description{margin:0}.choice__label-container dap-ds-tooltip::part(icon){order:2}.choice__label-container--disabled,.choice__label-container--readonly{cursor:default}.choice__label-container.choice__label--top .description{order:4}.choice__label-container.choice__label--top .label{order:1}.choice__label-container.choice__label--top dap-ds-tooltip::part(icon){margin-left:var(--dds-spacing-400)}.choice__label-container.choice__label--bottom .description{order:1}.choice__label-container.choice__label--bottom .label{order:4}.choice__label-container.choice__label--bottom dap-ds-tooltip::part(icon){margin-right:var(--dds-spacing-400)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-radio-size: var(--dds-spacing-600);--dds-radio-border-width: var(--dds-border-width-large);--dds-radio-border-radius: var(--dds-radius-rounded);--dds-radio-border-color: var(--dds-border-neutral-base);--dds-radio-background-color: var(--dds-background-neutral-base);--dds-radio-hover-border-color: var(--dds-border-neutral-medium);--dds-radio-hover-background-color: var(--dds-background-neutral-medium);--dds-radio-active-border-color: var(--dds-border-neutral-strong);--dds-radio-active-background-color: var(--dds-background-neutral-strong);--dds-radio-checked-background-color: var( --dds-background-brand-base-inverted );--dds-radio-checked-hover-background-color: var( --dds-background-brand-medium-inverted );--dds-radio-checked-active-background-color: var( --dds-background-brand-strong-inverted );--dds-radio-disabled-background-color: var(--dds-background-neutral-disabled);--dds-radio-icon-background-color: var(--dds-transparent-white-strong-static);--dds-radio-disabled-icon-background-color: var( --dds-background-neutral-stronger );--dds-radio-invalid-border-color: var(--dds-border-negative-base);--dds-radio-invalid-background-color: var(--dds-background-negative-base);--dds-radio-invalid-hover-border-color: var(--dds-border-negative-medium);--dds-radio-invalid-hover-background-color: var( --dds-background-negative-medium );--dds-radio-invalid-active-border-color: var(--dds-border-negative-strong);--dds-radio-invalid-active-background-color: var( --dds-background-negative-strong );--dds-radio-invalid-checked-background-color: var( --dds-background-negative-base-inverted );--dds-radio-invalid-checked-hover-background-color: var( --dds-background-negative-medium-inverted );--dds-radio-invalid-checked-active-background-color: var( --dds-background-negative-strong-inverted );--dds-radio-icon-size: var(--dds-spacing-300);--dds-radio-readonly-border-color: var(--dds-border-neutral-subtle);--dds-radio-readonly-background-color: var(--dds-background-neutral-disabled);--dds-radio-readonly-icon-background-color: var( --dds-background-neutral-stronger )}.input__control-high-contrast{display:inline-flex;position:absolute;box-sizing:border-box;flex:0 0 auto;width:var(--dds-radio-size);min-width:var(--dds-radio-size);height:var(--dds-radio-size);border:var(--dds-radio-border-width) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radio-border-radius)}.input__control-high-contrast:hover{border-width:var(--dds-radio-border-width)}.input__control-high-contrast:active{border-width:var(--dds-border-width-xlarge)}.input__control-high-contrast.input__control-high-contrast--disabled{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-button-primary-background-disabled);cursor:not-allowed}.input__control-high-contrast.input__control-high-contrast--readonly{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-button-primary-background-disabled);cursor:default}.input__wrapper{position:relative;border:var(--dds-border-width-base) solid transparent}.input__wrapper--border,.input__wrapper--background{padding:var(--dds-spacing-400);border-radius:var(--dds-radius-base)}.input__wrapper--background{background-color:var(--dds-background-neutral-subtle)}.input__wrapper--border{border:var(--dds-border-width-base) solid var(--dds-border-neutral-subtle)}.radio__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.radio__input[readonly]{pointer-events:none}.radio__icon{width:var(--dds-radio-icon-size);height:var(--dds-radio-icon-size);border-radius:var(--dds-radio-border-radius);opacity:0;background-color:var(--dds-radio-icon-background-color)}:host(:focus-visible) .input__wrapper:not(.input__wrapper--background) .input__control{outline-style:solid}:host(:focus-visible) .input__wrapper--background{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);outline-style:solid}.input__control{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:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--dds-radio-size);min-width:var(--dds-radio-size);height:var(--dds-radio-size);border-width:var(--dds-radio-border-width);border-style:solid;border-radius:var(--dds-radio-border-radius);border-color:var(--dds-radio-border-color);background-color:var(--dds-radio-background-color)}.input__control:hover{border-color:var(--dds-radio-hover-border-color);background-color:var(--dds-radio-hover-background-color)}.input__control:active{border-color:var(--dds-radio-active-border-color);background-color:var(--dds-radio-active-background-color)}.input__control.input__control--checked{border-width:0;background-color:var(--dds-radio-checked-background-color)}.input__control.input__control--checked:hover{background-color:var(--dds-radio-checked-hover-background-color)}.input__control.input__control--checked:active{background-color:var(--dds-radio-checked-active-background-color)}.input__control.input__control--checked .radio__icon{opacity:1}.input__control[disabled],.input__control:disabled,.input__control.input__control--disabled{border-width:0;background-color:var(--dds-radio-disabled-background-color);cursor:not-allowed;pointer-events:none}.input__control[disabled] .radio__icon,.input__control:disabled .radio__icon,.input__control.input__control--disabled .radio__icon{background-color:var(--dds-radio-disabled-icon-background-color)}.input__control[readonly],.input__control.input__control--readonly{border-width:0;background-color:var(--dds-radio-readonly-background-color);cursor:not-allowed;pointer-events:none}.input__control[readonly] .radio__icon,.input__control.input__control--readonly .radio__icon{background-color:var(--dds-radio-readonly-icon-background-color)}.input__control.dds-radiobutton--invalid,.input__control[invalid],.input__control:invalid,.input__control.input__control--invalid{border-color:var(--dds-radio-invalid-border-color);background-color:var(--dds-radio-invalid-background-color)}.input__control.dds-radiobutton--invalid:hover,.input__control[invalid]:hover,.input__control:invalid:hover,.input__control.input__control--invalid:hover{border-color:var(--dds-radio-invalid-hover-border-color);background-color:var(--dds-radio-invalid-hover-background-color)}.input__control.dds-radiobutton--invalid:active,.input__control[invalid]:active,.input__control:invalid:active,.input__control.input__control--invalid:active{border-color:var(--dds-radio-invalid-active-border-color);background-color:var(--dds-radio-invalid-active-background-color)}.input__control:invalid:checked,.input__control[invalid][checked],.input__control:invalid[checked],.input__control[invalid]:checked,.input__control.dds-radiobutton--invalid[checked],.input__control.dds-radiobutton--invalid:checked,.input__control.input__control--invalid.input__control--checked{border-width:0;background-color:var(--dds-radio-invalid-checked-background-color)}.input__control:invalid:checked:hover,.input__control[invalid][checked]:hover,.input__control:invalid[checked]:hover,.input__control[invalid]:checked:hover,.input__control.dds-radiobutton--invalid[checked]:hover,.input__control.dds-radiobutton--invalid:checked:hover,.input__control.input__control--invalid.input__control--checked:hover{background-color:var(--dds-radio-invalid-checked-hover-background-color)}.input__control:invalid:checked:active,.input__control[invalid][checked]:active,.input__control:invalid[checked]:active,.input__control[invalid]:checked:active,.input__control.dds-radiobutton--invalid[checked]:active,.input__control.dds-radiobutton--invalid:checked:active,.input__control.input__control--invalid.input__control--checked:active{background-color:var(--dds-radio-invalid-checked-active-background-color)}.radio--checked .input__wrapper--background{border-color:var(--dds-background-brand-base-inverted)}.radio--disabled .input__wrapper--background{background-color:var(--dds-background-neutral-disabled-inverted)}.radio--readonly .input__wrapper--background{background-color:var(--dds-background-neutral-subtle)}';
+const rm = ':root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}*,*: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}.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}}.choice{display:flex;flex-direction:column;cursor:pointer}.choice:focus-visible{outline:none}.choice--disabled,.choice--readonly{cursor:not-allowed}.choice.choice__label--right .choice__label-container{order:4}.choice.choice__label--right .input__control{margin-right:var(--dds-spacing-200);margin-left:0}.choice.choice__label--left{justify-content:space-between}.choice.choice__label--left .choice__label-container{order:-1}.choice.choice__label--left .input__control{margin-right:0;margin-left:var(--dds-spacing-200)}.choice>div{display:flex}.label{font-weight:400;line-height:150%}.choice__label-container{display:flex;flex-direction:column}.choice__label-container .label,.choice__label-container .description{margin:0}.choice__label-container dap-ds-tooltip::part(icon){order:2}.choice__label-container--disabled,.choice__label-container--readonly{cursor:default}.choice__label-container.choice__label--top .description{order:4}.choice__label-container.choice__label--top .label{order:1}.choice__label-container.choice__label--top dap-ds-tooltip::part(icon){margin-left:var(--dds-spacing-400)}.choice__label-container.choice__label--bottom .description{order:1}.choice__label-container.choice__label--bottom .label{order:4}.choice__label-container.choice__label--bottom dap-ds-tooltip::part(icon){margin-right:var(--dds-spacing-400)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-radio-size: var(--dds-spacing-600);--dds-radio-border-width: var(--dds-border-width-large);--dds-radio-border-radius: var(--dds-radius-rounded);--dds-radio-border-color: var(--dds-border-neutral-base);--dds-radio-background-color: var(--dds-background-neutral-base);--dds-radio-hover-border-color: var(--dds-border-neutral-medium);--dds-radio-hover-background-color: var(--dds-background-neutral-medium);--dds-radio-active-border-color: var(--dds-border-neutral-strong);--dds-radio-active-background-color: var(--dds-background-neutral-strong);--dds-radio-checked-background-color: var( --dds-background-brand-base-inverted );--dds-radio-checked-hover-background-color: var( --dds-background-brand-medium-inverted );--dds-radio-checked-active-background-color: var( --dds-background-brand-strong-inverted );--dds-radio-disabled-background-color: var(--dds-background-neutral-disabled);--dds-radio-icon-background-color: var(--dds-transparent-white-strong-static);--dds-radio-disabled-icon-background-color: var( --dds-background-neutral-stronger );--dds-radio-invalid-border-color: var(--dds-border-negative-base);--dds-radio-invalid-background-color: var(--dds-background-negative-base);--dds-radio-invalid-hover-border-color: var(--dds-border-negative-medium);--dds-radio-invalid-hover-background-color: var( --dds-background-negative-medium );--dds-radio-invalid-active-border-color: var(--dds-border-negative-strong);--dds-radio-invalid-active-background-color: var( --dds-background-negative-strong );--dds-radio-invalid-checked-background-color: var( --dds-background-negative-base-inverted );--dds-radio-invalid-checked-hover-background-color: var( --dds-background-negative-medium-inverted );--dds-radio-invalid-checked-active-background-color: var( --dds-background-negative-strong-inverted );--dds-radio-icon-size: var(--dds-spacing-300);--dds-radio-readonly-border-color: var(--dds-border-neutral-subtle);--dds-radio-readonly-background-color: var(--dds-background-neutral-disabled);--dds-radio-readonly-icon-background-color: var( --dds-background-neutral-stronger )}.input__control-high-contrast{display:inline-flex;position:absolute;box-sizing:border-box;flex:0 0 auto;width:var(--dds-radio-size);min-width:var(--dds-radio-size);height:var(--dds-radio-size);border:var(--dds-radio-border-width) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radio-border-radius)}.input__control-high-contrast:hover{border-width:var(--dds-radio-border-width)}.input__control-high-contrast:active{border-width:var(--dds-border-width-xlarge)}.input__control-high-contrast.input__control-high-contrast--disabled{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-button-primary-background-disabled);cursor:not-allowed}.input__control-high-contrast.input__control-high-contrast--readonly{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-button-primary-background-disabled);cursor:default}.input__wrapper{position:relative;border:var(--dds-border-width-base) solid transparent}.input__wrapper--border,.input__wrapper--background{padding:var(--dds-spacing-400);border-radius:var(--dds-radius-base)}.input__wrapper--background{background-color:var(--dds-background-neutral-subtle)}.input__wrapper--border{border:var(--dds-border-width-base) solid var(--dds-border-neutral-subtle)}.radio__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.radio__input[readonly]{pointer-events:none}.radio__icon{width:var(--dds-radio-icon-size);height:var(--dds-radio-icon-size);border-radius:var(--dds-radio-border-radius);opacity:0;background-color:var(--dds-radio-icon-background-color)}:host(:focus-visible) .input__wrapper:not(.input__wrapper--background) .input__control{outline-style:solid}:host(:focus-visible) .input__wrapper--background{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);outline-style:solid}.input__control{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:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--dds-radio-size);min-width:var(--dds-radio-size);height:var(--dds-radio-size);border-width:var(--dds-radio-border-width);border-style:solid;border-radius:var(--dds-radio-border-radius);border-color:var(--dds-radio-border-color);background-color:var(--dds-radio-background-color)}.input__control:hover{border-color:var(--dds-radio-hover-border-color);background-color:var(--dds-radio-hover-background-color)}.input__control:active{border-color:var(--dds-radio-active-border-color);background-color:var(--dds-radio-active-background-color)}.input__control.input__control--checked{border-width:0;background-color:var(--dds-radio-checked-background-color)}.input__control.input__control--checked:hover{background-color:var(--dds-radio-checked-hover-background-color)}.input__control.input__control--checked:active{background-color:var(--dds-radio-checked-active-background-color)}.input__control.input__control--checked .radio__icon{opacity:1}.input__control[disabled],.input__control:disabled,.input__control.input__control--disabled{border-width:0;background-color:var(--dds-radio-disabled-background-color);cursor:not-allowed;pointer-events:none}.input__control[disabled] .radio__icon,.input__control:disabled .radio__icon,.input__control.input__control--disabled .radio__icon{background-color:var(--dds-radio-disabled-icon-background-color)}.input__control[readonly],.input__control.input__control--readonly{border-width:0;background-color:var(--dds-radio-readonly-background-color);cursor:not-allowed;pointer-events:none}.input__control[readonly] .radio__icon,.input__control.input__control--readonly .radio__icon{background-color:var(--dds-radio-readonly-icon-background-color)}.input__control.dds-radiobutton--invalid,.input__control[invalid],.input__control:invalid,.input__control.input__control--invalid{border-color:var(--dds-radio-invalid-border-color);background-color:var(--dds-radio-invalid-background-color)}.input__control.dds-radiobutton--invalid:hover,.input__control[invalid]:hover,.input__control:invalid:hover,.input__control.input__control--invalid:hover{border-color:var(--dds-radio-invalid-hover-border-color);background-color:var(--dds-radio-invalid-hover-background-color)}.input__control.dds-radiobutton--invalid:active,.input__control[invalid]:active,.input__control:invalid:active,.input__control.input__control--invalid:active{border-color:var(--dds-radio-invalid-active-border-color);background-color:var(--dds-radio-invalid-active-background-color)}.input__control:invalid:checked,.input__control[invalid][checked],.input__control:invalid[checked],.input__control[invalid]:checked,.input__control.dds-radiobutton--invalid[checked],.input__control.dds-radiobutton--invalid:checked,.input__control.input__control--invalid.input__control--checked{border-width:0;background-color:var(--dds-radio-invalid-checked-background-color)}.input__control:invalid:checked:hover,.input__control[invalid][checked]:hover,.input__control:invalid[checked]:hover,.input__control[invalid]:checked:hover,.input__control.dds-radiobutton--invalid[checked]:hover,.input__control.dds-radiobutton--invalid:checked:hover,.input__control.input__control--invalid.input__control--checked:hover{background-color:var(--dds-radio-invalid-checked-hover-background-color)}.input__control:invalid:checked:active,.input__control[invalid][checked]:active,.input__control:invalid[checked]:active,.input__control[invalid]:checked:active,.input__control.dds-radiobutton--invalid[checked]:active,.input__control.dds-radiobutton--invalid:checked:active,.input__control.input__control--invalid.input__control--checked:active{background-color:var(--dds-radio-invalid-checked-active-background-color)}.radio--checked .input__wrapper--background{border-color:var(--dds-background-brand-base-inverted)}.radio--xs .label{margin-top:1px}.radio--disabled .input__wrapper--background{background-color:var(--dds-background-neutral-disabled-inverted)}.radio--readonly .input__wrapper--background{background-color:var(--dds-background-neutral-subtle)}';
 var am = Object.defineProperty, sm = Object.getOwnPropertyDescriptor, pi = (t, e, i, o) => {
   for (var r = o > 1 ? void 0 : o ? sm(e, i) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (r = (o ? s(e, i, r) : s(r)) || r);
@@ -17518,10 +17518,10 @@ let Pt = class extends Xa {
       e.key === "Enter" && (e.preventDefault(), HTMLElement.prototype.click.apply(this));
     }, Pt.nextId++;
     const t = typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID().slice(0, 8) : Date.now().toString(36);
-    this.inputId = `input-${Pt.nextId}-${t}`, this.labelId = `label-${Pt.nextId}-${t}`, this.descriptionId = `description-${Pt.nextId}-${t}`, this.feedbackId = `feedback-${Pt.nextId}-${t}`, this.internals.role = "radio", this.setAttribute("role", "radio");
+    this.inputId = `input-${Pt.nextId}-${t}`, this.labelId = `label-${Pt.nextId}-${t}`, this.descriptionId = `description-${Pt.nextId}-${t}`, this.feedbackId = `feedback-${Pt.nextId}-${t}`, this.internals.role = "radio";
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("focus", this.onFocus), this.addEventListener("blur", this.onBlur), this.addEventListener("keydown", this._onHostKeydown);
+    super.connectedCallback(), this.setAttribute("role", "radio"), this.addEventListener("focus", this.onFocus), this.addEventListener("blur", this.onBlur), this.addEventListener("keydown", this._onHostKeydown);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("focus", this.onFocus), this.removeEventListener("blur", this.onBlur), this.removeEventListener("keydown", this._onHostKeydown);
@@ -17689,6 +17689,7 @@ let Pt = class extends Xa {
                 .readonly=${this.readonly}
                 label=${f(this.label)}
                 subtle
+                .noMargin=${!0}
                 renderAs="span">
               </dap-ds-form-label>`}
               ${this.description && b`
@@ -18701,7 +18702,7 @@ Go([
 Ri = Go([
   O("dap-ds-sidenav-item")
 ], Ri);
-const Lm = '*,*: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}.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;width:var(--skeleton-width, auto);height:var(--skeleton-height, auto);--dds-skeleton-border-radius: var(--dds-radius-small);--dds-skeleton-animation-duration: 1.5s;--dds-skeleton-text-spacing: var(--dds-spacing-100);--dds-skeleton-animation-timing-function: ease-in-out;--dds-skeleton-color: linear-gradient( 90deg, transparent, rgb(0 0 0 / 10%), transparent )}:host([variant=text]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 1rem)}:host([variant=circular]){width:var(--skeleton-width, 2.5rem);height:var(--skeleton-height, 2.5rem)}:host([variant=rectangular]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 4rem)}.skeleton{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--dds-skeleton-border-radius);background-color:transparent}.skeleton:before{content:"";position:absolute;inset:0;background:var(--dds-skeleton-color)}.skeleton--animate:before{animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--wave:before{transform:translate(-100%);animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--pulse:before{transform:none;animation:skeleton-pulse var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite;background:var(rgba(0, 0, 0, .1))}.skeleton--text:not(:last-child){margin-bottom:var(--dds-skeleton-text-spacing)}.skeleton--circular{border-radius:50%}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion: reduce){.skeleton:before{animation:none}}';
+const Lm = '*,*: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}.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;width:var(--skeleton-width, auto);height:var(--skeleton-height, auto);--dds-skeleton-border-radius: var(--dds-radius-small);--dds-skeleton-animation-duration: 1.5s;--dds-skeleton-text-spacing: var(--dds-spacing-100);--dds-skeleton-animation-timing-function: ease-in-out;--dds-skeleton-base-color: rgb(0 0 0 / 11%);--dds-skeleton-color: linear-gradient( 90deg, transparent, rgb(0 0 0 / 10%), transparent )}:host([variant=text]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 1rem)}:host([variant=circular]){width:var(--skeleton-width, 2.5rem);height:var(--skeleton-height, 2.5rem)}:host([variant=rectangular]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 4rem)}.skeleton{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--dds-skeleton-border-radius);background-color:var(--dds-skeleton-base-color)}.skeleton:before{content:"";position:absolute;inset:0;background:var(--dds-skeleton-color)}.skeleton--animate:before{animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--wave:before{transform:translate(-100%);animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--pulse:before{transform:none;animation:skeleton-pulse var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite;background:var(rgba(0, 0, 0, .1))}.skeleton--text:not(:last-child){margin-bottom:var(--dds-skeleton-text-spacing)}.skeleton--circular{border-radius:50%}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion: reduce){.skeleton:before{display:none}}';
 var Em = Object.defineProperty, Pm = Object.getOwnPropertyDescriptor, Ui = (t, e, i, o) => {
   for (var r = o > 1 ? void 0 : o ? Pm(e, i) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (r = (o ? s(e, i, r) : s(r)) || r);
@@ -21523,7 +21524,7 @@ export {
   Na as Y,
   Ro as Z,
   ie as _,
-  Ut as a,
+  Qi as a,
   Ar as a0,
   zt as a1,
   Lr as a2,
@@ -21565,29 +21566,29 @@ export {
   ja as at,
   Gt as au,
   dt as av,
-  co as aw,
-  Me as ax,
+  Me as aw,
+  co as ax,
   me as ay,
   Pr as az,
   Eo as b,
-  Qi as c,
+  Ut as c,
   Be as d,
   to as e,
   He as f,
   vi as g,
   ii as h,
-  Ot as i,
-  qt as j,
-  Mt as k,
-  Xt as l,
-  Ia as m,
-  $r as n,
-  Li as o,
-  Sr as p,
-  Po as q,
-  ve as r,
-  jt as s,
-  Ce as t,
+  qt as i,
+  Mt as j,
+  Xt as k,
+  Ia as l,
+  $r as m,
+  Li as n,
+  Sr as o,
+  Po as p,
+  ve as q,
+  jt as r,
+  Ce as s,
+  Ot as t,
   Ei as u,
   De as v,
   Zs as w,
@@ -21595,4 +21596,4 @@ export {
   Qt as y,
   wi as z
 };
-//# sourceMappingURL=components-DbfOkrus.js.map
+//# sourceMappingURL=components-BGZgdmkY.js.map