@digdir/designsystemet-css 1.12.1 → 1.13.0

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 (18) hide show
  1. package/dist/src/avatar-stack.css +1 -1
  2. package/dist/src/badge.css +1 -1
  3. package/dist/src/base.css +1 -1
  4. package/dist/src/button.css +1 -1
  5. package/dist/src/card.css +1 -1
  6. package/dist/src/combobox.css +1 -1
  7. package/dist/src/dialog.css +1 -1
  8. package/dist/src/index.css +3 -3
  9. package/dist/src/input.css +1 -1
  10. package/dist/src/spinner.css +1 -1
  11. package/dist/src/table.css +1 -1
  12. package/dist/src/tabs.css +1 -1
  13. package/dist/src/tag.css +1 -1
  14. package/dist/src/toggle-group.css +1 -1
  15. package/dist/src/togglegroup.css +1 -1
  16. package/dist/theme/designsystemet.css +1 -1
  17. package/package.json +5 -5
  18. package/theme/types.d.ts +1 -1
package/dist/src/input.css CHANGED
@@ -1 +1 @@
1
- :where(.ds-input){margin:0}.ds-input{--dsc-input-padding-block:var(--ds-size-2);--dsc-input-padding-inline:var(--ds-size-3);--dsc-input-padding:var(--dsc-input-padding-block) var(--dsc-input-padding-inline);--dsc-input-size--toggle:var(--ds-size-6);--dsc-input-size:var(--ds-size-12);--dsc-input-background--readonly:var(--ds-color-neutral-surface-tinted);--dsc-input-background:var(--ds-color-neutral-surface-default);--dsc-input-border-color--readonly:var(--ds-color-neutral-border-subtle);--dsc-input-border-color:var(--ds-color-neutral-border-default);--dsc-input-border-style:solid;--dsc-input-border-width--toggle:max(var(--ds-border-width-default),calc(var(--ds-size-1)/2));--dsc-input-border-width:var(--ds-border-width-default);--dsc-input-outline-color--hover:var(--ds-color-neutral-border-default);--dsc-input-outline-color--toggle--hover:var(--dsc-input-accent-color);--dsc-input-outline-width--hover:var(--ds-border-width-default);--dsc-input-outline-style--hover:solid;--dsc-input-color--readonly:var(--ds-color-neutral-text-default);--dsc-input-color:var(--ds-color-neutral-text-default);--dsc-input-stroke-color:var(--ds-color-base-contrast-default);--dsc-input-stroke-color--invalid:var(--ds-color-danger-base-contrast-default);--dsc-input-stroke-width:0.05em;--dsc-input-accent-color:var(--ds-color-base-default);--dsc-input-accent-color--invalid:var(--ds-color-danger-text-subtle);--_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent calc(52% + var(--dsc-input-stroke-width));--dsc-input-line-height:var(--ds-line-height-md);--_dsc-input-spacing--toggle:calc(var(--ds-size-1)/2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-input-background);border-color:var(--dsc-input-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-input-border-style);border-width:var(--dsc-input-border-width);box-sizing:border-box;color:var(--dsc-input-color);font-family:inherit;height:var(--dsc-input-size);line-height:var(--dsc-input-line-height);max-width:100%;min-width:0;padding:var(--dsc-input-padding);position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle}.ds-input:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-input:focus-visible *{--_ds--focus: }.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover{outline-color:var(--dsc-input-outline-color--hover);outline-style:var(--dsc-input-outline-style--hover);outline-width:var(--dsc-input-outline-width--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover):is(:checked,:indeterminate:where([type=checkbox])):not([aria-invalid=true]){outline-color:var(--dsc-input-outline-color--toggle--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}@media (forced-colors:active){.ds-input{background-color:Canvas;border-color:ButtonText}.ds-input:disabled,.ds-input[aria-disabled=true],.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}@supports (width:round(down,0.1em,1px)){.ds-input{border-width:round(up,var(--dsc-input-border-width),1px)}}.ds-input:not([data-size]){font-size:inherit}.ds-input:is(select){background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em;text-overflow:ellipsis}:dir(rtl) .ds-input:is(select){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}.ds-input:is(select):open{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}@media (forced-colors:active){.ds-input:is(select){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-input:is(textarea){height:auto;min-height:calc(var(--dsc-input-size)*1.5);resize:vertical}.ds-input:is(textarea):not([rows]){field-sizing:content;height:var(--_ds-field-sizing)}.ds-input:not([type=button],[type=radio],[type=checkbox],[type=color],[type=file],textarea,select){height:unset;padding-block:calc((var(--dsc-input-size) - var(--dsc-input-line-height)*1em)/2 - var(--dsc-input-border-width))}.ds-input:not([size],[cols],select:where([data-width=auto])){width:100%}.ds-input:checked,.ds-input:indeterminate:where([type=checkbox]){background:var(--dsc-input-accent-color);border-color:var(--dsc-input-accent-color);color:var(--dsc-input-stroke-color)}.ds-input:disabled,.ds-input[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-input[aria-invalid=true]{border-color:var(--dsc-input-accent-color--invalid)}.ds-input[aria-invalid=true]:where(:checked){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[type=checkbox][aria-invalid=true]:where(:indeterminate){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[aria-readonly=true],.ds-input[readonly]{background:var(--dsc-input-background--readonly);border-color:var(--dsc-input-border-color--readonly);color:var(--dsc-input-color--readonly)}@media (forced-colors:active){.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input[type=checkbox],.ds-input[type=radio]{border-width:var(--dsc-input-border-width--toggle);flex-shrink:0;height:var(--dsc-input-size--toggle);line-height:inherit;padding:var(--_dsc-input-spacing--toggle);width:var(--dsc-input-size--toggle)}@media (forced-colors:active){.ds-input[type=checkbox],.ds-input[type=radio]{color:Canvas}:is(.ds-input[type=checkbox],.ds-input[type=radio]):disabled,[aria-disabled=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[aria-readonly=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[readonly]:is(.ds-input[type=checkbox],.ds-input[type=radio]){border-color:GrayText}}.ds-input[type=radio]{border-radius:var(--ds-border-radius-full)}.ds-input[type=radio]:checked{background-image:radial-gradient(circle closest-side,currentcolor 45%,transparent 50%)}@media (forced-colors:active){.ds-input[type=radio]:checked{background-color:LinkText;border-color:LinkText;color:Canvas;forced-color-adjust:none}}.ds-input[type=checkbox]{border-radius:var(--ds-border-radius-sm)}.ds-input[type=checkbox]:checked{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-origin:content-box;background-position:10% 73%,90% 50%;background-repeat:no-repeat;background-size:35% 35%,65% 65%}@media (forced-colors:active){.ds-input[type=checkbox]:checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[type=checkbox]:indeterminate{background-image:linear-gradient(transparent calc(48% - var(--dsc-input-stroke-width)),currentcolor calc(50% - var(--dsc-input-stroke-width)),currentcolor calc(50% + var(--dsc-input-stroke-width)),transparent calc(52% + var(--dsc-input-stroke-width)));background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain}@media (forced-colors:active){.ds-input[type=checkbox]:indeterminate{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[role=switch]:is([type=radio],[type=checkbox]){--_dsc-input-circle-position:left;background-image:radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);background-origin:content-box;background-position:var(--_dsc-input-circle-position);background-repeat:no-repeat;background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)*2) 100%;border-radius:var(--ds-border-radius-full);padding-inline:0;transition:background-position .2s;width:calc(var(--dsc-input-size--toggle)*2)}.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{--_dsc-input-circle-position:right}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{color:initial}}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]){color:GrayText;forced-color-adjust:none}.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){color:GrayText}.ds-input[role=switch]:is([type=radio],[type=checkbox]):disabled,.ds-input[role=switch][aria-disabled=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){border-color:GrayText}}
1
+ :where(.ds-input){margin:0}.ds-input{--dsc-input-padding-block:var(--ds-size-2);--dsc-input-padding-inline:var(--ds-size-3);--dsc-input-padding:var(--dsc-input-padding-block) var(--dsc-input-padding-inline);--dsc-input-size--toggle:var(--ds-size-6);--dsc-input-size:var(--ds-size-12);--dsc-input-background--readonly:var(--ds-color-neutral-surface-tinted);--dsc-input-background:var(--ds-color-neutral-surface-default);--dsc-input-border-color--readonly:var(--ds-color-neutral-border-subtle);--dsc-input-border-color:var(--ds-color-neutral-border-default);--dsc-input-border-style:solid;--dsc-input-border-width--toggle:max(var(--ds-border-width-default),calc(var(--ds-size-1)/2));--dsc-input-border-width:var(--ds-border-width-default);--dsc-input-outline-color--hover:var(--ds-color-neutral-border-default);--dsc-input-outline-color--toggle--hover:var(--dsc-input-accent-color);--dsc-input-outline-width--hover:var(--ds-border-width-default);--dsc-input-outline-style--hover:solid;--dsc-input-color--readonly:var(--ds-color-neutral-text-default);--dsc-input-color:var(--ds-color-neutral-text-default);--dsc-input-stroke-color:var(--ds-color-base-contrast-default);--dsc-input-stroke-color--invalid:var(--ds-color-danger-base-contrast-default);--dsc-input-stroke-width:0.05em;--dsc-input-accent-color:var(--ds-color-base-default);--dsc-input-accent-color--invalid:var(--ds-color-danger-text-subtle);--_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent calc(52% + var(--dsc-input-stroke-width));--dsc-input-line-height:var(--ds-line-height-md);--_dsc-input-spacing--toggle:calc(var(--ds-size-1)/2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-input-background);border-color:var(--dsc-input-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-input-border-style);border-width:var(--dsc-input-border-width);box-sizing:border-box;color:var(--dsc-input-color);font-family:inherit;height:var(--dsc-input-size);line-height:var(--dsc-input-line-height);max-width:100%;min-width:0;padding:var(--dsc-input-padding);position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle}.ds-input:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-input:focus-visible *{--_ds--focus: }.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover{outline-color:var(--dsc-input-outline-color--hover);outline-style:var(--dsc-input-outline-style--hover);outline-width:var(--dsc-input-outline-width--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover):is(:checked,:indeterminate:where([type=checkbox])):not([aria-invalid=true]){outline-color:var(--dsc-input-outline-color--toggle--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}@media (forced-colors:active){.ds-input{background-color:Canvas;border-color:ButtonText}.ds-input:disabled,.ds-input[aria-disabled=true],.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}@supports (width:round(down,0.1em,1px)){.ds-input{border-width:round(up,var(--dsc-input-border-width),1px)}}.ds-input:not([data-size]){font-size:inherit}.ds-input:is(select){background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em;text-overflow:ellipsis}:dir(rtl) .ds-input:is(select){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}.ds-input:is(select):open{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}@media (forced-colors:active){.ds-input:is(select){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-input:is(textarea){height:auto;min-height:calc(var(--dsc-input-size)*1.5);resize:vertical}.ds-input:is(textarea):not([rows]){field-sizing:content;height:var(--_ds-field-sizing)}.ds-input:not([type=button],[type=radio],[type=checkbox],[type=color],[type=file],textarea,select){height:unset;padding-block:calc((var(--dsc-input-size) - var(--dsc-input-line-height)*1em)/2 - var(--dsc-input-border-width))}.ds-input:not([size],[cols],select:where([data-width=auto])){width:100%}.ds-input:checked,.ds-input:indeterminate:where([type=checkbox]){background:var(--dsc-input-accent-color);border-color:var(--dsc-input-accent-color);color:var(--dsc-input-stroke-color)}.ds-input:disabled,.ds-input[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-input[aria-invalid=true]{border-color:var(--dsc-input-accent-color--invalid)}.ds-input[aria-invalid=true]:where(:checked){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[type=checkbox][aria-invalid=true]:where(:indeterminate){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[aria-readonly=true],.ds-input[readonly]{background-color:var(--dsc-input-background--readonly);border-color:var(--dsc-input-border-color--readonly);color:var(--dsc-input-color--readonly)}@media (forced-colors:active){.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input[type=checkbox],.ds-input[type=radio]{border-width:var(--dsc-input-border-width--toggle);flex-shrink:0;height:var(--dsc-input-size--toggle);line-height:inherit;padding:var(--_dsc-input-spacing--toggle);width:var(--dsc-input-size--toggle)}@media (forced-colors:active){.ds-input[type=checkbox],.ds-input[type=radio]{color:Canvas}:is(.ds-input[type=checkbox],.ds-input[type=radio]):disabled,[aria-disabled=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[aria-readonly=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[readonly]:is(.ds-input[type=checkbox],.ds-input[type=radio]){border-color:GrayText}}.ds-input[type=radio]{border-radius:var(--ds-border-radius-full)}.ds-input[type=radio]:checked{background-image:radial-gradient(circle closest-side,currentcolor 45%,transparent 50%)}@media (forced-colors:active){.ds-input[type=radio]:checked{background-color:LinkText;border-color:LinkText;color:Canvas;forced-color-adjust:none}}.ds-input[type=checkbox]{border-radius:var(--ds-border-radius-sm)}.ds-input[type=checkbox]:checked{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-origin:content-box;background-position:10% 73%,90% 50%;background-repeat:no-repeat;background-size:35% 35%,65% 65%}@media (forced-colors:active){.ds-input[type=checkbox]:checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[type=checkbox]:indeterminate{background-image:linear-gradient(transparent calc(48% - var(--dsc-input-stroke-width)),currentcolor calc(50% - var(--dsc-input-stroke-width)),currentcolor calc(50% + var(--dsc-input-stroke-width)),transparent calc(52% + var(--dsc-input-stroke-width)));background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain}@media (forced-colors:active){.ds-input[type=checkbox]:indeterminate{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[role=switch]:is([type=radio],[type=checkbox]){--_dsc-input-circle-position:left;background-image:radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);background-origin:content-box;background-position:var(--_dsc-input-circle-position);background-repeat:no-repeat;background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)*2) 100%;border-radius:var(--ds-border-radius-full);padding-inline:0;transition:background-position .2s;width:calc(var(--dsc-input-size--toggle)*2)}.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{--_dsc-input-circle-position:right}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{color:CanvasText}}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]){color:GrayText;forced-color-adjust:none}.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){color:GrayText}.ds-input[role=switch]:is([type=radio],[type=checkbox]):disabled,.ds-input[role=switch][aria-disabled=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){border-color:GrayText}}
package/dist/src/spinner.css CHANGED
@@ -1 +1 @@
1
- .ds-spinner{--dsc-spinner-background:var(--ds-color-surface-tinted);--dsc-spinner-stroke:var(--ds-color-border-default);--dsc-spinner-animation-duration:2s;animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);box-sizing:border-box;font-size:var(--ds-size-11);height:1em;width:1em}.ds-spinner[data-size="2xs"]{font-size:.75rem}.ds-spinner[data-size=xs]{font-size:1.25rem}.ds-spinner[data-size=sm]{font-size:2rem}.ds-spinner[data-size=md]{font-size:2.75rem}.ds-spinner[data-size=lg]{font-size:3.75rem}.ds-spinner[data-size=xl]{font-size:5.5rem}.ds-spinner__background{stroke:var(--dsc-spinner-background)}.ds-spinner__circle{animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);stroke-dasharray:1px,200px;stroke:var(--dsc-spinner-stroke);transform-origin:center}@media (prefers-reduced-motion:reduce){.ds-spinner{animation-duration:6s}}@keyframes ds-spinner-rotate-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ds-spinner-stroke-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:1px,200px;stroke-dashoffset:-120px}}
1
+ .ds-spinner{--dsc-spinner-background:var(--ds-color-surface-tinted);--dsc-spinner-stroke:var(--ds-color-border-default);--dsc-spinner-animation-duration:2s;animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);box-sizing:border-box;height:var(--ds-size-11);width:auto}.ds-spinner[data-size="2xs"]{height:.75rem}.ds-spinner[data-size=xs]{height:1.25rem}.ds-spinner[data-size=sm]{height:2rem}.ds-spinner[data-size=md]{height:2.75rem}.ds-spinner[data-size=lg]{height:3.75rem}.ds-spinner[data-size=xl]{height:5.5rem}.ds-spinner__background{stroke:var(--dsc-spinner-background)}.ds-spinner__circle{animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);stroke-dasharray:1px,200px;stroke:var(--dsc-spinner-stroke);transform-origin:center}@media (prefers-reduced-motion:reduce){.ds-spinner{animation-duration:6s}}@keyframes ds-spinner-rotate-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ds-spinner-stroke-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:1px,200px;stroke-dashoffset:-120px}}
package/dist/src/table.css CHANGED
@@ -1 +1 @@
1
- .ds-table{--dsc-table-background--hover:var(--ds-color-surface-hover);--dsc-table-background--zebra:var(--ds-color-surface-tinted);--dsc-table-background:transparent;--dsc-table-border-color:var(--ds-color-border-subtle);--dsc-table-border-radius:var(--ds-border-radius-md);--dsc-table-border-style:solid;--dsc-table-border-width:var(--ds-border-width-default);--dsc-table-color:var(--ds-color-text-default);--dsc-table-divider-border-color:var(--dsc-table-border-color);--dsc-table-divider-border-style:solid;--dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);--dsc-table-header-background--hover:var(--ds-color-surface-hover);--dsc-table-header-background--sorted:var(--ds-color-surface-tinted);--dsc-table-header-background--sticky:var(--ds-color-surface-default);--dsc-table-header-background:transparent;--dsc-table-padding:var(--ds-size-2) var(--ds-size-3);--dsc-table-sort-size:var(--ds-size-6);--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:initial;border-spacing:0;box-sizing:border-box;color:var(--dsc-table-color);width:100%}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-style:var(--dsc-table-border-style);border-bottom-width:var(--dsc-table-border-width);border-color:var(--dsc-table-border-color);padding:var(--dsc-table-padding);text-align:inherit}.ds-table th{font-weight:var(--ds-font-weight-semibold)}.ds-table>thead>tr>:is(th,td){background:var(--dsc-table-header-background)}.ds-table>thead>tr:last-child>:is(th,td){border-bottom:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tbody:has(+tfoot)>tr:last-child>:is(th,td){border-bottom:none}.ds-table>tfoot>tr:first-child>:is(th,td){background:var(--dsc-table-header-background);border-top:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tfoot>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table>caption){font-size:1.3em;font-size:round(down,1.3em,1px);font-weight:var(--ds-heading-md-font-weight);letter-spacing:var(--ds-heading-md-letter-spacing);line-height:var(--ds-heading-md-line-height);margin:0}[data-size="2xs"]:is(.ds-table>caption){font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);letter-spacing:var(--ds-heading-2xs-letter-spacing);line-height:var(--ds-heading-2xs-line-height)}[data-size=xs]:is(.ds-table>caption){font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);letter-spacing:var(--ds-heading-xs-letter-spacing);line-height:var(--ds-heading-xs-line-height)}[data-size=sm]:is(.ds-table>caption){font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);letter-spacing:var(--ds-heading-sm-letter-spacing);line-height:var(--ds-heading-sm-line-height)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-size:var(--ds-heading-lg-font-size);font-weight:var(--ds-heading-lg-font-weight);letter-spacing:var(--ds-heading-lg-letter-spacing);line-height:var(--ds-heading-lg-line-height)}[data-size=xl]:is(.ds-table>caption){font-size:var(--ds-heading-xl-font-size);font-weight:var(--ds-heading-xl-font-weight);letter-spacing:var(--ds-heading-xl-letter-spacing);line-height:var(--ds-heading-xl-line-height)}[data-size="2xl"]:is(.ds-table>caption){font-size:var(--ds-heading-2xl-font-size);font-weight:var(--ds-heading-2xl-font-weight);letter-spacing:var(--ds-heading-2xl-letter-spacing);line-height:var(--ds-heading-2xl-line-height)}.ds-table>caption{margin-bottom:var(--ds-size-1);text-align:inherit}.ds-table>thead>tr>[aria-sort]{cursor:pointer;padding:0}:is(.ds-table>thead>tr>[aria-sort])>button{background:none;border:0;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;padding:var(--dsc-table-padding);text-align:inherit;width:100%}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible *{--_ds--focus: }:is(:is(.ds-table>thead>tr>[aria-sort])>button):not([hidden]){display:block}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{position:relative}:is(:is(.ds-table>thead>tr>[aria-sort])>button):after{background:currentcolor;content:"";display:inline-block;flex-shrink:0;height:var(--dsc-table-sort-size);-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");vertical-align:middle;width:var(--dsc-table-sort-size)}[aria-sort=ascending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}:is(.ds-table>thead>tr>[aria-sort]):not([aria-sort=none])>button{background:var(--dsc-table-header-background--sorted)}.ds-table[data-border]{border-color:var(--dsc-table-border-color);border-radius:var(--dsc-table-border-radius);border-style:var(--dsc-table-border-style);border-width:var(--dsc-table-border-width)}.ds-table[data-border]>:last-child>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):first-child{border-top-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):last-child{border-top-right-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):first-child{border-bottom-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):last-child{border-bottom-right-radius:var(--_dsc-table-border-radius--inner)}.ds-table[data-sticky-header]{overflow:auto;position:relative}.ds-table[data-sticky-header]>thead>tr>:is(th,td){background:var(--dsc-table-header-background--sticky);position:sticky;top:0;z-index:2}.ds-table[data-zebra]>tbody>tr>:is(th,td){border-block:0}.ds-table[data-zebra]>:is(thead,tbody)>tr:nth-child(2n)>:is(th,td){background:var(--dsc-table-background--zebra)}@media (hover:hover) and (pointer:fine){.ds-table[data-hover]>tbody>tr:hover>:is(th,td){background:var(--dsc-table-background--hover)}.ds-table>thead>tr>[aria-sort]:hover button{background:var(--dsc-table-header-background--hover)}}
1
+ .ds-table{--dsc-table-background--hover:var(--ds-color-surface-hover);--dsc-table-background--zebra:var(--ds-color-surface-tinted);--dsc-table-background:transparent;--dsc-table-border-color:var(--ds-color-border-subtle);--dsc-table-border-radius:var(--ds-border-radius-md);--dsc-table-border-style:solid;--dsc-table-border-width:var(--ds-border-width-default);--dsc-table-color:var(--ds-color-text-default);--dsc-table-divider-border-color:var(--dsc-table-border-color);--dsc-table-divider-border-style:solid;--dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);--dsc-table-header-background--hover:var(--ds-color-surface-hover);--dsc-table-header-background--sorted:var(--ds-color-surface-tinted);--dsc-table-header-background--sticky:var(--ds-color-surface-default);--dsc-table-header-background:transparent;--dsc-table-padding:var(--ds-size-2) var(--ds-size-3);--dsc-table-sort-size:var(--ds-size-6);--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:separate;border-spacing:0;box-sizing:border-box;color:var(--dsc-table-color);width:100%}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-style:var(--dsc-table-border-style);border-bottom-width:var(--dsc-table-border-width);border-color:var(--dsc-table-border-color);padding:var(--dsc-table-padding);text-align:inherit}.ds-table th{font-weight:var(--ds-font-weight-semibold)}.ds-table>thead>tr>:is(th,td){background:var(--dsc-table-header-background)}.ds-table>thead>tr:last-child>:is(th,td){border-bottom:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tbody:has(+tfoot)>tr:last-child>:is(th,td){border-bottom:none}.ds-table>tfoot>tr:first-child>:is(th,td){background:var(--dsc-table-header-background);border-top:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tfoot>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table>caption){font-size:1.3em;font-size:round(down,1.3em,1px);font-weight:var(--ds-heading-md-font-weight);letter-spacing:var(--ds-heading-md-letter-spacing);line-height:var(--ds-heading-md-line-height);margin:0}[data-size="2xs"]:is(.ds-table>caption){font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);letter-spacing:var(--ds-heading-2xs-letter-spacing);line-height:var(--ds-heading-2xs-line-height)}[data-size=xs]:is(.ds-table>caption){font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);letter-spacing:var(--ds-heading-xs-letter-spacing);line-height:var(--ds-heading-xs-line-height)}[data-size=sm]:is(.ds-table>caption){font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);letter-spacing:var(--ds-heading-sm-letter-spacing);line-height:var(--ds-heading-sm-line-height)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-size:var(--ds-heading-lg-font-size);font-weight:var(--ds-heading-lg-font-weight);letter-spacing:var(--ds-heading-lg-letter-spacing);line-height:var(--ds-heading-lg-line-height)}[data-size=xl]:is(.ds-table>caption){font-size:var(--ds-heading-xl-font-size);font-weight:var(--ds-heading-xl-font-weight);letter-spacing:var(--ds-heading-xl-letter-spacing);line-height:var(--ds-heading-xl-line-height)}[data-size="2xl"]:is(.ds-table>caption){font-size:var(--ds-heading-2xl-font-size);font-weight:var(--ds-heading-2xl-font-weight);letter-spacing:var(--ds-heading-2xl-letter-spacing);line-height:var(--ds-heading-2xl-line-height)}.ds-table>caption{margin-bottom:var(--ds-size-1);text-align:inherit}.ds-table>thead>tr>[aria-sort]{cursor:pointer;padding:0}:is(.ds-table>thead>tr>[aria-sort])>button{background:none;border:0;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;padding:var(--dsc-table-padding);text-align:inherit;width:100%}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible *{--_ds--focus: }:is(:is(.ds-table>thead>tr>[aria-sort])>button):not([hidden]){display:block}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{position:relative}:is(:is(.ds-table>thead>tr>[aria-sort])>button):after{background:currentcolor;content:"";display:inline-block;flex-shrink:0;height:var(--dsc-table-sort-size);-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");vertical-align:middle;width:var(--dsc-table-sort-size)}[aria-sort=ascending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}:is(.ds-table>thead>tr>[aria-sort]):not([aria-sort=none])>button{background:var(--dsc-table-header-background--sorted)}.ds-table[data-border]{border-color:var(--dsc-table-border-color);border-radius:var(--dsc-table-border-radius);border-style:var(--dsc-table-border-style);border-width:var(--dsc-table-border-width)}.ds-table[data-border]>:last-child>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):first-child{border-top-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):last-child{border-top-right-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):first-child{border-bottom-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):last-child{border-bottom-right-radius:var(--_dsc-table-border-radius--inner)}.ds-table[data-sticky-header]{overflow:auto;position:relative}.ds-table[data-sticky-header]>thead>tr>:is(th,td){background:var(--dsc-table-header-background--sticky);position:sticky;top:0;z-index:2}.ds-table[data-zebra]>tbody>tr>:is(th,td){border-block:0}.ds-table[data-zebra]>:is(thead,tbody)>tr:nth-child(2n)>:is(th,td){background:var(--dsc-table-background--zebra)}@media (hover:hover) and (pointer:fine){.ds-table[data-hover]>tbody>tr:hover>:is(th,td){background:var(--dsc-table-background--hover)}.ds-table>thead>tr>[aria-sort]:hover button{background:var(--dsc-table-header-background--hover)}}
package/dist/src/tabs.css CHANGED
@@ -1 +1 @@
1
- .ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel){padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible *{--_ds--focus: }.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist){border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-color:var(--dsc-tabs-list-border-color);flex-direction:row;overflow-x:auto;position:relative}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist)):not([hidden]){display:flex}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab){align-items:center;background:none;border:0;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;flex-direction:row;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([hidden]){display:flex}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([data-size]){font-size:inherit}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)) :where(img,svg){flex-shrink:0;font-size:1.25em}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){border-bottom:2px solid CanvasText;color:initial}}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}
1
+ .ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel){padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible *{--_ds--focus: }.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist){border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-color:var(--dsc-tabs-list-border-color);flex-direction:row;overflow-x:auto;position:relative}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist)):not([hidden]){display:flex}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab){align-items:center;background:none;border:0;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;flex-direction:row;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap;--_ds-captured-length:1em}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([hidden]){display:flex}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([data-size]){font-size:inherit}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)) :where(img,svg){flex-shrink:0;font-size:calc(var(--_ds-captured-length)*1.25)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){border-bottom:2px solid CanvasText;color:CanvasText}}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}
package/dist/src/tag.css CHANGED
@@ -1 +1 @@
1
- .ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--ds-border-radius-sm);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);font-size:var(--ds-body-sm-font-size);height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag :where(img,svg){flex-shrink:0;font-size:1.25em}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-color:CanvasText;border-style:solid;border-width:var(--ds-border-width-default)}}
1
+ .ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;--_ds-captured-length:1em;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--ds-border-radius-sm);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);font-size:var(--ds-body-sm-font-size);height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag :where(img,svg){flex-shrink:0;font-size:calc(var(--_ds-captured-length)*1.25)}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-color:CanvasText;border-style:solid;border-width:var(--ds-border-width-default)}}
package/dist/src/toggle-group.css CHANGED
@@ -1 +1 @@
1
- .ds-toggle-group,.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-border-default);--dsc-togglegroup-color:var(--ds-color-text-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-default);--dsc-togglegroup-button-size:var(--ds-size-12);--dsc-togglegroup-label:"";--_ds-data-toggle-group:var(--dsc-togglegroup-label);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);box-sizing:border-box;color:var(--dsc-togglegroup-color);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-togglegroup,.ds-toggle-group):not([hidden]){display:flex}:is(.ds-togglegroup,.ds-toggle-group) button:not([aria-checked=true]),:is(.ds-togglegroup,.ds-toggle-group) label:not(:has(input:checked)){color:inherit}:is(.ds-togglegroup,.ds-toggle-group) button,:is(.ds-togglegroup,.ds-toggle-group) label{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;isolation:isolate;min-height:unset;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}[data-icon]:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button):has(input:checked){background:ButtonText;color:initial}:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button):has(input:checked) svg{color:initial}}:is(.ds-togglegroup,.ds-toggle-group) label input{opacity:0;pointer-events:none;position:absolute}:is(.ds-togglegroup,.ds-toggle-group) label:has(input:checked){--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-color--active:var(--ds-color-base-contrast-default);--dsc-button-color--hover:var(--ds-color-base-contrast-default);--dsc-button-color:var(--ds-color-base-contrast-default)}:is(:is(.ds-togglegroup,.ds-toggle-group) label:has(input:focus-visible)){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-togglegroup,.ds-toggle-group) label:has(input:focus-visible)) *{--_ds--focus: }:is(:is(.ds-togglegroup,.ds-toggle-group) button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-togglegroup,.ds-toggle-group) button):focus-visible *{--_ds--focus: }:is(:is(.ds-togglegroup,.ds-toggle-group) button):not([aria-checked=true]){--dsc-button-background:transparent;--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-color:var(--ds-color-text-subtle);--dsc-button-color--hover:var(--ds-color-text-default)}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group){--dsc-togglegroup-background:var(--ds-color-surface-tinted);--dsc-togglegroup-border-color:var(--ds-color-border-subtle);border:none;outline:var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);outline-offset:calc(var(--dsc-togglegroup-border-width)*-1)}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) button,[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) label{--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);border-radius:inherit}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) button[aria-checked=true],[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) label:has(input:checked){--dsc-button-border-color:var(--ds-color-border-default);--dsc-button-background--active:var(--ds-color-surface-default);--dsc-button-background--hover:var(--ds-color-surface-default);--dsc-button-background:var(--ds-color-surface-default);--dsc-button-color--active:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);--dsc-button-color:var(--ds-color-text-default)}
1
+ .ds-toggle-group,.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-border-default);--dsc-togglegroup-color:var(--ds-color-text-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-default);--dsc-togglegroup-button-size:var(--ds-size-12);--dsc-togglegroup-label:"";--_ds-data-toggle-group:var(--dsc-togglegroup-label);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);box-sizing:border-box;color:var(--dsc-togglegroup-color);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-togglegroup,.ds-toggle-group):not([hidden]){display:flex}:is(.ds-togglegroup,.ds-toggle-group) button:not([aria-checked=true]),:is(.ds-togglegroup,.ds-toggle-group) label:not(:has(input:checked)){color:inherit}:is(.ds-togglegroup,.ds-toggle-group) button,:is(.ds-togglegroup,.ds-toggle-group) label{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;isolation:isolate;min-height:unset;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}[data-icon]:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button):has(input:checked){background:ButtonText;color:CanvasText}:is(:is(.ds-togglegroup,.ds-toggle-group) label,:is(.ds-togglegroup,.ds-toggle-group) button):has(input:checked) svg{color:CanvasText}}:is(.ds-togglegroup,.ds-toggle-group) label input{opacity:0;pointer-events:none;position:absolute}:is(.ds-togglegroup,.ds-toggle-group) label:has(input:checked){--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-color--active:var(--ds-color-base-contrast-default);--dsc-button-color--hover:var(--ds-color-base-contrast-default);--dsc-button-color:var(--ds-color-base-contrast-default)}:is(:is(.ds-togglegroup,.ds-toggle-group) label:has(input:focus-visible)){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-togglegroup,.ds-toggle-group) label:has(input:focus-visible)) *{--_ds--focus: }:is(:is(.ds-togglegroup,.ds-toggle-group) button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-togglegroup,.ds-toggle-group) button):focus-visible *{--_ds--focus: }:is(:is(.ds-togglegroup,.ds-toggle-group) button):not([aria-checked=true]){--dsc-button-background:transparent;--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-color:var(--ds-color-text-subtle);--dsc-button-color--hover:var(--ds-color-text-default)}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group){--dsc-togglegroup-background:var(--ds-color-surface-tinted);--dsc-togglegroup-border-color:var(--ds-color-border-subtle);border:none;outline:var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);outline-offset:calc(var(--dsc-togglegroup-border-width)*-1)}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) button,[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) label{--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);border-radius:inherit}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) button[aria-checked=true],[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group) label:has(input:checked){--dsc-button-border-color:var(--ds-color-border-default);--dsc-button-background--active:var(--ds-color-surface-default);--dsc-button-background--hover:var(--ds-color-surface-default);--dsc-button-background:var(--ds-color-surface-default);--dsc-button-color--active:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);--dsc-button-color:var(--ds-color-text-default)}
package/dist/src/togglegroup.css CHANGED
@@ -1 +1 @@
1
- .ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-neutral-border-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-md);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:-moz-fit-content;height:fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}.ds-togglegroup:not([hidden]){display:grid}.ds-togglegroup button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(.ds-togglegroup button):focus-visible *{--_ds--focus: }:is(.ds-togglegroup button):focus-visible{border-radius:var(--dsc-togglegroup-border-radius)}[data-icon]:is(.ds-togglegroup button){height:var(--dsc-togglegroup-button-size);width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(.ds-togglegroup button){background:ButtonText;color:initial}[aria-checked=true]:is(.ds-togglegroup button) svg{color:initial}}
1
+ .ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-neutral-border-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-md);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:-moz-fit-content;height:fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}.ds-togglegroup:not([hidden]){display:grid}.ds-togglegroup button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(.ds-togglegroup button):focus-visible *{--_ds--focus: }:is(.ds-togglegroup button):focus-visible{border-radius:var(--dsc-togglegroup-border-radius)}[data-icon]:is(.ds-togglegroup button){height:var(--dsc-togglegroup-button-size);width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(.ds-togglegroup button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(.ds-togglegroup button) svg{color:CanvasText}}
package/dist/theme/designsystemet.css CHANGED
@@ -1 +1 @@
1
- @layer ds.theme.size-mode{:root{--ds-size-mode-font-size--sm:1;--ds-size-mode-font-size--md:1.125;--ds-size-mode-font-size--lg:1.3125}:root,[data-size]{--ds-size:var(--ds-size--md);--ds-size--sm:var(--ds-size,);--ds-size--md:var(--ds-size,);--ds-size--lg:var(--ds-size,);--ds-size-mode-font-size:var(--ds-size--sm,var(--ds-size-mode-font-size--sm)) var(--ds-size--md,var(--ds-size-mode-font-size--md)) var(--ds-size--lg,var(--ds-size-mode-font-size--lg))}[data-size=sm]{--ds-size:var(--ds-size--sm)}[data-size=md]{--ds-size:var(--ds-size--md)}[data-size=lg]{--ds-size:var(--ds-size--lg)}}@layer ds.theme.size-mode{}@layer ds.theme.size-mode{}@layer ds.theme.size-mode{}@layer ds.theme.type-scale{:root,[data-size]{--_ds-font-size-factor:calc(var(--ds-size-mode-font-size)/(var(--ds-size-base)/16));--ds-font-size-1:calc(0.75rem*var(--_ds-font-size-factor));--ds-font-size-2:calc(0.875rem*var(--_ds-font-size-factor));--ds-font-size-3:calc(1rem*var(--_ds-font-size-factor));--ds-font-size-4:calc(1.125rem*var(--_ds-font-size-factor));--ds-font-size-5:calc(1.3125rem*var(--_ds-font-size-factor));--ds-font-size-6:calc(1.5rem*var(--_ds-font-size-factor));--ds-font-size-7:calc(1.875rem*var(--_ds-font-size-factor));--ds-font-size-8:calc(2.25rem*var(--_ds-font-size-factor));--ds-font-size-9:calc(3rem*var(--_ds-font-size-factor));--ds-font-size-10:calc(3.75rem*var(--_ds-font-size-factor));--ds-heading-2xl-font-size:var(--ds-font-size-10);--ds-heading-xl-font-size:var(--ds-font-size-9);--ds-heading-lg-font-size:var(--ds-font-size-8);--ds-heading-md-font-size:var(--ds-font-size-7);--ds-heading-sm-font-size:var(--ds-font-size-6);--ds-heading-xs-font-size:var(--ds-font-size-5);--ds-heading-2xs-font-size:var(--ds-font-size-4);--ds-body-xl-font-size:var(--ds-font-size-6);--ds-body-lg-font-size:var(--ds-font-size-5);--ds-body-md-font-size:var(--ds-font-size-4);--ds-body-sm-font-size:var(--ds-font-size-3);--ds-body-xs-font-size:var(--ds-font-size-2);--ds-body-short-xl-font-size:var(--ds-font-size-6);--ds-body-short-lg-font-size:var(--ds-font-size-5);--ds-body-short-md-font-size:var(--ds-font-size-4);--ds-body-short-sm-font-size:var(--ds-font-size-3);--ds-body-short-xs-font-size:var(--ds-font-size-2);--ds-body-long-xl-font-size:var(--ds-font-size-6);--ds-body-long-lg-font-size:var(--ds-font-size-5);--ds-body-long-md-font-size:var(--ds-font-size-4);--ds-body-long-sm-font-size:var(--ds-font-size-3);--ds-body-long-xs-font-size:var(--ds-font-size-2)}@supports (width:round(down,.1em,1px)){:root,[data-size]{--ds-font-size-1:round(calc(0.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-2:round(calc(0.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-3:round(calc(1rem*var(--_ds-font-size-factor)),1px);--ds-font-size-4:round(calc(1.125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-5:round(calc(1.3125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-6:round(calc(1.5rem*var(--_ds-font-size-factor)),1px);--ds-font-size-7:round(calc(1.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-8:round(calc(2.25rem*var(--_ds-font-size-factor)),1px);--ds-font-size-9:round(calc(3rem*var(--_ds-font-size-factor)),1px);--ds-font-size-10:round(calc(3.75rem*var(--_ds-font-size-factor)),1px)}}}@layer ds.theme.color-scheme.light{:root,[data-color-scheme=light]{--ds-color-accent-background-default:#fff;--ds-color-accent-background-tinted:#eef4fa;--ds-color-accent-surface-default:#fff;--ds-color-accent-surface-tinted:#ddeaf6;--ds-color-accent-surface-hover:#c7ddf0;--ds-color-accent-surface-active:#afcee9;--ds-color-accent-border-subtle:#99c0e3;--ds-color-accent-border-default:#2a7cc5;--ds-color-accent-border-strong:#005db1;--ds-color-accent-text-subtle:#005db1;--ds-color-accent-text-default:#002c54;--ds-color-accent-base-default:#0062ba;--ds-color-accent-base-hover:#004f96;--ds-color-accent-base-active:#003d75;--ds-color-accent-base-contrast-subtle:#dbe9f5;--ds-color-accent-base-contrast-default:#fff;--ds-color-neutral-background-default:#fff;--ds-color-neutral-background-tinted:#f3f3f4;--ds-color-neutral-surface-default:#fff;--ds-color-neutral-surface-tinted:#e8e8e9;--ds-color-neutral-surface-hover:#d9dadb;--ds-color-neutral-surface-active:#c9cacb;--ds-color-neutral-border-subtle:#bbbcbd;--ds-color-neutral-border-default:#77797b;--ds-color-neutral-border-strong:#5b5d60;--ds-color-neutral-text-subtle:#5b5d60;--ds-color-neutral-text-default:#292c30;--ds-color-neutral-base-default:#24272b;--ds-color-neutral-base-hover:#36383c;--ds-color-neutral-base-active:#484a4e;--ds-color-neutral-base-contrast-subtle:#b9babb;--ds-color-neutral-base-contrast-default:#fff;--ds-color-brand1-background-default:#fff;--ds-color-brand1-background-tinted:#edf5f3;--ds-color-brand1-surface-default:#fff;--ds-color-brand1-surface-tinted:#dcece8;--ds-color-brand1-surface-hover:#c6dfd9;--ds-color-brand1-surface-active:#add2c9;--ds-color-brand1-border-subtle:#96c5b9;--ds-color-brand1-border-default:#25876f;--ds-color-brand1-border-strong:#0b6a53;--ds-color-brand1-text-subtle:#0b6a53;--ds-color-brand1-text-default:#053227;--ds-color-brand1-base-default:#0d7a5f;--ds-color-brand1-base-hover:#0b644e;--ds-color-brand1-base-active:#084f3d;--ds-color-brand1-base-contrast-subtle:#ebf4f2;--ds-color-brand1-base-contrast-default:#fff;--ds-color-brand2-background-default:#fff;--ds-color-brand2-background-tinted:#f4f3f9;--ds-color-brand2-surface-default:#fff;--ds-color-brand2-surface-tinted:#eae7f3;--ds-color-brand2-surface-hover:#ddd7eb;--ds-color-brand2-surface-active:#cec6e3;--ds-color-brand2-border-subtle:#c1b6db;--ds-color-brand2-border-default:#826db7;--ds-color-brand2-border-strong:#674da7;--ds-color-brand2-text-subtle:#674da7;--ds-color-brand2-text-default:#312256;--ds-color-brand2-base-default:#5b3fa0;--ds-color-brand2-base-hover:#47317c;--ds-color-brand2-base-active:#332359;--ds-color-brand2-base-contrast-subtle:#f1eff7;--ds-color-brand2-base-contrast-default:#fff;--ds-color-info-background-default:#fff;--ds-color-info-background-tinted:#edf5fa;--ds-color-info-surface-default:#fff;--ds-color-info-surface-tinted:#dcebf6;--ds-color-info-surface-hover:#c5ddf0;--ds-color-info-surface-active:#abcfe9;--ds-color-info-border-subtle:#94c1e3;--ds-color-info-border-default:#1f7dc5;--ds-color-info-border-strong:#0860a3;--ds-color-info-text-subtle:#0860a3;--ds-color-info-text-default:#042d4d;--ds-color-info-base-default:#0a71c0;--ds-color-info-base-hover:#085d9f;--ds-color-info-base-active:#074a7e;--ds-color-info-base-contrast-subtle:#eff6fb;--ds-color-info-base-contrast-default:#fff;--ds-color-success-background-default:#fff;--ds-color-success-background-tinted:#ecf6ee;--ds-color-success-surface-default:#fff;--ds-color-success-surface-tinted:#daeddd;--ds-color-success-surface-hover:#c3e2c7;--ds-color-success-surface-active:#a8d5ae;--ds-color-success-border-subtle:#8fc997;--ds-color-success-border-default:#108c22;--ds-color-success-border-strong:#056d13;--ds-color-success-text-subtle:#056d13;--ds-color-success-text-default:#023409;--ds-color-success-base-default:#068718;--ds-color-success-base-hover:#057014;--ds-color-success-base-active:#045a10;--ds-color-success-base-contrast-subtle:#fafdfb;--ds-color-success-base-contrast-default:#fff;--ds-color-warning-background-default:#fff;--ds-color-warning-background-tinted:#fcf2e2;--ds-color-warning-surface-default:#fff;--ds-color-warning-surface-tinted:#fae6c6;--ds-color-warning-surface-hover:#f6d5a0;--ds-color-warning-surface-active:#f2c275;--ds-color-warning-border-subtle:#eeb04c;--ds-color-warning-border-default:#a56d13;--ds-color-warning-border-strong:#80540f;--ds-color-warning-text-subtle:#80540f;--ds-color-warning-text-default:#3c2807;--ds-color-warning-base-default:#ea9b1b;--ds-color-warning-base-hover:#cd8818;--ds-color-warning-base-active:#b27614;--ds-color-warning-base-contrast-subtle:#271a04;--ds-color-warning-base-contrast-default:#000;--ds-color-danger-background-default:#fff;--ds-color-danger-background-tinted:#fbf1f1;--ds-color-danger-surface-default:#fff;--ds-color-danger-surface-tinted:#f8e4e4;--ds-color-danger-surface-hover:#f3d2d2;--ds-color-danger-surface-active:#edbfbf;--ds-color-danger-border-subtle:#e8adad;--ds-color-danger-border-default:#ce4d4d;--ds-color-danger-border-strong:#b81a1a;--ds-color-danger-text-subtle:#b81a1a;--ds-color-danger-text-default:#590d0d;--ds-color-danger-base-default:#c01b1b;--ds-color-danger-base-hover:#9b1616;--ds-color-danger-base-active:#791111;--ds-color-danger-base-contrast-subtle:#f7e1e1;--ds-color-danger-base-contrast-default:#fff;--ds-color-focus-inner:#fff;--ds-color-focus-outer:#292c30;--ds-link-color-visited:#663299;color-scheme:light}@media (prefers-color-scheme:light){[data-color-scheme=auto]{--ds-color-accent-background-default:#fff;--ds-color-accent-background-tinted:#eef4fa;--ds-color-accent-surface-default:#fff;--ds-color-accent-surface-tinted:#ddeaf6;--ds-color-accent-surface-hover:#c7ddf0;--ds-color-accent-surface-active:#afcee9;--ds-color-accent-border-subtle:#99c0e3;--ds-color-accent-border-default:#2a7cc5;--ds-color-accent-border-strong:#005db1;--ds-color-accent-text-subtle:#005db1;--ds-color-accent-text-default:#002c54;--ds-color-accent-base-default:#0062ba;--ds-color-accent-base-hover:#004f96;--ds-color-accent-base-active:#003d75;--ds-color-accent-base-contrast-subtle:#dbe9f5;--ds-color-accent-base-contrast-default:#fff;--ds-color-neutral-background-default:#fff;--ds-color-neutral-background-tinted:#f3f3f4;--ds-color-neutral-surface-default:#fff;--ds-color-neutral-surface-tinted:#e8e8e9;--ds-color-neutral-surface-hover:#d9dadb;--ds-color-neutral-surface-active:#c9cacb;--ds-color-neutral-border-subtle:#bbbcbd;--ds-color-neutral-border-default:#77797b;--ds-color-neutral-border-strong:#5b5d60;--ds-color-neutral-text-subtle:#5b5d60;--ds-color-neutral-text-default:#292c30;--ds-color-neutral-base-default:#24272b;--ds-color-neutral-base-hover:#36383c;--ds-color-neutral-base-active:#484a4e;--ds-color-neutral-base-contrast-subtle:#b9babb;--ds-color-neutral-base-contrast-default:#fff;--ds-color-brand1-background-default:#fff;--ds-color-brand1-background-tinted:#edf5f3;--ds-color-brand1-surface-default:#fff;--ds-color-brand1-surface-tinted:#dcece8;--ds-color-brand1-surface-hover:#c6dfd9;--ds-color-brand1-surface-active:#add2c9;--ds-color-brand1-border-subtle:#96c5b9;--ds-color-brand1-border-default:#25876f;--ds-color-brand1-border-strong:#0b6a53;--ds-color-brand1-text-subtle:#0b6a53;--ds-color-brand1-text-default:#053227;--ds-color-brand1-base-default:#0d7a5f;--ds-color-brand1-base-hover:#0b644e;--ds-color-brand1-base-active:#084f3d;--ds-color-brand1-base-contrast-subtle:#ebf4f2;--ds-color-brand1-base-contrast-default:#fff;--ds-color-brand2-background-default:#fff;--ds-color-brand2-background-tinted:#f4f3f9;--ds-color-brand2-surface-default:#fff;--ds-color-brand2-surface-tinted:#eae7f3;--ds-color-brand2-surface-hover:#ddd7eb;--ds-color-brand2-surface-active:#cec6e3;--ds-color-brand2-border-subtle:#c1b6db;--ds-color-brand2-border-default:#826db7;--ds-color-brand2-border-strong:#674da7;--ds-color-brand2-text-subtle:#674da7;--ds-color-brand2-text-default:#312256;--ds-color-brand2-base-default:#5b3fa0;--ds-color-brand2-base-hover:#47317c;--ds-color-brand2-base-active:#332359;--ds-color-brand2-base-contrast-subtle:#f1eff7;--ds-color-brand2-base-contrast-default:#fff;--ds-color-info-background-default:#fff;--ds-color-info-background-tinted:#edf5fa;--ds-color-info-surface-default:#fff;--ds-color-info-surface-tinted:#dcebf6;--ds-color-info-surface-hover:#c5ddf0;--ds-color-info-surface-active:#abcfe9;--ds-color-info-border-subtle:#94c1e3;--ds-color-info-border-default:#1f7dc5;--ds-color-info-border-strong:#0860a3;--ds-color-info-text-subtle:#0860a3;--ds-color-info-text-default:#042d4d;--ds-color-info-base-default:#0a71c0;--ds-color-info-base-hover:#085d9f;--ds-color-info-base-active:#074a7e;--ds-color-info-base-contrast-subtle:#eff6fb;--ds-color-info-base-contrast-default:#fff;--ds-color-success-background-default:#fff;--ds-color-success-background-tinted:#ecf6ee;--ds-color-success-surface-default:#fff;--ds-color-success-surface-tinted:#daeddd;--ds-color-success-surface-hover:#c3e2c7;--ds-color-success-surface-active:#a8d5ae;--ds-color-success-border-subtle:#8fc997;--ds-color-success-border-default:#108c22;--ds-color-success-border-strong:#056d13;--ds-color-success-text-subtle:#056d13;--ds-color-success-text-default:#023409;--ds-color-success-base-default:#068718;--ds-color-success-base-hover:#057014;--ds-color-success-base-active:#045a10;--ds-color-success-base-contrast-subtle:#fafdfb;--ds-color-success-base-contrast-default:#fff;--ds-color-warning-background-default:#fff;--ds-color-warning-background-tinted:#fcf2e2;--ds-color-warning-surface-default:#fff;--ds-color-warning-surface-tinted:#fae6c6;--ds-color-warning-surface-hover:#f6d5a0;--ds-color-warning-surface-active:#f2c275;--ds-color-warning-border-subtle:#eeb04c;--ds-color-warning-border-default:#a56d13;--ds-color-warning-border-strong:#80540f;--ds-color-warning-text-subtle:#80540f;--ds-color-warning-text-default:#3c2807;--ds-color-warning-base-default:#ea9b1b;--ds-color-warning-base-hover:#cd8818;--ds-color-warning-base-active:#b27614;--ds-color-warning-base-contrast-subtle:#271a04;--ds-color-warning-base-contrast-default:#000;--ds-color-danger-background-default:#fff;--ds-color-danger-background-tinted:#fbf1f1;--ds-color-danger-surface-default:#fff;--ds-color-danger-surface-tinted:#f8e4e4;--ds-color-danger-surface-hover:#f3d2d2;--ds-color-danger-surface-active:#edbfbf;--ds-color-danger-border-subtle:#e8adad;--ds-color-danger-border-default:#ce4d4d;--ds-color-danger-border-strong:#b81a1a;--ds-color-danger-text-subtle:#b81a1a;--ds-color-danger-text-default:#590d0d;--ds-color-danger-base-default:#c01b1b;--ds-color-danger-base-hover:#9b1616;--ds-color-danger-base-active:#791111;--ds-color-danger-base-contrast-subtle:#f7e1e1;--ds-color-danger-base-contrast-default:#fff;--ds-color-focus-inner:#fff;--ds-color-focus-outer:#292c30;--ds-link-color-visited:#663299;color-scheme:light}}}@layer ds.theme.typography.secondary{[data-typography=secondary]{--ds-line-height-sm:1.3;--ds-line-height-md:1.5;--ds-line-height-lg:1.7;--ds-letter-spacing-1:-0.01em;--ds-letter-spacing-2:-0.005em;--ds-letter-spacing-3:-0.0025em;--ds-letter-spacing-4:-0.0015em;--ds-letter-spacing-5:0em;--ds-letter-spacing-6:0.0015em;--ds-letter-spacing-7:0.0025em;--ds-letter-spacing-8:0.005em;--ds-letter-spacing-9:0.015em;--ds-font-family:Inter;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-regular:400;--ds-heading-2xl-font-weight:500;--ds-heading-2xl-line-height:1.3;--ds-heading-2xl-letter-spacing:-0.01em;--ds-heading-xl-font-weight:500;--ds-heading-xl-line-height:1.3;--ds-heading-xl-letter-spacing:-0.01em;--ds-heading-lg-font-weight:500;--ds-heading-lg-line-height:1.3;--ds-heading-lg-letter-spacing:-0.005em;--ds-heading-md-font-weight:500;--ds-heading-md-line-height:1.3;--ds-heading-md-letter-spacing:-0.0025em;--ds-heading-sm-font-weight:500;--ds-heading-sm-line-height:1.3;--ds-heading-sm-letter-spacing:0em;--ds-heading-xs-font-weight:500;--ds-heading-xs-line-height:1.3;--ds-heading-xs-letter-spacing:0.0015em;--ds-heading-2xs-font-weight:500;--ds-heading-2xs-line-height:1.3;--ds-heading-2xs-letter-spacing:0.0015em;--ds-body-xl-font-weight:400;--ds-body-xl-line-height:1.5;--ds-body-xl-letter-spacing:0.005em;--ds-body-lg-font-weight:400;--ds-body-lg-line-height:1.5;--ds-body-lg-letter-spacing:0.005em;--ds-body-md-font-weight:400;--ds-body-md-line-height:1.5;--ds-body-md-letter-spacing:0.005em;--ds-body-sm-font-weight:400;--ds-body-sm-line-height:1.5;--ds-body-sm-letter-spacing:0.0025em;--ds-body-xs-font-weight:400;--ds-body-xs-line-height:1.5;--ds-body-xs-letter-spacing:0.0015em;--ds-body-short-xl-font-weight:400;--ds-body-short-xl-line-height:1.3;--ds-body-short-xl-letter-spacing:0.005em;--ds-body-short-lg-font-weight:400;--ds-body-short-lg-line-height:1.3;--ds-body-short-lg-letter-spacing:0.005em;--ds-body-short-md-font-weight:400;--ds-body-short-md-line-height:1.3;--ds-body-short-md-letter-spacing:0.005em;--ds-body-short-sm-font-weight:400;--ds-body-short-sm-line-height:1.3;--ds-body-short-sm-letter-spacing:0.0025em;--ds-body-short-xs-font-weight:400;--ds-body-short-xs-line-height:1.3;--ds-body-short-xs-letter-spacing:0.0015em;--ds-body-long-xl-font-weight:400;--ds-body-long-xl-line-height:1.7;--ds-body-long-xl-letter-spacing:0.005em;--ds-body-long-lg-font-weight:400;--ds-body-long-lg-line-height:1.7;--ds-body-long-lg-letter-spacing:0.005em;--ds-body-long-md-font-weight:400;--ds-body-long-md-line-height:1.7;--ds-body-long-md-letter-spacing:0.005em;--ds-body-long-sm-font-weight:400;--ds-body-long-sm-line-height:1.7;--ds-body-long-sm-letter-spacing:0.0025em;--ds-body-long-xs-font-weight:400;--ds-body-long-xs-line-height:1.7;--ds-body-long-xs-letter-spacing:0.0015em}}@layer ds.theme.size{:root,[data-size]{--ds-size-base:18;--ds-size-step:4;--ds-size-0:calc(var(--ds-size-unit)*0);--ds-size-1:calc(var(--ds-size-unit)*1);--ds-size-2:calc(var(--ds-size-unit)*2);--ds-size-3:calc(var(--ds-size-unit)*3);--ds-size-4:calc(var(--ds-size-unit)*4);--ds-size-5:calc(var(--ds-size-unit)*5);--ds-size-6:calc(var(--ds-size-unit)*6);--ds-size-7:calc(var(--ds-size-unit)*7);--ds-size-8:calc(var(--ds-size-unit)*8);--ds-size-9:calc(var(--ds-size-unit)*9);--ds-size-10:calc(var(--ds-size-unit)*10);--ds-size-11:calc(var(--ds-size-unit)*11);--ds-size-12:calc(var(--ds-size-unit)*12);--ds-size-13:calc(var(--ds-size-unit)*13);--ds-size-14:calc(var(--ds-size-unit)*14);--ds-size-15:calc(var(--ds-size-unit)*15);--ds-size-18:calc(var(--ds-size-unit)*18);--ds-size-22:calc(var(--ds-size-unit)*22);--ds-size-26:calc(var(--ds-size-unit)*26);--ds-size-30:calc(var(--ds-size-unit)*30);--ds-size-unit:calc(1rem*var(--ds-size-step)/var(--ds-size-base)*var(--ds-size-mode-font-size))}@supports (width:round(down,.1em,1px)){:root,[data-size]{--ds-size-0:round(down,calc(var(--ds-size-unit)*0),1px);--ds-size-1:round(down,calc(var(--ds-size-unit)*1),1px);--ds-size-2:round(down,calc(var(--ds-size-unit)*2),1px);--ds-size-3:round(down,calc(var(--ds-size-unit)*3),1px);--ds-size-4:round(down,calc(var(--ds-size-unit)*4),1px);--ds-size-5:round(down,calc(var(--ds-size-unit)*5),1px);--ds-size-6:round(down,calc(var(--ds-size-unit)*6),1px);--ds-size-7:round(down,calc(var(--ds-size-unit)*7),1px);--ds-size-8:round(down,calc(var(--ds-size-unit)*8),1px);--ds-size-9:round(down,calc(var(--ds-size-unit)*9),1px);--ds-size-10:round(down,calc(var(--ds-size-unit)*10),1px);--ds-size-11:round(down,calc(var(--ds-size-unit)*11),1px);--ds-size-12:round(down,calc(var(--ds-size-unit)*12),1px);--ds-size-13:round(down,calc(var(--ds-size-unit)*13),1px);--ds-size-14:round(down,calc(var(--ds-size-unit)*14),1px);--ds-size-15:round(down,calc(var(--ds-size-unit)*15),1px);--ds-size-18:round(down,calc(var(--ds-size-unit)*18),1px);--ds-size-22:round(down,calc(var(--ds-size-unit)*22),1px);--ds-size-26:round(down,calc(var(--ds-size-unit)*26),1px);--ds-size-30:round(down,calc(var(--ds-size-unit)*30),1px)}}}@layer ds.theme.semantic{:root{--ds-border-radius-base:0.25rem;--ds-border-radius-scale:0.25rem;--ds-border-radius-sm:min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));--ds-border-radius-md:min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);--ds-border-radius-lg:min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);--ds-border-radius-xl:min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);--ds-border-radius-default:var(--ds-border-radius-base);--ds-border-radius-full:624.9375rem;--ds-border-width-default:1px;--ds-border-width-focus:3px;--ds-shadow-xs:0 0 1px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.12);--ds-shadow-sm:0 0 1px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.1);--ds-shadow-md:0 0 1px 0 rgba(0,0,0,.14),0 2px 4px 0 rgba(0,0,0,.12),0 4px 8px 0 rgba(0,0,0,.12);--ds-shadow-lg:0 0 1px 0 rgba(0,0,0,.13),0 3px 5px 0 rgba(0,0,0,.13),0 6px 12px 0 rgba(0,0,0,.14);--ds-shadow-xl:0 0 1px 0 rgba(0,0,0,.12),0 4px 8px 0 rgba(0,0,0,.16),0 12px 24px 0 rgba(0,0,0,.16);--ds-opacity-disabled:30%}}@layer ds.theme.color-scheme.dark{[data-color-scheme=dark]{--ds-color-accent-background-default:#0c1927;--ds-color-accent-background-tinted:#102033;--ds-color-accent-surface-default:#142941;--ds-color-accent-surface-tinted:#172f4b;--ds-color-accent-surface-hover:#1a3757;--ds-color-accent-surface-active:#21446d;--ds-color-accent-border-subtle:#285182;--ds-color-accent-border-default:#5a84b4;--ds-color-accent-border-strong:#8eaacb;--ds-color-accent-text-subtle:#8eaacb;--ds-color-accent-text-default:#e7edf4;--ds-color-accent-base-default:#4c91cf;--ds-color-accent-base-hover:#6fa6d8;--ds-color-accent-base-active:#92bce1;--ds-color-accent-base-contrast-subtle:#0d1924;--ds-color-accent-base-contrast-default:#000;--ds-color-neutral-background-default:#17181a;--ds-color-neutral-background-tinted:#1e2022;--ds-color-neutral-surface-default:#26282b;--ds-color-neutral-surface-tinted:#2c2e31;--ds-color-neutral-surface-hover:#343538;--ds-color-neutral-surface-active:#414346;--ds-color-neutral-border-subtle:#4e5052;--ds-color-neutral-border-default:#808183;--ds-color-neutral-border-strong:#a7a8a9;--ds-color-neutral-text-subtle:#a7a8a9;--ds-color-neutral-text-default:#ececec;--ds-color-neutral-base-default:#aaabad;--ds-color-neutral-base-hover:#959698;--ds-color-neutral-base-active:#7f8184;--ds-color-neutral-base-contrast-subtle:#1b1b1b;--ds-color-neutral-base-contrast-default:#000;--ds-color-brand1-background-default:#0d1a16;--ds-color-brand1-background-tinted:#11231d;--ds-color-brand1-surface-default:#162c25;--ds-color-brand1-surface-tinted:#19322a;--ds-color-brand1-surface-hover:#1d3b31;--ds-color-brand1-surface-active:#254a3e;--ds-color-brand1-border-subtle:#2c584a;--ds-color-brand1-border-default:#598b7b;--ds-color-brand1-border-strong:#8dafa4;--ds-color-brand1-text-subtle:#8dafa4;--ds-color-brand1-text-default:#e7eeeb;--ds-color-brand1-base-default:#38927b;--ds-color-brand1-base-hover:#5aa492;--ds-color-brand1-base-active:#7eb8aa;--ds-color-brand1-base-contrast-subtle:#071310;--ds-color-brand1-base-contrast-default:#000;--ds-color-brand2-background-default:#191528;--ds-color-brand2-background-tinted:#211c34;--ds-color-brand2-surface-default:#2a2342;--ds-color-brand2-surface-tinted:#31284c;--ds-color-brand2-surface-hover:#392f59;--ds-color-brand2-surface-active:#473b6f;--ds-color-brand2-border-subtle:#554685;--ds-color-brand2-border-default:#867baa;--ds-color-brand2-border-strong:#aba3c4;--ds-color-brand2-text-subtle:#aba3c4;--ds-color-brand2-text-default:#edebf2;--ds-color-brand2-base-default:#a697cc;--ds-color-brand2-base-hover:#9380c0;--ds-color-brand2-base-active:#7e69b5;--ds-color-brand2-base-contrast-subtle:#131117;--ds-color-brand2-base-contrast-default:#000;--ds-color-info-background-default:#0d1925;--ds-color-info-background-tinted:#112130;--ds-color-info-surface-default:#15293d;--ds-color-info-surface-tinted:#182f46;--ds-color-info-surface-hover:#1c3751;--ds-color-info-surface-active:#234566;--ds-color-info-border-subtle:#2a537a;--ds-color-info-border-default:#5585b4;--ds-color-info-border-strong:#8aabcb;--ds-color-info-text-subtle:#8aabcb;--ds-color-info-text-default:#e6edf4;--ds-color-info-base-default:#2d85c9;--ds-color-info-base-hover:#519ad2;--ds-color-info-base-active:#77b0dc;--ds-color-info-base-contrast-subtle:#050e15;--ds-color-info-base-contrast-default:#000;--ds-color-success-background-default:#0d1b0d;--ds-color-success-background-tinted:#112411;--ds-color-success-surface-default:#152d15;--ds-color-success-surface-tinted:#183418;--ds-color-success-surface-hover:#1c3c1c;--ds-color-success-surface-active:#244c24;--ds-color-success-border-subtle:#2b5a2b;--ds-color-success-border-default:#528f52;--ds-color-success-border-strong:#89b289;--ds-color-success-text-subtle:#89b289;--ds-color-success-text-default:#e6efe6;--ds-color-success-base-default:#138d24;--ds-color-success-base-hover:#3ca14b;--ds-color-success-base-active:#66b571;--ds-color-success-base-contrast-subtle:#010501;--ds-color-success-base-contrast-default:#000;--ds-color-warning-background-default:#1e160d;--ds-color-warning-background-tinted:#281e11;--ds-color-warning-surface-default:#322616;--ds-color-warning-surface-tinted:#3a2b19;--ds-color-warning-surface-hover:#43321d;--ds-color-warning-surface-active:#543f24;--ds-color-warning-border-subtle:#654b2b;--ds-color-warning-border-default:#a37a46;--ds-color-warning-border-strong:#d39e5b;--ds-color-warning-text-subtle:#d39e5b;--ds-color-warning-text-default:#f7ebdb;--ds-color-warning-base-default:#60400b;--ds-color-warning-base-hover:#7a510e;--ds-color-warning-base-active:#946211;--ds-color-warning-base-contrast-subtle:#e6e2d9;--ds-color-warning-base-contrast-default:#fff;--ds-color-danger-background-default:#2a100e;--ds-color-danger-background-tinted:#371512;--ds-color-danger-surface-default:#451b17;--ds-color-danger-surface-tinted:#4f1f1b;--ds-color-danger-surface-hover:#5c241f;--ds-color-danger-surface-active:#722d27;--ds-color-danger-border-subtle:#88352e;--ds-color-danger-border-default:#bc6b64;--ds-color-danger-border-strong:#d19a96;--ds-color-danger-text-subtle:#d19a96;--ds-color-danger-text-default:#f5eae9;--ds-color-danger-base-default:#d76e6e;--ds-color-danger-base-hover:#df8b8b;--ds-color-danger-base-active:#e7a8a8;--ds-color-danger-base-contrast-subtle:#271414;--ds-color-danger-base-contrast-default:#000;--ds-color-focus-inner:#17181a;--ds-color-focus-outer:#ececec;--ds-link-color-visited:#b49acd;color-scheme:dark}@media (prefers-color-scheme:dark){[data-color-scheme=auto]{--ds-color-accent-background-default:#0c1927;--ds-color-accent-background-tinted:#102033;--ds-color-accent-surface-default:#142941;--ds-color-accent-surface-tinted:#172f4b;--ds-color-accent-surface-hover:#1a3757;--ds-color-accent-surface-active:#21446d;--ds-color-accent-border-subtle:#285182;--ds-color-accent-border-default:#5a84b4;--ds-color-accent-border-strong:#8eaacb;--ds-color-accent-text-subtle:#8eaacb;--ds-color-accent-text-default:#e7edf4;--ds-color-accent-base-default:#4c91cf;--ds-color-accent-base-hover:#6fa6d8;--ds-color-accent-base-active:#92bce1;--ds-color-accent-base-contrast-subtle:#0d1924;--ds-color-accent-base-contrast-default:#000;--ds-color-neutral-background-default:#17181a;--ds-color-neutral-background-tinted:#1e2022;--ds-color-neutral-surface-default:#26282b;--ds-color-neutral-surface-tinted:#2c2e31;--ds-color-neutral-surface-hover:#343538;--ds-color-neutral-surface-active:#414346;--ds-color-neutral-border-subtle:#4e5052;--ds-color-neutral-border-default:#808183;--ds-color-neutral-border-strong:#a7a8a9;--ds-color-neutral-text-subtle:#a7a8a9;--ds-color-neutral-text-default:#ececec;--ds-color-neutral-base-default:#aaabad;--ds-color-neutral-base-hover:#959698;--ds-color-neutral-base-active:#7f8184;--ds-color-neutral-base-contrast-subtle:#1b1b1b;--ds-color-neutral-base-contrast-default:#000;--ds-color-brand1-background-default:#0d1a16;--ds-color-brand1-background-tinted:#11231d;--ds-color-brand1-surface-default:#162c25;--ds-color-brand1-surface-tinted:#19322a;--ds-color-brand1-surface-hover:#1d3b31;--ds-color-brand1-surface-active:#254a3e;--ds-color-brand1-border-subtle:#2c584a;--ds-color-brand1-border-default:#598b7b;--ds-color-brand1-border-strong:#8dafa4;--ds-color-brand1-text-subtle:#8dafa4;--ds-color-brand1-text-default:#e7eeeb;--ds-color-brand1-base-default:#38927b;--ds-color-brand1-base-hover:#5aa492;--ds-color-brand1-base-active:#7eb8aa;--ds-color-brand1-base-contrast-subtle:#071310;--ds-color-brand1-base-contrast-default:#000;--ds-color-brand2-background-default:#191528;--ds-color-brand2-background-tinted:#211c34;--ds-color-brand2-surface-default:#2a2342;--ds-color-brand2-surface-tinted:#31284c;--ds-color-brand2-surface-hover:#392f59;--ds-color-brand2-surface-active:#473b6f;--ds-color-brand2-border-subtle:#554685;--ds-color-brand2-border-default:#867baa;--ds-color-brand2-border-strong:#aba3c4;--ds-color-brand2-text-subtle:#aba3c4;--ds-color-brand2-text-default:#edebf2;--ds-color-brand2-base-default:#a697cc;--ds-color-brand2-base-hover:#9380c0;--ds-color-brand2-base-active:#7e69b5;--ds-color-brand2-base-contrast-subtle:#131117;--ds-color-brand2-base-contrast-default:#000;--ds-color-info-background-default:#0d1925;--ds-color-info-background-tinted:#112130;--ds-color-info-surface-default:#15293d;--ds-color-info-surface-tinted:#182f46;--ds-color-info-surface-hover:#1c3751;--ds-color-info-surface-active:#234566;--ds-color-info-border-subtle:#2a537a;--ds-color-info-border-default:#5585b4;--ds-color-info-border-strong:#8aabcb;--ds-color-info-text-subtle:#8aabcb;--ds-color-info-text-default:#e6edf4;--ds-color-info-base-default:#2d85c9;--ds-color-info-base-hover:#519ad2;--ds-color-info-base-active:#77b0dc;--ds-color-info-base-contrast-subtle:#050e15;--ds-color-info-base-contrast-default:#000;--ds-color-success-background-default:#0d1b0d;--ds-color-success-background-tinted:#112411;--ds-color-success-surface-default:#152d15;--ds-color-success-surface-tinted:#183418;--ds-color-success-surface-hover:#1c3c1c;--ds-color-success-surface-active:#244c24;--ds-color-success-border-subtle:#2b5a2b;--ds-color-success-border-default:#528f52;--ds-color-success-border-strong:#89b289;--ds-color-success-text-subtle:#89b289;--ds-color-success-text-default:#e6efe6;--ds-color-success-base-default:#138d24;--ds-color-success-base-hover:#3ca14b;--ds-color-success-base-active:#66b571;--ds-color-success-base-contrast-subtle:#010501;--ds-color-success-base-contrast-default:#000;--ds-color-warning-background-default:#1e160d;--ds-color-warning-background-tinted:#281e11;--ds-color-warning-surface-default:#322616;--ds-color-warning-surface-tinted:#3a2b19;--ds-color-warning-surface-hover:#43321d;--ds-color-warning-surface-active:#543f24;--ds-color-warning-border-subtle:#654b2b;--ds-color-warning-border-default:#a37a46;--ds-color-warning-border-strong:#d39e5b;--ds-color-warning-text-subtle:#d39e5b;--ds-color-warning-text-default:#f7ebdb;--ds-color-warning-base-default:#60400b;--ds-color-warning-base-hover:#7a510e;--ds-color-warning-base-active:#946211;--ds-color-warning-base-contrast-subtle:#e6e2d9;--ds-color-warning-base-contrast-default:#fff;--ds-color-danger-background-default:#2a100e;--ds-color-danger-background-tinted:#371512;--ds-color-danger-surface-default:#451b17;--ds-color-danger-surface-tinted:#4f1f1b;--ds-color-danger-surface-hover:#5c241f;--ds-color-danger-surface-active:#722d27;--ds-color-danger-border-subtle:#88352e;--ds-color-danger-border-default:#bc6b64;--ds-color-danger-border-strong:#d19a96;--ds-color-danger-text-subtle:#d19a96;--ds-color-danger-text-default:#f5eae9;--ds-color-danger-base-default:#d76e6e;--ds-color-danger-base-hover:#df8b8b;--ds-color-danger-base-active:#e7a8a8;--ds-color-danger-base-contrast-subtle:#271414;--ds-color-danger-base-contrast-default:#000;--ds-color-focus-inner:#17181a;--ds-color-focus-outer:#ececec;--ds-link-color-visited:#b49acd;color-scheme:dark}}}@layer ds.theme.typography.primary{:root,[data-typography=primary]{--ds-line-height-sm:1.3;--ds-line-height-md:1.5;--ds-line-height-lg:1.7;--ds-letter-spacing-1:-0.01em;--ds-letter-spacing-2:-0.005em;--ds-letter-spacing-3:-0.0025em;--ds-letter-spacing-4:-0.0015em;--ds-letter-spacing-5:0em;--ds-letter-spacing-6:0.0015em;--ds-letter-spacing-7:0.0025em;--ds-letter-spacing-8:0.005em;--ds-letter-spacing-9:0.015em;--ds-font-family:Inter;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-regular:400;--ds-heading-2xl-font-weight:500;--ds-heading-2xl-line-height:1.3;--ds-heading-2xl-letter-spacing:-0.01em;--ds-heading-xl-font-weight:500;--ds-heading-xl-line-height:1.3;--ds-heading-xl-letter-spacing:-0.01em;--ds-heading-lg-font-weight:500;--ds-heading-lg-line-height:1.3;--ds-heading-lg-letter-spacing:-0.005em;--ds-heading-md-font-weight:500;--ds-heading-md-line-height:1.3;--ds-heading-md-letter-spacing:-0.0025em;--ds-heading-sm-font-weight:500;--ds-heading-sm-line-height:1.3;--ds-heading-sm-letter-spacing:0em;--ds-heading-xs-font-weight:500;--ds-heading-xs-line-height:1.3;--ds-heading-xs-letter-spacing:0.0015em;--ds-heading-2xs-font-weight:500;--ds-heading-2xs-line-height:1.3;--ds-heading-2xs-letter-spacing:0.0015em;--ds-body-xl-font-weight:400;--ds-body-xl-line-height:1.5;--ds-body-xl-letter-spacing:0.005em;--ds-body-lg-font-weight:400;--ds-body-lg-line-height:1.5;--ds-body-lg-letter-spacing:0.005em;--ds-body-md-font-weight:400;--ds-body-md-line-height:1.5;--ds-body-md-letter-spacing:0.005em;--ds-body-sm-font-weight:400;--ds-body-sm-line-height:1.5;--ds-body-sm-letter-spacing:0.0025em;--ds-body-xs-font-weight:400;--ds-body-xs-line-height:1.5;--ds-body-xs-letter-spacing:0.0015em;--ds-body-short-xl-font-weight:400;--ds-body-short-xl-line-height:1.3;--ds-body-short-xl-letter-spacing:0.005em;--ds-body-short-lg-font-weight:400;--ds-body-short-lg-line-height:1.3;--ds-body-short-lg-letter-spacing:0.005em;--ds-body-short-md-font-weight:400;--ds-body-short-md-line-height:1.3;--ds-body-short-md-letter-spacing:0.005em;--ds-body-short-sm-font-weight:400;--ds-body-short-sm-line-height:1.3;--ds-body-short-sm-letter-spacing:0.0025em;--ds-body-short-xs-font-weight:400;--ds-body-short-xs-line-height:1.3;--ds-body-short-xs-letter-spacing:0.0015em;--ds-body-long-xl-font-weight:400;--ds-body-long-xl-line-height:1.7;--ds-body-long-xl-letter-spacing:0.005em;--ds-body-long-lg-font-weight:400;--ds-body-long-lg-line-height:1.7;--ds-body-long-lg-letter-spacing:0.005em;--ds-body-long-md-font-weight:400;--ds-body-long-md-line-height:1.7;--ds-body-long-md-letter-spacing:0.005em;--ds-body-long-sm-font-weight:400;--ds-body-long-sm-line-height:1.7;--ds-body-long-sm-letter-spacing:0.0025em;--ds-body-long-xs-font-weight:400;--ds-body-long-xs-line-height:1.7;--ds-body-long-xs-letter-spacing:0.0015em}}@layer ds.theme.color{:root,[data-color-scheme],[data-color=accent]{--ds-color-background-default:var(--ds-color-accent-background-default);--ds-color-background-tinted:var(--ds-color-accent-background-tinted);--ds-color-surface-default:var(--ds-color-accent-surface-default);--ds-color-surface-tinted:var(--ds-color-accent-surface-tinted);--ds-color-surface-hover:var(--ds-color-accent-surface-hover);--ds-color-surface-active:var(--ds-color-accent-surface-active);--ds-color-border-subtle:var(--ds-color-accent-border-subtle);--ds-color-border-default:var(--ds-color-accent-border-default);--ds-color-border-strong:var(--ds-color-accent-border-strong);--ds-color-text-subtle:var(--ds-color-accent-text-subtle);--ds-color-text-default:var(--ds-color-accent-text-default);--ds-color-base-default:var(--ds-color-accent-base-default);--ds-color-base-hover:var(--ds-color-accent-base-hover);--ds-color-base-active:var(--ds-color-accent-base-active);--ds-color-base-contrast-subtle:var(--ds-color-accent-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-accent-base-contrast-default)}[data-color-scheme][data-color=brand1],[data-color=brand1]{--ds-color-background-default:var(--ds-color-brand1-background-default);--ds-color-background-tinted:var(--ds-color-brand1-background-tinted);--ds-color-surface-default:var(--ds-color-brand1-surface-default);--ds-color-surface-tinted:var(--ds-color-brand1-surface-tinted);--ds-color-surface-hover:var(--ds-color-brand1-surface-hover);--ds-color-surface-active:var(--ds-color-brand1-surface-active);--ds-color-border-subtle:var(--ds-color-brand1-border-subtle);--ds-color-border-default:var(--ds-color-brand1-border-default);--ds-color-border-strong:var(--ds-color-brand1-border-strong);--ds-color-text-subtle:var(--ds-color-brand1-text-subtle);--ds-color-text-default:var(--ds-color-brand1-text-default);--ds-color-base-default:var(--ds-color-brand1-base-default);--ds-color-base-hover:var(--ds-color-brand1-base-hover);--ds-color-base-active:var(--ds-color-brand1-base-active);--ds-color-base-contrast-subtle:var(--ds-color-brand1-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-brand1-base-contrast-default)}[data-color-scheme][data-color=brand2],[data-color=brand2]{--ds-color-background-default:var(--ds-color-brand2-background-default);--ds-color-background-tinted:var(--ds-color-brand2-background-tinted);--ds-color-surface-default:var(--ds-color-brand2-surface-default);--ds-color-surface-tinted:var(--ds-color-brand2-surface-tinted);--ds-color-surface-hover:var(--ds-color-brand2-surface-hover);--ds-color-surface-active:var(--ds-color-brand2-surface-active);--ds-color-border-subtle:var(--ds-color-brand2-border-subtle);--ds-color-border-default:var(--ds-color-brand2-border-default);--ds-color-border-strong:var(--ds-color-brand2-border-strong);--ds-color-text-subtle:var(--ds-color-brand2-text-subtle);--ds-color-text-default:var(--ds-color-brand2-text-default);--ds-color-base-default:var(--ds-color-brand2-base-default);--ds-color-base-hover:var(--ds-color-brand2-base-hover);--ds-color-base-active:var(--ds-color-brand2-base-active);--ds-color-base-contrast-subtle:var(--ds-color-brand2-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-brand2-base-contrast-default)}[data-color-scheme][data-color=danger],[data-color=danger]{--ds-color-background-default:var(--ds-color-danger-background-default);--ds-color-background-tinted:var(--ds-color-danger-background-tinted);--ds-color-surface-default:var(--ds-color-danger-surface-default);--ds-color-surface-tinted:var(--ds-color-danger-surface-tinted);--ds-color-surface-hover:var(--ds-color-danger-surface-hover);--ds-color-surface-active:var(--ds-color-danger-surface-active);--ds-color-border-subtle:var(--ds-color-danger-border-subtle);--ds-color-border-default:var(--ds-color-danger-border-default);--ds-color-border-strong:var(--ds-color-danger-border-strong);--ds-color-text-subtle:var(--ds-color-danger-text-subtle);--ds-color-text-default:var(--ds-color-danger-text-default);--ds-color-base-default:var(--ds-color-danger-base-default);--ds-color-base-hover:var(--ds-color-danger-base-hover);--ds-color-base-active:var(--ds-color-danger-base-active);--ds-color-base-contrast-subtle:var(--ds-color-danger-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-danger-base-contrast-default)}[data-color-scheme][data-color=info],[data-color=info]{--ds-color-background-default:var(--ds-color-info-background-default);--ds-color-background-tinted:var(--ds-color-info-background-tinted);--ds-color-surface-default:var(--ds-color-info-surface-default);--ds-color-surface-tinted:var(--ds-color-info-surface-tinted);--ds-color-surface-hover:var(--ds-color-info-surface-hover);--ds-color-surface-active:var(--ds-color-info-surface-active);--ds-color-border-subtle:var(--ds-color-info-border-subtle);--ds-color-border-default:var(--ds-color-info-border-default);--ds-color-border-strong:var(--ds-color-info-border-strong);--ds-color-text-subtle:var(--ds-color-info-text-subtle);--ds-color-text-default:var(--ds-color-info-text-default);--ds-color-base-default:var(--ds-color-info-base-default);--ds-color-base-hover:var(--ds-color-info-base-hover);--ds-color-base-active:var(--ds-color-info-base-active);--ds-color-base-contrast-subtle:var(--ds-color-info-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-info-base-contrast-default)}[data-color-scheme][data-color=neutral],[data-color=neutral]{--ds-color-background-default:var(--ds-color-neutral-background-default);--ds-color-background-tinted:var(--ds-color-neutral-background-tinted);--ds-color-surface-default:var(--ds-color-neutral-surface-default);--ds-color-surface-tinted:var(--ds-color-neutral-surface-tinted);--ds-color-surface-hover:var(--ds-color-neutral-surface-hover);--ds-color-surface-active:var(--ds-color-neutral-surface-active);--ds-color-border-subtle:var(--ds-color-neutral-border-subtle);--ds-color-border-default:var(--ds-color-neutral-border-default);--ds-color-border-strong:var(--ds-color-neutral-border-strong);--ds-color-text-subtle:var(--ds-color-neutral-text-subtle);--ds-color-text-default:var(--ds-color-neutral-text-default);--ds-color-base-default:var(--ds-color-neutral-base-default);--ds-color-base-hover:var(--ds-color-neutral-base-hover);--ds-color-base-active:var(--ds-color-neutral-base-active);--ds-color-base-contrast-subtle:var(--ds-color-neutral-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-neutral-base-contrast-default)}[data-color-scheme][data-color=success],[data-color=success]{--ds-color-background-default:var(--ds-color-success-background-default);--ds-color-background-tinted:var(--ds-color-success-background-tinted);--ds-color-surface-default:var(--ds-color-success-surface-default);--ds-color-surface-tinted:var(--ds-color-success-surface-tinted);--ds-color-surface-hover:var(--ds-color-success-surface-hover);--ds-color-surface-active:var(--ds-color-success-surface-active);--ds-color-border-subtle:var(--ds-color-success-border-subtle);--ds-color-border-default:var(--ds-color-success-border-default);--ds-color-border-strong:var(--ds-color-success-border-strong);--ds-color-text-subtle:var(--ds-color-success-text-subtle);--ds-color-text-default:var(--ds-color-success-text-default);--ds-color-base-default:var(--ds-color-success-base-default);--ds-color-base-hover:var(--ds-color-success-base-hover);--ds-color-base-active:var(--ds-color-success-base-active);--ds-color-base-contrast-subtle:var(--ds-color-success-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-success-base-contrast-default)}[data-color-scheme][data-color=warning],[data-color=warning]{--ds-color-background-default:var(--ds-color-warning-background-default);--ds-color-background-tinted:var(--ds-color-warning-background-tinted);--ds-color-surface-default:var(--ds-color-warning-surface-default);--ds-color-surface-tinted:var(--ds-color-warning-surface-tinted);--ds-color-surface-hover:var(--ds-color-warning-surface-hover);--ds-color-surface-active:var(--ds-color-warning-surface-active);--ds-color-border-subtle:var(--ds-color-warning-border-subtle);--ds-color-border-default:var(--ds-color-warning-border-default);--ds-color-border-strong:var(--ds-color-warning-border-strong);--ds-color-text-subtle:var(--ds-color-warning-text-subtle);--ds-color-text-default:var(--ds-color-warning-text-default);--ds-color-base-default:var(--ds-color-warning-base-default);--ds-color-base-hover:var(--ds-color-warning-base-hover);--ds-color-base-active:var(--ds-color-warning-base-active);--ds-color-base-contrast-subtle:var(--ds-color-warning-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-warning-base-contrast-default)}}@layer ds.theme.color{}@layer ds.theme.color{}@layer ds.theme.color{}@layer ds.theme.color{}@layer ds.theme.color{}@layer ds.theme.color{}@layer ds.theme.color{}
1
+ @layer ds.theme.size-mode{:root{--ds-size-mode-font-size--sm:1}}@layer ds.theme.size-mode{:root{--ds-size-mode-font-size--md:1.125}}@layer ds.theme.size-mode{:root{--ds-size-mode-font-size--lg:1.3125}}@layer ds.theme.size-mode{:root,[data-size]{--ds-size:var(--ds-size--md);--ds-size--sm:var(--ds-size,);--ds-size--md:var(--ds-size,);--ds-size--lg:var(--ds-size,);--ds-size-mode-font-size:var(--ds-size--sm,var(--ds-size-mode-font-size--sm)) var(--ds-size--md,var(--ds-size-mode-font-size--md)) var(--ds-size--lg,var(--ds-size-mode-font-size--lg))}[data-size=sm]{--ds-size:var(--ds-size--sm)}[data-size=md]{--ds-size:var(--ds-size--md)}[data-size=lg]{--ds-size:var(--ds-size--lg)}}@layer ds.theme.type-scale{:root,[data-size]{--_ds-font-size-factor:calc(var(--ds-size-mode-font-size)/(var(--ds-size-base)/16));--ds-font-size-1:calc(0.75rem*var(--_ds-font-size-factor));--ds-font-size-2:calc(0.875rem*var(--_ds-font-size-factor));--ds-font-size-3:calc(1rem*var(--_ds-font-size-factor));--ds-font-size-4:calc(1.125rem*var(--_ds-font-size-factor));--ds-font-size-5:calc(1.3125rem*var(--_ds-font-size-factor));--ds-font-size-6:calc(1.5rem*var(--_ds-font-size-factor));--ds-font-size-7:calc(1.875rem*var(--_ds-font-size-factor));--ds-font-size-8:calc(2.25rem*var(--_ds-font-size-factor));--ds-font-size-9:calc(3rem*var(--_ds-font-size-factor));--ds-font-size-10:calc(3.75rem*var(--_ds-font-size-factor));--ds-heading-2xl-font-size:var(--ds-font-size-10);--ds-heading-xl-font-size:var(--ds-font-size-9);--ds-heading-lg-font-size:var(--ds-font-size-8);--ds-heading-md-font-size:var(--ds-font-size-7);--ds-heading-sm-font-size:var(--ds-font-size-6);--ds-heading-xs-font-size:var(--ds-font-size-5);--ds-heading-2xs-font-size:var(--ds-font-size-4);--ds-body-xl-font-size:var(--ds-font-size-6);--ds-body-lg-font-size:var(--ds-font-size-5);--ds-body-md-font-size:var(--ds-font-size-4);--ds-body-sm-font-size:var(--ds-font-size-3);--ds-body-xs-font-size:var(--ds-font-size-2);--ds-body-short-xl-font-size:var(--ds-font-size-6);--ds-body-short-lg-font-size:var(--ds-font-size-5);--ds-body-short-md-font-size:var(--ds-font-size-4);--ds-body-short-sm-font-size:var(--ds-font-size-3);--ds-body-short-xs-font-size:var(--ds-font-size-2);--ds-body-long-xl-font-size:var(--ds-font-size-6);--ds-body-long-lg-font-size:var(--ds-font-size-5);--ds-body-long-md-font-size:var(--ds-font-size-4);--ds-body-long-sm-font-size:var(--ds-font-size-3);--ds-body-long-xs-font-size:var(--ds-font-size-2)}@supports (width:round(down,.1em,1px)){:root,[data-size]{--ds-font-size-1:round(calc(0.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-2:round(calc(0.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-3:round(calc(1rem*var(--_ds-font-size-factor)),1px);--ds-font-size-4:round(calc(1.125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-5:round(calc(1.3125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-6:round(calc(1.5rem*var(--_ds-font-size-factor)),1px);--ds-font-size-7:round(calc(1.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-8:round(calc(2.25rem*var(--_ds-font-size-factor)),1px);--ds-font-size-9:round(calc(3rem*var(--_ds-font-size-factor)),1px);--ds-font-size-10:round(calc(3.75rem*var(--_ds-font-size-factor)),1px)}}}@layer ds.theme.color-scheme.light{:root,[data-color-scheme=light]{--ds-color-accent-background-default:#fff;--ds-color-accent-background-tinted:#eef4fa;--ds-color-accent-surface-default:#fff;--ds-color-accent-surface-tinted:#ddeaf6;--ds-color-accent-surface-hover:#c7ddf0;--ds-color-accent-surface-active:#afcee9;--ds-color-accent-border-subtle:#99c0e3;--ds-color-accent-border-default:#2a7cc5;--ds-color-accent-border-strong:#005db1;--ds-color-accent-text-subtle:#005db1;--ds-color-accent-text-default:#002c54;--ds-color-accent-base-default:#0062ba;--ds-color-accent-base-hover:#004f96;--ds-color-accent-base-active:#003d75;--ds-color-accent-base-contrast-subtle:#dbe9f5;--ds-color-accent-base-contrast-default:#fff;--ds-color-neutral-background-default:#fff;--ds-color-neutral-background-tinted:#f3f3f4;--ds-color-neutral-surface-default:#fff;--ds-color-neutral-surface-tinted:#e8e8e9;--ds-color-neutral-surface-hover:#d9dadb;--ds-color-neutral-surface-active:#c9cacb;--ds-color-neutral-border-subtle:#bbbcbd;--ds-color-neutral-border-default:#77797b;--ds-color-neutral-border-strong:#5b5d60;--ds-color-neutral-text-subtle:#5b5d60;--ds-color-neutral-text-default:#292c30;--ds-color-neutral-base-default:#24272b;--ds-color-neutral-base-hover:#36383c;--ds-color-neutral-base-active:#484a4e;--ds-color-neutral-base-contrast-subtle:#b9babb;--ds-color-neutral-base-contrast-default:#fff;--ds-color-brand1-background-default:#fff;--ds-color-brand1-background-tinted:#edf5f3;--ds-color-brand1-surface-default:#fff;--ds-color-brand1-surface-tinted:#dcece8;--ds-color-brand1-surface-hover:#c6dfd9;--ds-color-brand1-surface-active:#add2c9;--ds-color-brand1-border-subtle:#96c5b9;--ds-color-brand1-border-default:#25876f;--ds-color-brand1-border-strong:#0b6a53;--ds-color-brand1-text-subtle:#0b6a53;--ds-color-brand1-text-default:#053227;--ds-color-brand1-base-default:#0d7a5f;--ds-color-brand1-base-hover:#0b644e;--ds-color-brand1-base-active:#084f3d;--ds-color-brand1-base-contrast-subtle:#ebf4f2;--ds-color-brand1-base-contrast-default:#fff;--ds-color-brand2-background-default:#fff;--ds-color-brand2-background-tinted:#f4f3f9;--ds-color-brand2-surface-default:#fff;--ds-color-brand2-surface-tinted:#eae7f3;--ds-color-brand2-surface-hover:#ddd7eb;--ds-color-brand2-surface-active:#cec6e3;--ds-color-brand2-border-subtle:#c1b6db;--ds-color-brand2-border-default:#826db7;--ds-color-brand2-border-strong:#674da7;--ds-color-brand2-text-subtle:#674da7;--ds-color-brand2-text-default:#312256;--ds-color-brand2-base-default:#5b3fa0;--ds-color-brand2-base-hover:#47317c;--ds-color-brand2-base-active:#332359;--ds-color-brand2-base-contrast-subtle:#f1eff7;--ds-color-brand2-base-contrast-default:#fff;--ds-color-info-background-default:#fff;--ds-color-info-background-tinted:#edf5fa;--ds-color-info-surface-default:#fff;--ds-color-info-surface-tinted:#dcebf6;--ds-color-info-surface-hover:#c5ddf0;--ds-color-info-surface-active:#abcfe9;--ds-color-info-border-subtle:#94c1e3;--ds-color-info-border-default:#1f7dc5;--ds-color-info-border-strong:#0860a3;--ds-color-info-text-subtle:#0860a3;--ds-color-info-text-default:#042d4d;--ds-color-info-base-default:#0a71c0;--ds-color-info-base-hover:#085d9f;--ds-color-info-base-active:#074a7e;--ds-color-info-base-contrast-subtle:#eff6fb;--ds-color-info-base-contrast-default:#fff;--ds-color-success-background-default:#fff;--ds-color-success-background-tinted:#ecf6ee;--ds-color-success-surface-default:#fff;--ds-color-success-surface-tinted:#daeddd;--ds-color-success-surface-hover:#c3e2c7;--ds-color-success-surface-active:#a8d5ae;--ds-color-success-border-subtle:#8fc997;--ds-color-success-border-default:#108c22;--ds-color-success-border-strong:#056d13;--ds-color-success-text-subtle:#056d13;--ds-color-success-text-default:#023409;--ds-color-success-base-default:#068718;--ds-color-success-base-hover:#057014;--ds-color-success-base-active:#045a10;--ds-color-success-base-contrast-subtle:#fafdfb;--ds-color-success-base-contrast-default:#fff;--ds-color-warning-background-default:#fff;--ds-color-warning-background-tinted:#fcf2e2;--ds-color-warning-surface-default:#fff;--ds-color-warning-surface-tinted:#fae6c6;--ds-color-warning-surface-hover:#f6d5a0;--ds-color-warning-surface-active:#f2c275;--ds-color-warning-border-subtle:#eeb04c;--ds-color-warning-border-default:#a56d13;--ds-color-warning-border-strong:#80540f;--ds-color-warning-text-subtle:#80540f;--ds-color-warning-text-default:#3c2807;--ds-color-warning-base-default:#ea9b1b;--ds-color-warning-base-hover:#cd8818;--ds-color-warning-base-active:#b27614;--ds-color-warning-base-contrast-subtle:#271a04;--ds-color-warning-base-contrast-default:#000;--ds-color-danger-background-default:#fff;--ds-color-danger-background-tinted:#fbf1f1;--ds-color-danger-surface-default:#fff;--ds-color-danger-surface-tinted:#f8e4e4;--ds-color-danger-surface-hover:#f3d2d2;--ds-color-danger-surface-active:#edbfbf;--ds-color-danger-border-subtle:#e8adad;--ds-color-danger-border-default:#ce4d4d;--ds-color-danger-border-strong:#b81a1a;--ds-color-danger-text-subtle:#b81a1a;--ds-color-danger-text-default:#590d0d;--ds-color-danger-base-default:#c01b1b;--ds-color-danger-base-hover:#9b1616;--ds-color-danger-base-active:#791111;--ds-color-danger-base-contrast-subtle:#f7e1e1;--ds-color-danger-base-contrast-default:#fff;--ds-color-focus-inner:#fff;--ds-color-focus-outer:#292c30;--ds-link-color-visited:#663299;color-scheme:light}@media (prefers-color-scheme:light){[data-color-scheme=auto]{--ds-color-accent-background-default:#fff;--ds-color-accent-background-tinted:#eef4fa;--ds-color-accent-surface-default:#fff;--ds-color-accent-surface-tinted:#ddeaf6;--ds-color-accent-surface-hover:#c7ddf0;--ds-color-accent-surface-active:#afcee9;--ds-color-accent-border-subtle:#99c0e3;--ds-color-accent-border-default:#2a7cc5;--ds-color-accent-border-strong:#005db1;--ds-color-accent-text-subtle:#005db1;--ds-color-accent-text-default:#002c54;--ds-color-accent-base-default:#0062ba;--ds-color-accent-base-hover:#004f96;--ds-color-accent-base-active:#003d75;--ds-color-accent-base-contrast-subtle:#dbe9f5;--ds-color-accent-base-contrast-default:#fff;--ds-color-neutral-background-default:#fff;--ds-color-neutral-background-tinted:#f3f3f4;--ds-color-neutral-surface-default:#fff;--ds-color-neutral-surface-tinted:#e8e8e9;--ds-color-neutral-surface-hover:#d9dadb;--ds-color-neutral-surface-active:#c9cacb;--ds-color-neutral-border-subtle:#bbbcbd;--ds-color-neutral-border-default:#77797b;--ds-color-neutral-border-strong:#5b5d60;--ds-color-neutral-text-subtle:#5b5d60;--ds-color-neutral-text-default:#292c30;--ds-color-neutral-base-default:#24272b;--ds-color-neutral-base-hover:#36383c;--ds-color-neutral-base-active:#484a4e;--ds-color-neutral-base-contrast-subtle:#b9babb;--ds-color-neutral-base-contrast-default:#fff;--ds-color-brand1-background-default:#fff;--ds-color-brand1-background-tinted:#edf5f3;--ds-color-brand1-surface-default:#fff;--ds-color-brand1-surface-tinted:#dcece8;--ds-color-brand1-surface-hover:#c6dfd9;--ds-color-brand1-surface-active:#add2c9;--ds-color-brand1-border-subtle:#96c5b9;--ds-color-brand1-border-default:#25876f;--ds-color-brand1-border-strong:#0b6a53;--ds-color-brand1-text-subtle:#0b6a53;--ds-color-brand1-text-default:#053227;--ds-color-brand1-base-default:#0d7a5f;--ds-color-brand1-base-hover:#0b644e;--ds-color-brand1-base-active:#084f3d;--ds-color-brand1-base-contrast-subtle:#ebf4f2;--ds-color-brand1-base-contrast-default:#fff;--ds-color-brand2-background-default:#fff;--ds-color-brand2-background-tinted:#f4f3f9;--ds-color-brand2-surface-default:#fff;--ds-color-brand2-surface-tinted:#eae7f3;--ds-color-brand2-surface-hover:#ddd7eb;--ds-color-brand2-surface-active:#cec6e3;--ds-color-brand2-border-subtle:#c1b6db;--ds-color-brand2-border-default:#826db7;--ds-color-brand2-border-strong:#674da7;--ds-color-brand2-text-subtle:#674da7;--ds-color-brand2-text-default:#312256;--ds-color-brand2-base-default:#5b3fa0;--ds-color-brand2-base-hover:#47317c;--ds-color-brand2-base-active:#332359;--ds-color-brand2-base-contrast-subtle:#f1eff7;--ds-color-brand2-base-contrast-default:#fff;--ds-color-info-background-default:#fff;--ds-color-info-background-tinted:#edf5fa;--ds-color-info-surface-default:#fff;--ds-color-info-surface-tinted:#dcebf6;--ds-color-info-surface-hover:#c5ddf0;--ds-color-info-surface-active:#abcfe9;--ds-color-info-border-subtle:#94c1e3;--ds-color-info-border-default:#1f7dc5;--ds-color-info-border-strong:#0860a3;--ds-color-info-text-subtle:#0860a3;--ds-color-info-text-default:#042d4d;--ds-color-info-base-default:#0a71c0;--ds-color-info-base-hover:#085d9f;--ds-color-info-base-active:#074a7e;--ds-color-info-base-contrast-subtle:#eff6fb;--ds-color-info-base-contrast-default:#fff;--ds-color-success-background-default:#fff;--ds-color-success-background-tinted:#ecf6ee;--ds-color-success-surface-default:#fff;--ds-color-success-surface-tinted:#daeddd;--ds-color-success-surface-hover:#c3e2c7;--ds-color-success-surface-active:#a8d5ae;--ds-color-success-border-subtle:#8fc997;--ds-color-success-border-default:#108c22;--ds-color-success-border-strong:#056d13;--ds-color-success-text-subtle:#056d13;--ds-color-success-text-default:#023409;--ds-color-success-base-default:#068718;--ds-color-success-base-hover:#057014;--ds-color-success-base-active:#045a10;--ds-color-success-base-contrast-subtle:#fafdfb;--ds-color-success-base-contrast-default:#fff;--ds-color-warning-background-default:#fff;--ds-color-warning-background-tinted:#fcf2e2;--ds-color-warning-surface-default:#fff;--ds-color-warning-surface-tinted:#fae6c6;--ds-color-warning-surface-hover:#f6d5a0;--ds-color-warning-surface-active:#f2c275;--ds-color-warning-border-subtle:#eeb04c;--ds-color-warning-border-default:#a56d13;--ds-color-warning-border-strong:#80540f;--ds-color-warning-text-subtle:#80540f;--ds-color-warning-text-default:#3c2807;--ds-color-warning-base-default:#ea9b1b;--ds-color-warning-base-hover:#cd8818;--ds-color-warning-base-active:#b27614;--ds-color-warning-base-contrast-subtle:#271a04;--ds-color-warning-base-contrast-default:#000;--ds-color-danger-background-default:#fff;--ds-color-danger-background-tinted:#fbf1f1;--ds-color-danger-surface-default:#fff;--ds-color-danger-surface-tinted:#f8e4e4;--ds-color-danger-surface-hover:#f3d2d2;--ds-color-danger-surface-active:#edbfbf;--ds-color-danger-border-subtle:#e8adad;--ds-color-danger-border-default:#ce4d4d;--ds-color-danger-border-strong:#b81a1a;--ds-color-danger-text-subtle:#b81a1a;--ds-color-danger-text-default:#590d0d;--ds-color-danger-base-default:#c01b1b;--ds-color-danger-base-hover:#9b1616;--ds-color-danger-base-active:#791111;--ds-color-danger-base-contrast-subtle:#f7e1e1;--ds-color-danger-base-contrast-default:#fff;--ds-color-focus-inner:#fff;--ds-color-focus-outer:#292c30;--ds-link-color-visited:#663299;color-scheme:light}}}@layer ds.theme.typography.secondary{[data-typography=secondary]{--ds-line-height-sm:1.3;--ds-line-height-md:1.5;--ds-line-height-lg:1.7;--ds-letter-spacing-1:-0.01em;--ds-letter-spacing-2:-0.005em;--ds-letter-spacing-3:-0.0025em;--ds-letter-spacing-4:-0.0015em;--ds-letter-spacing-5:0em;--ds-letter-spacing-6:0.0015em;--ds-letter-spacing-7:0.0025em;--ds-letter-spacing-8:0.005em;--ds-letter-spacing-9:0.015em;--ds-font-family:Inter;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-regular:400;--ds-heading-2xl-font-weight:500;--ds-heading-2xl-line-height:1.3;--ds-heading-2xl-letter-spacing:-0.01em;--ds-heading-xl-font-weight:500;--ds-heading-xl-line-height:1.3;--ds-heading-xl-letter-spacing:-0.01em;--ds-heading-lg-font-weight:500;--ds-heading-lg-line-height:1.3;--ds-heading-lg-letter-spacing:-0.005em;--ds-heading-md-font-weight:500;--ds-heading-md-line-height:1.3;--ds-heading-md-letter-spacing:-0.0025em;--ds-heading-sm-font-weight:500;--ds-heading-sm-line-height:1.3;--ds-heading-sm-letter-spacing:0em;--ds-heading-xs-font-weight:500;--ds-heading-xs-line-height:1.3;--ds-heading-xs-letter-spacing:0.0015em;--ds-heading-2xs-font-weight:500;--ds-heading-2xs-line-height:1.3;--ds-heading-2xs-letter-spacing:0.0015em;--ds-body-xl-font-weight:400;--ds-body-xl-line-height:1.5;--ds-body-xl-letter-spacing:0.005em;--ds-body-lg-font-weight:400;--ds-body-lg-line-height:1.5;--ds-body-lg-letter-spacing:0.005em;--ds-body-md-font-weight:400;--ds-body-md-line-height:1.5;--ds-body-md-letter-spacing:0.005em;--ds-body-sm-font-weight:400;--ds-body-sm-line-height:1.5;--ds-body-sm-letter-spacing:0.0025em;--ds-body-xs-font-weight:400;--ds-body-xs-line-height:1.5;--ds-body-xs-letter-spacing:0.0015em;--ds-body-short-xl-font-weight:400;--ds-body-short-xl-line-height:1.3;--ds-body-short-xl-letter-spacing:0.005em;--ds-body-short-lg-font-weight:400;--ds-body-short-lg-line-height:1.3;--ds-body-short-lg-letter-spacing:0.005em;--ds-body-short-md-font-weight:400;--ds-body-short-md-line-height:1.3;--ds-body-short-md-letter-spacing:0.005em;--ds-body-short-sm-font-weight:400;--ds-body-short-sm-line-height:1.3;--ds-body-short-sm-letter-spacing:0.0025em;--ds-body-short-xs-font-weight:400;--ds-body-short-xs-line-height:1.3;--ds-body-short-xs-letter-spacing:0.0015em;--ds-body-long-xl-font-weight:400;--ds-body-long-xl-line-height:1.7;--ds-body-long-xl-letter-spacing:0.005em;--ds-body-long-lg-font-weight:400;--ds-body-long-lg-line-height:1.7;--ds-body-long-lg-letter-spacing:0.005em;--ds-body-long-md-font-weight:400;--ds-body-long-md-line-height:1.7;--ds-body-long-md-letter-spacing:0.005em;--ds-body-long-sm-font-weight:400;--ds-body-long-sm-line-height:1.7;--ds-body-long-sm-letter-spacing:0.0025em;--ds-body-long-xs-font-weight:400;--ds-body-long-xs-line-height:1.7;--ds-body-long-xs-letter-spacing:0.0015em}}@layer ds.theme.size{:root,[data-size]{--ds-size-base:18;--ds-size-step:4;--ds-size-0:calc(var(--ds-size-unit)*0);--ds-size-1:calc(var(--ds-size-unit)*1);--ds-size-2:calc(var(--ds-size-unit)*2);--ds-size-3:calc(var(--ds-size-unit)*3);--ds-size-4:calc(var(--ds-size-unit)*4);--ds-size-5:calc(var(--ds-size-unit)*5);--ds-size-6:calc(var(--ds-size-unit)*6);--ds-size-7:calc(var(--ds-size-unit)*7);--ds-size-8:calc(var(--ds-size-unit)*8);--ds-size-9:calc(var(--ds-size-unit)*9);--ds-size-10:calc(var(--ds-size-unit)*10);--ds-size-11:calc(var(--ds-size-unit)*11);--ds-size-12:calc(var(--ds-size-unit)*12);--ds-size-13:calc(var(--ds-size-unit)*13);--ds-size-14:calc(var(--ds-size-unit)*14);--ds-size-15:calc(var(--ds-size-unit)*15);--ds-size-18:calc(var(--ds-size-unit)*18);--ds-size-22:calc(var(--ds-size-unit)*22);--ds-size-26:calc(var(--ds-size-unit)*26);--ds-size-30:calc(var(--ds-size-unit)*30);--ds-size-unit:calc(1rem*var(--ds-size-step)/var(--ds-size-base)*var(--ds-size-mode-font-size))}@supports (width:round(down,.1em,1px)){:root,[data-size]{--ds-size-0:round(down,calc(var(--ds-size-unit)*0),1px);--ds-size-1:round(down,calc(var(--ds-size-unit)*1),1px);--ds-size-2:round(down,calc(var(--ds-size-unit)*2),1px);--ds-size-3:round(down,calc(var(--ds-size-unit)*3),1px);--ds-size-4:round(down,calc(var(--ds-size-unit)*4),1px);--ds-size-5:round(down,calc(var(--ds-size-unit)*5),1px);--ds-size-6:round(down,calc(var(--ds-size-unit)*6),1px);--ds-size-7:round(down,calc(var(--ds-size-unit)*7),1px);--ds-size-8:round(down,calc(var(--ds-size-unit)*8),1px);--ds-size-9:round(down,calc(var(--ds-size-unit)*9),1px);--ds-size-10:round(down,calc(var(--ds-size-unit)*10),1px);--ds-size-11:round(down,calc(var(--ds-size-unit)*11),1px);--ds-size-12:round(down,calc(var(--ds-size-unit)*12),1px);--ds-size-13:round(down,calc(var(--ds-size-unit)*13),1px);--ds-size-14:round(down,calc(var(--ds-size-unit)*14),1px);--ds-size-15:round(down,calc(var(--ds-size-unit)*15),1px);--ds-size-18:round(down,calc(var(--ds-size-unit)*18),1px);--ds-size-22:round(down,calc(var(--ds-size-unit)*22),1px);--ds-size-26:round(down,calc(var(--ds-size-unit)*26),1px);--ds-size-30:round(down,calc(var(--ds-size-unit)*30),1px)}}}@layer ds.theme.semantic{:root{--ds-border-radius-base:0.25rem;--ds-border-radius-scale:0.25rem;--ds-border-radius-sm:min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));--ds-border-radius-md:min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);--ds-border-radius-lg:min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);--ds-border-radius-xl:min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);--ds-border-radius-default:var(--ds-border-radius-base);--ds-border-radius-full:624.9375rem;--ds-border-width-default:1px;--ds-border-width-focus:3px;--ds-shadow-xs:0 0 1px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.12);--ds-shadow-sm:0 0 1px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.1);--ds-shadow-md:0 0 1px 0 rgba(0,0,0,.14),0 2px 4px 0 rgba(0,0,0,.12),0 4px 8px 0 rgba(0,0,0,.12);--ds-shadow-lg:0 0 1px 0 rgba(0,0,0,.13),0 3px 5px 0 rgba(0,0,0,.13),0 6px 12px 0 rgba(0,0,0,.14);--ds-shadow-xl:0 0 1px 0 rgba(0,0,0,.12),0 4px 8px 0 rgba(0,0,0,.16),0 12px 24px 0 rgba(0,0,0,.16);--ds-opacity-disabled:30%}}@layer ds.theme.color-scheme.dark{[data-color-scheme=dark]{--ds-color-accent-background-default:#0c1927;--ds-color-accent-background-tinted:#102033;--ds-color-accent-surface-default:#142941;--ds-color-accent-surface-tinted:#172f4b;--ds-color-accent-surface-hover:#1a3757;--ds-color-accent-surface-active:#21446d;--ds-color-accent-border-subtle:#285182;--ds-color-accent-border-default:#5a84b4;--ds-color-accent-border-strong:#8eaacb;--ds-color-accent-text-subtle:#8eaacb;--ds-color-accent-text-default:#e7edf4;--ds-color-accent-base-default:#4c91cf;--ds-color-accent-base-hover:#6fa6d8;--ds-color-accent-base-active:#92bce1;--ds-color-accent-base-contrast-subtle:#0d1924;--ds-color-accent-base-contrast-default:#000;--ds-color-neutral-background-default:#17181a;--ds-color-neutral-background-tinted:#1e2022;--ds-color-neutral-surface-default:#26282b;--ds-color-neutral-surface-tinted:#2c2e31;--ds-color-neutral-surface-hover:#343538;--ds-color-neutral-surface-active:#414346;--ds-color-neutral-border-subtle:#4e5052;--ds-color-neutral-border-default:#808183;--ds-color-neutral-border-strong:#a7a8a9;--ds-color-neutral-text-subtle:#a7a8a9;--ds-color-neutral-text-default:#ececec;--ds-color-neutral-base-default:#aaabad;--ds-color-neutral-base-hover:#959698;--ds-color-neutral-base-active:#7f8184;--ds-color-neutral-base-contrast-subtle:#1b1b1b;--ds-color-neutral-base-contrast-default:#000;--ds-color-brand1-background-default:#0d1a16;--ds-color-brand1-background-tinted:#11231d;--ds-color-brand1-surface-default:#162c25;--ds-color-brand1-surface-tinted:#19322a;--ds-color-brand1-surface-hover:#1d3b31;--ds-color-brand1-surface-active:#254a3e;--ds-color-brand1-border-subtle:#2c584a;--ds-color-brand1-border-default:#598b7b;--ds-color-brand1-border-strong:#8dafa4;--ds-color-brand1-text-subtle:#8dafa4;--ds-color-brand1-text-default:#e7eeeb;--ds-color-brand1-base-default:#38927b;--ds-color-brand1-base-hover:#5aa492;--ds-color-brand1-base-active:#7eb8aa;--ds-color-brand1-base-contrast-subtle:#071310;--ds-color-brand1-base-contrast-default:#000;--ds-color-brand2-background-default:#191528;--ds-color-brand2-background-tinted:#211c34;--ds-color-brand2-surface-default:#2a2342;--ds-color-brand2-surface-tinted:#31284c;--ds-color-brand2-surface-hover:#392f59;--ds-color-brand2-surface-active:#473b6f;--ds-color-brand2-border-subtle:#554685;--ds-color-brand2-border-default:#867baa;--ds-color-brand2-border-strong:#aba3c4;--ds-color-brand2-text-subtle:#aba3c4;--ds-color-brand2-text-default:#edebf2;--ds-color-brand2-base-default:#a697cc;--ds-color-brand2-base-hover:#9380c0;--ds-color-brand2-base-active:#7e69b5;--ds-color-brand2-base-contrast-subtle:#131117;--ds-color-brand2-base-contrast-default:#000;--ds-color-info-background-default:#0d1925;--ds-color-info-background-tinted:#112130;--ds-color-info-surface-default:#15293d;--ds-color-info-surface-tinted:#182f46;--ds-color-info-surface-hover:#1c3751;--ds-color-info-surface-active:#234566;--ds-color-info-border-subtle:#2a537a;--ds-color-info-border-default:#5585b4;--ds-color-info-border-strong:#8aabcb;--ds-color-info-text-subtle:#8aabcb;--ds-color-info-text-default:#e6edf4;--ds-color-info-base-default:#2d85c9;--ds-color-info-base-hover:#519ad2;--ds-color-info-base-active:#77b0dc;--ds-color-info-base-contrast-subtle:#050e15;--ds-color-info-base-contrast-default:#000;--ds-color-success-background-default:#0d1b0d;--ds-color-success-background-tinted:#112411;--ds-color-success-surface-default:#152d15;--ds-color-success-surface-tinted:#183418;--ds-color-success-surface-hover:#1c3c1c;--ds-color-success-surface-active:#244c24;--ds-color-success-border-subtle:#2b5a2b;--ds-color-success-border-default:#528f52;--ds-color-success-border-strong:#89b289;--ds-color-success-text-subtle:#89b289;--ds-color-success-text-default:#e6efe6;--ds-color-success-base-default:#138d24;--ds-color-success-base-hover:#3ca14b;--ds-color-success-base-active:#66b571;--ds-color-success-base-contrast-subtle:#010501;--ds-color-success-base-contrast-default:#000;--ds-color-warning-background-default:#1e160d;--ds-color-warning-background-tinted:#281e11;--ds-color-warning-surface-default:#322616;--ds-color-warning-surface-tinted:#3a2b19;--ds-color-warning-surface-hover:#43321d;--ds-color-warning-surface-active:#543f24;--ds-color-warning-border-subtle:#654b2b;--ds-color-warning-border-default:#a37a46;--ds-color-warning-border-strong:#d39e5b;--ds-color-warning-text-subtle:#d39e5b;--ds-color-warning-text-default:#f7ebdb;--ds-color-warning-base-default:#60400b;--ds-color-warning-base-hover:#7a510e;--ds-color-warning-base-active:#946211;--ds-color-warning-base-contrast-subtle:#e6e2d9;--ds-color-warning-base-contrast-default:#fff;--ds-color-danger-background-default:#2a100e;--ds-color-danger-background-tinted:#371512;--ds-color-danger-surface-default:#451b17;--ds-color-danger-surface-tinted:#4f1f1b;--ds-color-danger-surface-hover:#5c241f;--ds-color-danger-surface-active:#722d27;--ds-color-danger-border-subtle:#88352e;--ds-color-danger-border-default:#bc6b64;--ds-color-danger-border-strong:#d19a96;--ds-color-danger-text-subtle:#d19a96;--ds-color-danger-text-default:#f5eae9;--ds-color-danger-base-default:#d76e6e;--ds-color-danger-base-hover:#df8b8b;--ds-color-danger-base-active:#e7a8a8;--ds-color-danger-base-contrast-subtle:#271414;--ds-color-danger-base-contrast-default:#000;--ds-color-focus-inner:#17181a;--ds-color-focus-outer:#ececec;--ds-link-color-visited:#b49acd;color-scheme:dark}@media (prefers-color-scheme:dark){[data-color-scheme=auto]{--ds-color-accent-background-default:#0c1927;--ds-color-accent-background-tinted:#102033;--ds-color-accent-surface-default:#142941;--ds-color-accent-surface-tinted:#172f4b;--ds-color-accent-surface-hover:#1a3757;--ds-color-accent-surface-active:#21446d;--ds-color-accent-border-subtle:#285182;--ds-color-accent-border-default:#5a84b4;--ds-color-accent-border-strong:#8eaacb;--ds-color-accent-text-subtle:#8eaacb;--ds-color-accent-text-default:#e7edf4;--ds-color-accent-base-default:#4c91cf;--ds-color-accent-base-hover:#6fa6d8;--ds-color-accent-base-active:#92bce1;--ds-color-accent-base-contrast-subtle:#0d1924;--ds-color-accent-base-contrast-default:#000;--ds-color-neutral-background-default:#17181a;--ds-color-neutral-background-tinted:#1e2022;--ds-color-neutral-surface-default:#26282b;--ds-color-neutral-surface-tinted:#2c2e31;--ds-color-neutral-surface-hover:#343538;--ds-color-neutral-surface-active:#414346;--ds-color-neutral-border-subtle:#4e5052;--ds-color-neutral-border-default:#808183;--ds-color-neutral-border-strong:#a7a8a9;--ds-color-neutral-text-subtle:#a7a8a9;--ds-color-neutral-text-default:#ececec;--ds-color-neutral-base-default:#aaabad;--ds-color-neutral-base-hover:#959698;--ds-color-neutral-base-active:#7f8184;--ds-color-neutral-base-contrast-subtle:#1b1b1b;--ds-color-neutral-base-contrast-default:#000;--ds-color-brand1-background-default:#0d1a16;--ds-color-brand1-background-tinted:#11231d;--ds-color-brand1-surface-default:#162c25;--ds-color-brand1-surface-tinted:#19322a;--ds-color-brand1-surface-hover:#1d3b31;--ds-color-brand1-surface-active:#254a3e;--ds-color-brand1-border-subtle:#2c584a;--ds-color-brand1-border-default:#598b7b;--ds-color-brand1-border-strong:#8dafa4;--ds-color-brand1-text-subtle:#8dafa4;--ds-color-brand1-text-default:#e7eeeb;--ds-color-brand1-base-default:#38927b;--ds-color-brand1-base-hover:#5aa492;--ds-color-brand1-base-active:#7eb8aa;--ds-color-brand1-base-contrast-subtle:#071310;--ds-color-brand1-base-contrast-default:#000;--ds-color-brand2-background-default:#191528;--ds-color-brand2-background-tinted:#211c34;--ds-color-brand2-surface-default:#2a2342;--ds-color-brand2-surface-tinted:#31284c;--ds-color-brand2-surface-hover:#392f59;--ds-color-brand2-surface-active:#473b6f;--ds-color-brand2-border-subtle:#554685;--ds-color-brand2-border-default:#867baa;--ds-color-brand2-border-strong:#aba3c4;--ds-color-brand2-text-subtle:#aba3c4;--ds-color-brand2-text-default:#edebf2;--ds-color-brand2-base-default:#a697cc;--ds-color-brand2-base-hover:#9380c0;--ds-color-brand2-base-active:#7e69b5;--ds-color-brand2-base-contrast-subtle:#131117;--ds-color-brand2-base-contrast-default:#000;--ds-color-info-background-default:#0d1925;--ds-color-info-background-tinted:#112130;--ds-color-info-surface-default:#15293d;--ds-color-info-surface-tinted:#182f46;--ds-color-info-surface-hover:#1c3751;--ds-color-info-surface-active:#234566;--ds-color-info-border-subtle:#2a537a;--ds-color-info-border-default:#5585b4;--ds-color-info-border-strong:#8aabcb;--ds-color-info-text-subtle:#8aabcb;--ds-color-info-text-default:#e6edf4;--ds-color-info-base-default:#2d85c9;--ds-color-info-base-hover:#519ad2;--ds-color-info-base-active:#77b0dc;--ds-color-info-base-contrast-subtle:#050e15;--ds-color-info-base-contrast-default:#000;--ds-color-success-background-default:#0d1b0d;--ds-color-success-background-tinted:#112411;--ds-color-success-surface-default:#152d15;--ds-color-success-surface-tinted:#183418;--ds-color-success-surface-hover:#1c3c1c;--ds-color-success-surface-active:#244c24;--ds-color-success-border-subtle:#2b5a2b;--ds-color-success-border-default:#528f52;--ds-color-success-border-strong:#89b289;--ds-color-success-text-subtle:#89b289;--ds-color-success-text-default:#e6efe6;--ds-color-success-base-default:#138d24;--ds-color-success-base-hover:#3ca14b;--ds-color-success-base-active:#66b571;--ds-color-success-base-contrast-subtle:#010501;--ds-color-success-base-contrast-default:#000;--ds-color-warning-background-default:#1e160d;--ds-color-warning-background-tinted:#281e11;--ds-color-warning-surface-default:#322616;--ds-color-warning-surface-tinted:#3a2b19;--ds-color-warning-surface-hover:#43321d;--ds-color-warning-surface-active:#543f24;--ds-color-warning-border-subtle:#654b2b;--ds-color-warning-border-default:#a37a46;--ds-color-warning-border-strong:#d39e5b;--ds-color-warning-text-subtle:#d39e5b;--ds-color-warning-text-default:#f7ebdb;--ds-color-warning-base-default:#60400b;--ds-color-warning-base-hover:#7a510e;--ds-color-warning-base-active:#946211;--ds-color-warning-base-contrast-subtle:#e6e2d9;--ds-color-warning-base-contrast-default:#fff;--ds-color-danger-background-default:#2a100e;--ds-color-danger-background-tinted:#371512;--ds-color-danger-surface-default:#451b17;--ds-color-danger-surface-tinted:#4f1f1b;--ds-color-danger-surface-hover:#5c241f;--ds-color-danger-surface-active:#722d27;--ds-color-danger-border-subtle:#88352e;--ds-color-danger-border-default:#bc6b64;--ds-color-danger-border-strong:#d19a96;--ds-color-danger-text-subtle:#d19a96;--ds-color-danger-text-default:#f5eae9;--ds-color-danger-base-default:#d76e6e;--ds-color-danger-base-hover:#df8b8b;--ds-color-danger-base-active:#e7a8a8;--ds-color-danger-base-contrast-subtle:#271414;--ds-color-danger-base-contrast-default:#000;--ds-color-focus-inner:#17181a;--ds-color-focus-outer:#ececec;--ds-link-color-visited:#b49acd;color-scheme:dark}}}@layer ds.theme.typography.primary{:root,[data-typography=primary]{--ds-line-height-sm:1.3;--ds-line-height-md:1.5;--ds-line-height-lg:1.7;--ds-letter-spacing-1:-0.01em;--ds-letter-spacing-2:-0.005em;--ds-letter-spacing-3:-0.0025em;--ds-letter-spacing-4:-0.0015em;--ds-letter-spacing-5:0em;--ds-letter-spacing-6:0.0015em;--ds-letter-spacing-7:0.0025em;--ds-letter-spacing-8:0.005em;--ds-letter-spacing-9:0.015em;--ds-font-family:Inter;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-regular:400;--ds-heading-2xl-font-weight:500;--ds-heading-2xl-line-height:1.3;--ds-heading-2xl-letter-spacing:-0.01em;--ds-heading-xl-font-weight:500;--ds-heading-xl-line-height:1.3;--ds-heading-xl-letter-spacing:-0.01em;--ds-heading-lg-font-weight:500;--ds-heading-lg-line-height:1.3;--ds-heading-lg-letter-spacing:-0.005em;--ds-heading-md-font-weight:500;--ds-heading-md-line-height:1.3;--ds-heading-md-letter-spacing:-0.0025em;--ds-heading-sm-font-weight:500;--ds-heading-sm-line-height:1.3;--ds-heading-sm-letter-spacing:0em;--ds-heading-xs-font-weight:500;--ds-heading-xs-line-height:1.3;--ds-heading-xs-letter-spacing:0.0015em;--ds-heading-2xs-font-weight:500;--ds-heading-2xs-line-height:1.3;--ds-heading-2xs-letter-spacing:0.0015em;--ds-body-xl-font-weight:400;--ds-body-xl-line-height:1.5;--ds-body-xl-letter-spacing:0.005em;--ds-body-lg-font-weight:400;--ds-body-lg-line-height:1.5;--ds-body-lg-letter-spacing:0.005em;--ds-body-md-font-weight:400;--ds-body-md-line-height:1.5;--ds-body-md-letter-spacing:0.005em;--ds-body-sm-font-weight:400;--ds-body-sm-line-height:1.5;--ds-body-sm-letter-spacing:0.0025em;--ds-body-xs-font-weight:400;--ds-body-xs-line-height:1.5;--ds-body-xs-letter-spacing:0.0015em;--ds-body-short-xl-font-weight:400;--ds-body-short-xl-line-height:1.3;--ds-body-short-xl-letter-spacing:0.005em;--ds-body-short-lg-font-weight:400;--ds-body-short-lg-line-height:1.3;--ds-body-short-lg-letter-spacing:0.005em;--ds-body-short-md-font-weight:400;--ds-body-short-md-line-height:1.3;--ds-body-short-md-letter-spacing:0.005em;--ds-body-short-sm-font-weight:400;--ds-body-short-sm-line-height:1.3;--ds-body-short-sm-letter-spacing:0.0025em;--ds-body-short-xs-font-weight:400;--ds-body-short-xs-line-height:1.3;--ds-body-short-xs-letter-spacing:0.0015em;--ds-body-long-xl-font-weight:400;--ds-body-long-xl-line-height:1.7;--ds-body-long-xl-letter-spacing:0.005em;--ds-body-long-lg-font-weight:400;--ds-body-long-lg-line-height:1.7;--ds-body-long-lg-letter-spacing:0.005em;--ds-body-long-md-font-weight:400;--ds-body-long-md-line-height:1.7;--ds-body-long-md-letter-spacing:0.005em;--ds-body-long-sm-font-weight:400;--ds-body-long-sm-line-height:1.7;--ds-body-long-sm-letter-spacing:0.0025em;--ds-body-long-xs-font-weight:400;--ds-body-long-xs-line-height:1.7;--ds-body-long-xs-letter-spacing:0.0015em}}@layer ds.theme.color{:root,[data-color-scheme],[data-color=accent]{--ds-color-background-default:var(--ds-color-accent-background-default);--ds-color-background-tinted:var(--ds-color-accent-background-tinted);--ds-color-surface-default:var(--ds-color-accent-surface-default);--ds-color-surface-tinted:var(--ds-color-accent-surface-tinted);--ds-color-surface-hover:var(--ds-color-accent-surface-hover);--ds-color-surface-active:var(--ds-color-accent-surface-active);--ds-color-border-subtle:var(--ds-color-accent-border-subtle);--ds-color-border-default:var(--ds-color-accent-border-default);--ds-color-border-strong:var(--ds-color-accent-border-strong);--ds-color-text-subtle:var(--ds-color-accent-text-subtle);--ds-color-text-default:var(--ds-color-accent-text-default);--ds-color-base-default:var(--ds-color-accent-base-default);--ds-color-base-hover:var(--ds-color-accent-base-hover);--ds-color-base-active:var(--ds-color-accent-base-active);--ds-color-base-contrast-subtle:var(--ds-color-accent-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-accent-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=brand1],[data-color=brand1]{--ds-color-background-default:var(--ds-color-brand1-background-default);--ds-color-background-tinted:var(--ds-color-brand1-background-tinted);--ds-color-surface-default:var(--ds-color-brand1-surface-default);--ds-color-surface-tinted:var(--ds-color-brand1-surface-tinted);--ds-color-surface-hover:var(--ds-color-brand1-surface-hover);--ds-color-surface-active:var(--ds-color-brand1-surface-active);--ds-color-border-subtle:var(--ds-color-brand1-border-subtle);--ds-color-border-default:var(--ds-color-brand1-border-default);--ds-color-border-strong:var(--ds-color-brand1-border-strong);--ds-color-text-subtle:var(--ds-color-brand1-text-subtle);--ds-color-text-default:var(--ds-color-brand1-text-default);--ds-color-base-default:var(--ds-color-brand1-base-default);--ds-color-base-hover:var(--ds-color-brand1-base-hover);--ds-color-base-active:var(--ds-color-brand1-base-active);--ds-color-base-contrast-subtle:var(--ds-color-brand1-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-brand1-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=brand2],[data-color=brand2]{--ds-color-background-default:var(--ds-color-brand2-background-default);--ds-color-background-tinted:var(--ds-color-brand2-background-tinted);--ds-color-surface-default:var(--ds-color-brand2-surface-default);--ds-color-surface-tinted:var(--ds-color-brand2-surface-tinted);--ds-color-surface-hover:var(--ds-color-brand2-surface-hover);--ds-color-surface-active:var(--ds-color-brand2-surface-active);--ds-color-border-subtle:var(--ds-color-brand2-border-subtle);--ds-color-border-default:var(--ds-color-brand2-border-default);--ds-color-border-strong:var(--ds-color-brand2-border-strong);--ds-color-text-subtle:var(--ds-color-brand2-text-subtle);--ds-color-text-default:var(--ds-color-brand2-text-default);--ds-color-base-default:var(--ds-color-brand2-base-default);--ds-color-base-hover:var(--ds-color-brand2-base-hover);--ds-color-base-active:var(--ds-color-brand2-base-active);--ds-color-base-contrast-subtle:var(--ds-color-brand2-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-brand2-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=danger],[data-color=danger]{--ds-color-background-default:var(--ds-color-danger-background-default);--ds-color-background-tinted:var(--ds-color-danger-background-tinted);--ds-color-surface-default:var(--ds-color-danger-surface-default);--ds-color-surface-tinted:var(--ds-color-danger-surface-tinted);--ds-color-surface-hover:var(--ds-color-danger-surface-hover);--ds-color-surface-active:var(--ds-color-danger-surface-active);--ds-color-border-subtle:var(--ds-color-danger-border-subtle);--ds-color-border-default:var(--ds-color-danger-border-default);--ds-color-border-strong:var(--ds-color-danger-border-strong);--ds-color-text-subtle:var(--ds-color-danger-text-subtle);--ds-color-text-default:var(--ds-color-danger-text-default);--ds-color-base-default:var(--ds-color-danger-base-default);--ds-color-base-hover:var(--ds-color-danger-base-hover);--ds-color-base-active:var(--ds-color-danger-base-active);--ds-color-base-contrast-subtle:var(--ds-color-danger-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-danger-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=info],[data-color=info]{--ds-color-background-default:var(--ds-color-info-background-default);--ds-color-background-tinted:var(--ds-color-info-background-tinted);--ds-color-surface-default:var(--ds-color-info-surface-default);--ds-color-surface-tinted:var(--ds-color-info-surface-tinted);--ds-color-surface-hover:var(--ds-color-info-surface-hover);--ds-color-surface-active:var(--ds-color-info-surface-active);--ds-color-border-subtle:var(--ds-color-info-border-subtle);--ds-color-border-default:var(--ds-color-info-border-default);--ds-color-border-strong:var(--ds-color-info-border-strong);--ds-color-text-subtle:var(--ds-color-info-text-subtle);--ds-color-text-default:var(--ds-color-info-text-default);--ds-color-base-default:var(--ds-color-info-base-default);--ds-color-base-hover:var(--ds-color-info-base-hover);--ds-color-base-active:var(--ds-color-info-base-active);--ds-color-base-contrast-subtle:var(--ds-color-info-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-info-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=neutral],[data-color=neutral]{--ds-color-background-default:var(--ds-color-neutral-background-default);--ds-color-background-tinted:var(--ds-color-neutral-background-tinted);--ds-color-surface-default:var(--ds-color-neutral-surface-default);--ds-color-surface-tinted:var(--ds-color-neutral-surface-tinted);--ds-color-surface-hover:var(--ds-color-neutral-surface-hover);--ds-color-surface-active:var(--ds-color-neutral-surface-active);--ds-color-border-subtle:var(--ds-color-neutral-border-subtle);--ds-color-border-default:var(--ds-color-neutral-border-default);--ds-color-border-strong:var(--ds-color-neutral-border-strong);--ds-color-text-subtle:var(--ds-color-neutral-text-subtle);--ds-color-text-default:var(--ds-color-neutral-text-default);--ds-color-base-default:var(--ds-color-neutral-base-default);--ds-color-base-hover:var(--ds-color-neutral-base-hover);--ds-color-base-active:var(--ds-color-neutral-base-active);--ds-color-base-contrast-subtle:var(--ds-color-neutral-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-neutral-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=success],[data-color=success]{--ds-color-background-default:var(--ds-color-success-background-default);--ds-color-background-tinted:var(--ds-color-success-background-tinted);--ds-color-surface-default:var(--ds-color-success-surface-default);--ds-color-surface-tinted:var(--ds-color-success-surface-tinted);--ds-color-surface-hover:var(--ds-color-success-surface-hover);--ds-color-surface-active:var(--ds-color-success-surface-active);--ds-color-border-subtle:var(--ds-color-success-border-subtle);--ds-color-border-default:var(--ds-color-success-border-default);--ds-color-border-strong:var(--ds-color-success-border-strong);--ds-color-text-subtle:var(--ds-color-success-text-subtle);--ds-color-text-default:var(--ds-color-success-text-default);--ds-color-base-default:var(--ds-color-success-base-default);--ds-color-base-hover:var(--ds-color-success-base-hover);--ds-color-base-active:var(--ds-color-success-base-active);--ds-color-base-contrast-subtle:var(--ds-color-success-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-success-base-contrast-default)}}@layer ds.theme.color{[data-color-scheme][data-color=warning],[data-color=warning]{--ds-color-background-default:var(--ds-color-warning-background-default);--ds-color-background-tinted:var(--ds-color-warning-background-tinted);--ds-color-surface-default:var(--ds-color-warning-surface-default);--ds-color-surface-tinted:var(--ds-color-warning-surface-tinted);--ds-color-surface-hover:var(--ds-color-warning-surface-hover);--ds-color-surface-active:var(--ds-color-warning-surface-active);--ds-color-border-subtle:var(--ds-color-warning-border-subtle);--ds-color-border-default:var(--ds-color-warning-border-default);--ds-color-border-strong:var(--ds-color-warning-border-strong);--ds-color-text-subtle:var(--ds-color-warning-text-subtle);--ds-color-text-default:var(--ds-color-warning-text-default);--ds-color-base-default:var(--ds-color-warning-base-default);--ds-color-base-hover:var(--ds-color-warning-base-hover);--ds-color-base-active:var(--ds-color-warning-base-active);--ds-color-base-contrast-subtle:var(--ds-color-warning-base-contrast-subtle);--ds-color-base-contrast-default:var(--ds-color-warning-base-contrast-default)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-css",
3
- "version": "1.12.1",
3
+ "version": "1.13.0",
4
4
  "description": "CSS for Designsystemet",
5
5
  "author": "Designsystemet team",
6
6
  "repository": {
@@ -44,12 +44,12 @@
44
44
  "digdir"
45
45
  ],
46
46
  "dependencies": {
47
- "@digdir/designsystemet-types": "^1.12.1"
47
+ "@digdir/designsystemet-types": "^1.13.0"
48
48
  },
49
49
  "devDependencies": {
50
- "autoprefixer": "^10.4.24",
51
- "cssnano": "^7.1.2",
52
- "postcss": "^8.5.6",
50
+ "autoprefixer": "^10.4.27",
51
+ "cssnano": "^7.1.3",
52
+ "postcss": "^8.5.8",
53
53
  "postcss-cli": "^11.0.1",
54
54
  "postcss-import": "^16.1.1",
55
55
  "postcss-nesting": "^14.0.0",
package/theme/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /* build: v1.12.1 */
1
+ /* build: v1.13.0 */
2
2
  import type {} from '@digdir/designsystemet-types';
3
3
 
4
4
  // Augment types based on theme