npm - @digdir/designsystemet-css - Versions diffs - 1.8.0 → 1.10.0 - Mend

@digdir/designsystemet-css 1.8.0 → 1.10.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 (39) hide show

package/README.md +2 -2
package/dist/src/alert.css +1 -1
package/dist/src/avatar.css +1 -1
package/dist/src/badge.css +1 -1
package/dist/src/base.css +1 -1
package/dist/src/breadcrumbs.css +1 -1
package/dist/src/button.css +1 -1
package/dist/src/card.css +1 -1
package/dist/src/chip.css +1 -1
package/dist/src/combobox.css +1 -1
package/dist/src/details.css +1 -1
package/dist/src/dialog.css +1 -1
package/dist/src/divider.css +1 -1
package/dist/src/dropdown.css +1 -1
package/dist/src/error-summary.css +1 -1
package/dist/src/field.css +2 -2
package/dist/src/fieldset.css +1 -1
package/dist/src/index.css +3 -3
package/dist/src/input.css +1 -1
package/dist/src/link.css +1 -1
package/dist/src/pagination.css +1 -1
package/dist/src/popover.css +1 -1
package/dist/src/search.css +1 -1
package/dist/src/skeleton.css +1 -1
package/dist/src/skip-link.css +1 -1
package/dist/src/skiplink.css +1 -1
package/dist/src/spinner.css +1 -1
package/dist/src/suggestion.css +1 -1
package/dist/src/table.css +1 -1
package/dist/src/tabs.css +1 -1
package/dist/src/tag.css +1 -1
package/dist/src/toggle-group.css +1 -1
package/dist/src/togglegroup.css +1 -1
package/dist/src/tooltip.css +1 -1
package/dist/src/validation-message.css +1 -1
package/dist/theme/designsystemet.css +1 -0
package/dist/theme/designsystemet.tailwind.css +1 -0
package/package.json +16 -4
package/theme/types.d.ts +18 -0

package/dist/src/input.css CHANGED Viewed

	@@ -1 +1 @@
1	- :where(.ds-input){margin:0}.ds-input{--dsc-input-padding:var(--ds-size-2) var(--ds-size-3);--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-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:inherit;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: }:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:-moz-read-only:not(select:not([readonly]))):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)}.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):hover,:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:read-only:not(select:not([readonly]))):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,:-moz-read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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,:read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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,:-moz-read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):hover):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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[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;-webkit-padding-end:2.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}.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[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[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[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]),[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][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][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),-webkit-calc(var(--ds-size-1)/2));--dsc-input-border-width--toggle:max(var(--ds-border-width-default),-moz-calc(var(--ds-size-1)/2));--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 -webkit-calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-1:transparent -moz-calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor -webkit-calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor -moz-calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor -webkit-calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor -moz-calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent -webkit-calc(52% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent -moz-calc(52% + 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:-webkit-calc(var(--ds-size-1)/2);--_dsc-input-spacing--toggle:-moz-calc(var(--ds-size-1)/2);--_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);-webkit-border-radius:var(--ds-border-radius-md);-moz-border-radius:var(--ds-border-radius-md);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-input-border-style);border-width:var(--dsc-input-border-width);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;color-adjust:exact;print-color-adjust:exact;vertical-align:middle}.ds-input:focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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: }:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:-moz-read-only:not(select:not([readonly]))):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)}.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):hover,:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:read-only:not(select:not([readonly]))):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,:-moz-read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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,:read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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,:-moz-read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):hover):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,:read-only:not(select:not([readonly]))):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly]):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[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:-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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:-webkit-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-webkit-calc(100% - .8em);background-position:-moz-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-moz-calc(100% - .8em);background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;-moz-background-size:.4em .4em;-o-background-size:.4em .4em;background-size:.4em .4em;-webkit-padding-end:2.4em;-moz-padding-end:2.4em;padding-inline-end:2.4em;-o-text-overflow:ellipsis;text-overflow:ellipsis}:dir(rtl) .ds-input:is(select){background-position:-webkit-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:-moz-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}.ds-input:is(select):open{background-image:-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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:-webkit-calc(var(--dsc-input-size)1.5);min-height:-moz-calc(var(--dsc-input-size)1.5);min-height:calc(var(--dsc-input-size)1.5);resize:vertical}.ds-input:is(textarea):not([rows]){field-sizing:content}.ds-input:not([type=button],[type=radio],[type=checkbox],[type=color],[type=file],textarea,select){height:unset;padding-block:-webkit-calc((var(--dsc-input-size) - var(--dsc-input-line-height)1em)/2 - var(--dsc-input-border-width));padding-block:-moz-calc((var(--dsc-input-size) - var(--dsc-input-line-height)1em)/2 - var(--dsc-input-border-width));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[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[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[aria-disabled=true],:disabled){cursor:pointer}.ds-input[type=checkbox],.ds-input[type=radio]{border-width:var(--dsc-input-border-width--toggle);-webkit-flex-shrink:0;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]),[readonly]:is(.ds-input[type=checkbox],.ds-input[type=radio]){border-color:GrayText}}.ds-input[type=radio]{-webkit-border-radius:var(--ds-border-radius-full);-moz-border-radius:var(--ds-border-radius-full);border-radius:var(--ds-border-radius-full)}.ds-input[type=radio]:checked{background-image:-webkit-radial-gradient(circle closest-side,currentcolor 45%,transparent 50%);background-image:-moz-radial-gradient(circle closest-side,currentcolor 45%,transparent 50%);background-image:-o-radial-gradient(circle closest-side,currentcolor 45%,transparent 50%);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]{-webkit-border-radius:var(--ds-border-radius-sm);-moz-border-radius:var(--ds-border-radius-sm);border-radius:var(--ds-border-radius-sm)}.ds-input[type=checkbox]:checked{background-image:-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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));-moz-background-origin:content-box;-o-background-origin:content-box;background-origin:content-box;background-position:10% 73%,90% 50%;background-repeat:no-repeat;-moz-background-size:35% 35%,65% 65%;-o-background-size:35% 35%,65% 65%;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:-webkit-linear-gradient(transparent -webkit-calc(48% - var(--dsc-input-stroke-width)),currentcolor -webkit-calc(50% - var(--dsc-input-stroke-width)),currentcolor -webkit-calc(50% + var(--dsc-input-stroke-width)),transparent -webkit-calc(52% + var(--dsc-input-stroke-width)));background-image:-moz-linear-gradient(transparent -moz-calc(48% - var(--dsc-input-stroke-width)),currentcolor -moz-calc(50% - var(--dsc-input-stroke-width)),currentcolor -moz-calc(50% + var(--dsc-input-stroke-width)),transparent -moz-calc(52% + var(--dsc-input-stroke-width)));background-image:-webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(currentcolor),color-stop(currentcolor),to(transparent));background-image:-o-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-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)));-moz-background-origin:content-box;-o-background-origin:content-box;background-origin:content-box;background-position:50%;background-repeat:no-repeat;-moz-background-size:contain;-o-background-size:contain;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:-webkit-radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);background-image:-moz-radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);background-image:-o-radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);background-image:radial-gradient(circle closest-side,currentcolor 95%,transparent 100%);-moz-background-origin:content-box;-o-background-origin:content-box;background-origin:content-box;background-position:var(--_dsc-input-circle-position);background-repeat:no-repeat;-moz-background-size:-moz-calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)2) 100%;-o-background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)2) 100%;background-size:-webkit-calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)2) 100%;background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)2) 100%;-webkit-border-radius:var(--ds-border-radius-full);-moz-border-radius:var(--ds-border-radius-full);border-radius:var(--ds-border-radius-full);padding-inline:0;-webkit-transition:background-position .2s;-o-transition:background-position .2s;-moz-transition:background-position .2s;transition:background-position .2s;width:-webkit-calc(var(--dsc-input-size--toggle)2);width:-moz-calc(var(--dsc-input-size--toggle)2);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][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][readonly]:is([type=radio],[type=checkbox]){border-color:GrayText}}

package/dist/src/link.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-link{--dsc-link-background--active:var(--ds-color-surface-tinted);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--visited:var(--ds-link-color-visited);--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:var(--ds-border-radius-md);border-radius:var(--dsc-link-border-radius);color:var(--dsc-link-color);outline:none;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em}.ds-link :is(img,svg){vertical-align:middle}.ds-link:has(>span)>:is(img,svg){margin-inline:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{-webkit-margin-start:0;margin-inline-start:0}:is(.ds-link:has(>span)>:is(img,svg)):last-child{-webkit-margin-end:0;margin-inline-end:0}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:visited{color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:hover{color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link: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-link:focus-visible *{--_ds--focus: }.ds-link:active{background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}
1	+ .ds-link{--dsc-link-background--active:var(--ds-color-surface-tinted);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--visited:var(--ds-link-color-visited);--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:var(--ds-border-radius-md);-webkit-border-radius:var(--dsc-link-border-radius);-moz-border-radius:var(--dsc-link-border-radius);border-radius:var(--dsc-link-border-radius);color:var(--dsc-link-color);outline:none;-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;-moz-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link :is(img,svg){vertical-align:middle}.ds-link:has(>span)>:is(img,svg){margin-inline:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{-webkit-margin-start:0;-moz-margin-start:0;margin-inline-start:0}:is(.ds-link:has(>span)>:is(img,svg)):last-child{-webkit-margin-end:0;-moz-margin-end:0;margin-inline-end:0}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:visited{color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:hover{color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link:focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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-link:focus-visible *{--_ds--focus: }.ds-link:active{background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}

package/dist/src/pagination.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-pagination{--dsc-pagination-gap:var(--ds-size-2);--dsc-pagination-icon-size:var(--ds-size-6);--dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}.ds-pagination :is(ol,ul){align-items:center;flex-wrap:wrap;gap:var(--dsc-pagination-gap);list-style:none;margin:0;padding:0}:is(.ds-pagination :is(ol,ul)):not([hidden]){display:flex}:is(.ds-pagination :is(ol,ul))>li>[aria-hidden=true]{visibility:hidden}:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:currentcolor;content:"";height:var(--dsc-pagination-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-pagination-icon-url);mask:center/contain no-repeat var(--dsc-pagination-icon-url);order:1;width:var(--dsc-pagination-icon-size)}@media (forced-colors:active){:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:LinkText}}:is(.ds-pagination :is(ol,ul))>li:first-child>:before{order:0;rotate:180deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:0deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:last-child>:before{rotate:180deg}:is(.ds-pagination :is(ol,ul))>li:empty:before{content:"\2026";display:block;min-width:var(--ds-size-12);text-align:center}
1	+ .ds-pagination{--dsc-pagination-gap:var(--ds-size-2);--dsc-pagination-icon-size:var(--ds-size-6);--dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}.ds-pagination :is(ol,ul){-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--dsc-pagination-gap);list-style:none;margin:0;padding:0}:is(.ds-pagination :is(ol,ul)):not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}:is(.ds-pagination :is(ol,ul))>li>[aria-hidden=true]{visibility:hidden}:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:currentcolor;content:"";height:var(--dsc-pagination-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-pagination-icon-url);mask:center/contain no-repeat var(--dsc-pagination-icon-url);-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;order:1;width:var(--dsc-pagination-icon-size)}@media (forced-colors:active){:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:LinkText}}:is(.ds-pagination :is(ol,ul))>li:first-child>:before{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;order:0;rotate:180deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:0deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:last-child>:before{rotate:180deg}:is(.ds-pagination :is(ol,ul))>li:empty:before{content:"\2026";display:block;min-width:var(--ds-size-12);text-align:center}

package/dist/src/popover.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-popover{--dsc-popover-background:var(--ds-color-surface-default);--dsc-popover-border-width:var(--ds-border-width-default);--dsc-popover-border-style:solid;--dsc-popover-border-color:var(--ds-color-border-default);--dsc-popover-color:var(--ds-color-text-default);--dsc-popover-arrow-size:var(--ds-size-3);--dsc-popover-border-radius:var(--ds-border-radius-md);--dsc-popover-max-width:300px;--dsc-popover-padding:var(--ds-size-3) var(--ds-size-4);--dsc-popover-box-shadow:var(--ds-shadow-md);background:var(--dsc-popover-background);border-color:var(--dsc-popover-border-color);border-radius:var(--dsc-popover-border-radius);border-style:var(--dsc-popover-border-style);border-width:var(--dsc-popover-border-width);box-shadow:var(--dsc-popover-box-shadow);box-sizing:border-box;color:var(--dsc-popover-color);inset:0 auto auto 0;max-width:var(--dsc-popover-max-width);overflow:visible;padding:var(--dsc-popover-padding);position:fixed}.ds-popover:before{background:var(--dsc-popover-background);border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--dsc-popover-arrow-size);left:var(--ds-popover-arrow-x);position:absolute;top:var(--ds-popover-arrow-y);translate:-50% -50%;width:var(--dsc-popover-arrow-size)}.ds-popover[data-placement=top]:before{rotate:45deg}.ds-popover[data-placement=left]:before{rotate:-45deg}.ds-popover[data-placement=right]:before{rotate:135deg}.ds-popover[data-placement=bottom]:before{rotate:-135deg}.ds-popover[data-variant=default]{--dsc-popover-background:var(--ds-color-surface-default)}.ds-popover[data-variant=tinted]{--dsc-popover-background:var(--ds-color-surface-tinted)}[data-popover=inline]{all:unset;cursor:pointer;font-size:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:.27em}[data-popover=inline]:not([hidden]){display:inline}[data-popover=inline]: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))}[data-popover=inline]:focus-visible *{--_ds--focus: }
1	+ .ds-popover{--dsc-popover-background:var(--ds-color-surface-default);--dsc-popover-border-width:var(--ds-border-width-default);--dsc-popover-border-style:solid;--dsc-popover-border-color:var(--ds-color-border-default);--dsc-popover-color:var(--ds-color-text-default);--dsc-popover-arrow-size:var(--ds-size-3);--dsc-popover-border-radius:var(--ds-border-radius-md);--dsc-popover-max-width:300px;--dsc-popover-padding:var(--ds-size-3) var(--ds-size-4);--dsc-popover-box-shadow:var(--ds-shadow-md);background:var(--dsc-popover-background);border-color:var(--dsc-popover-border-color);-webkit-border-radius:var(--dsc-popover-border-radius);-moz-border-radius:var(--dsc-popover-border-radius);border-radius:var(--dsc-popover-border-radius);border-style:var(--dsc-popover-border-style);border-width:var(--dsc-popover-border-width);-webkit-box-shadow:var(--dsc-popover-box-shadow);-moz-box-shadow:var(--dsc-popover-box-shadow);box-shadow:var(--dsc-popover-box-shadow);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-popover-color);inset:0 auto auto 0;max-width:var(--dsc-popover-max-width);overflow:visible;padding:var(--dsc-popover-padding);position:fixed}.ds-popover:before{background:var(--dsc-popover-background);border:inherit;border-left-color:transparent;border-top-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:var(--dsc-popover-arrow-size);left:var(--ds-popover-arrow-x);position:absolute;top:var(--ds-popover-arrow-y);translate:-50% -50%;width:var(--dsc-popover-arrow-size)}.ds-popover[data-placement=top]:before{rotate:45deg}.ds-popover[data-placement=left]:before{rotate:-45deg}.ds-popover[data-placement=right]:before{rotate:135deg}.ds-popover[data-placement=bottom]:before{rotate:-135deg}.ds-popover[data-variant=default]{--dsc-popover-background:var(--ds-color-surface-default)}.ds-popover[data-variant=tinted]{--dsc-popover-background:var(--ds-color-surface-tinted)}[data-popover=inline]{all:unset;cursor:pointer;font-size:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:.27em}[data-popover=inline]:not([hidden]){display:inline}[data-popover=inline]:focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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))}[data-popover=inline]:focus-visible *{--_ds--focus: }

package/dist/src/search.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-search{--dsc-search-padding-inline:var(--ds-size-2);--dsc-search-clear-padding:var(--ds-size-1);--dsc-search-clear-size:var(--ds-size-9);--dsc-search-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.5 3.25a7.25 7.25 0 1 0 4.57 12.88l5.41 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.41A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-size:var(--ds-size-7);align-items:center;border-radius:var(--ds-border-radius-default);grid-template-columns:1fr auto;isolation:isolate;width:100%}.ds-search:not([hidden]){display:grid}.ds-search input{grid-area:1/1;padding-inline:var(--dsc-search-padding-inline)}:is(.ds-search input)::-webkit-search-cancel-button,:is(.ds-search input)::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ds-search:not(:has(button:not([type=reset]))) input{-webkit-padding-start:calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)2);padding-inline-start:calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)2)}.ds-search:not(:has(button:not([type=reset]))):before{grid-area:1/1;margin-inline:var(--dsc-search-padding-inline);pointer-events:none;z-index:2}.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:currentcolor;content:"";height:var(--dsc-search-magnifying-icon-size);-webkit-mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;width:var(--dsc-search-magnifying-icon-size)}@media (forced-colors:active){.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:CanvasText}}.ds-search button[type=reset]{--dsc-button-size:var(--dsc-search-clear-size);grid-area:1/1;justify-self:end;margin-inline:var(--dsc-search-padding-inline);padding:var(--dsc-search-clear-padding);scale:.75}:is(.ds-search button[type=reset]):before{background:currentcolor;content:"";height:var(--dsc-search-clear-size);-webkit-mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;width:var(--dsc-search-clear-size)}.ds-search:has(input:-moz-placeholder) button[type=reset]{display:none}.ds-search:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) button[type=reset]{display:none}.ds-search:has(input:is(:read-only,:disabled,[aria-disabled=true])) button[type=reset],.ds-search:has(input:placeholder-shown) button[type=reset]{display:none}.ds-search:has(button[type=reset]) input{-webkit-padding-end:calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline));padding-inline-end:calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline))}.ds-search button:not([type=reset]){border-end-start-radius:0;border-start-start-radius:0}:is(.ds-search button:not([type=reset])):not(:focus-visible){-webkit-border-start:0;border-inline-start:0}.ds-search:has(button:not([type=reset])):before{display:none}.ds-search:has(button:not([type=reset])) input{border-end-end-radius:0;border-start-end-radius:0}
1	+ .ds-search{--dsc-search-padding-inline:var(--ds-size-2);--dsc-search-clear-padding:var(--ds-size-1);--dsc-search-clear-size:var(--ds-size-9);--dsc-search-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.5 3.25a7.25 7.25 0 1 0 4.57 12.88l5.41 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.41A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-size:var(--ds-size-7);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-border-radius:var(--ds-border-radius-default);-moz-border-radius:var(--ds-border-radius-default);border-radius:var(--ds-border-radius-default);grid-template-columns:1fr auto;isolation:isolate;width:100%}.ds-search:not([hidden]){display:grid}.ds-search input{grid-area:1/1;padding-inline:var(--dsc-search-padding-inline)}:is(.ds-search input)::-webkit-search-cancel-button,:is(.ds-search input)::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ds-search:not(:has(button:not([type=reset]))) input{-webkit-padding-start:-webkit-calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)2);-moz-padding-start:-moz-calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)2);padding-inline-start:calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)*2)}.ds-search:not(:has(button:not([type=reset]))):before{grid-area:1/1;margin-inline:var(--dsc-search-padding-inline);pointer-events:none;z-index:2}.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:currentcolor;content:"";height:var(--dsc-search-magnifying-icon-size);-webkit-mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;width:var(--dsc-search-magnifying-icon-size)}@media (forced-colors:active){.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:CanvasText}}.ds-search button[type=reset]{--dsc-button-size:var(--dsc-search-clear-size);grid-area:1/1;justify-self:end;margin-inline:var(--dsc-search-padding-inline);padding:var(--dsc-search-clear-padding);scale:.75}:is(.ds-search button[type=reset]):before{background:currentcolor;content:"";height:var(--dsc-search-clear-size);-webkit-mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;width:var(--dsc-search-clear-size)}.ds-search:has(input:-moz-placeholder) button[type=reset]{display:none}.ds-search:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) button[type=reset]{display:none}.ds-search:has(input:is(:read-only,:disabled,[aria-disabled=true])) button[type=reset],.ds-search:has(input:placeholder-shown) button[type=reset]{display:none}.ds-search:has(button[type=reset]) input{-webkit-padding-end:-webkit-calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline));-moz-padding-end:-moz-calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline));padding-inline-end:calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline))}.ds-search button:not([type=reset]){border-end-start-radius:0;border-start-start-radius:0}:is(.ds-search button:not([type=reset])):not(:focus-visible){-webkit-border-start:0;-moz-border-start:0;border-inline-start:0}.ds-search:has(button:not([type=reset])):before{display:none}.ds-search:has(button:not([type=reset])) input{border-end-end-radius:0;border-start-end-radius:0}

package/dist/src/skeleton.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-skeleton{--dsc-skeleton-animation-duration:0.8s;--dsc-skeleton-animation:ds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;--dsc-skeleton-background:var(--ds-color-neutral-surface-tinted);animation:var(--dsc-skeleton-animation);border-radius:var(--ds-border-radius-lg);box-sizing:border-box;height:1.3em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ds-skeleton:not([hidden]){display:block}.ds-skeleton[data-variant=circle]{aspect-ratio:1/1;border-radius:var(--ds-border-radius-full);width:1.3em}.ds-skeleton[data-variant=text]{border-radius:var(--ds-border-radius-full);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;font-size:.8em;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-skeleton[data-variant=text]:not([hidden]){display:inline}.ds-skeleton[data-variant=text]:empty:before{content:attr(data-text);word-break:break-word}.ds-skeleton:not(:empty){color:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-skeleton:not(:empty)>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation-duration:1.6s}}@media (forced-colors:active){.ds-skeleton{opacity:0}}@keyframes ds-skeleton-opacity-fade{0%{background:var(--dsc-skeleton-background)}to{background:rgb(from var(--dsc-skeleton-background) r g b/.4)}}
1	+ .ds-skeleton{--dsc-skeleton-animation-duration:0.8s;--dsc-skeleton-animation:ds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;--dsc-skeleton-background:var(--ds-color-neutral-surface-tinted);-webkit-animation:var(--dsc-skeleton-animation);-moz-animation:var(--dsc-skeleton-animation);-o-animation:var(--dsc-skeleton-animation);animation:var(--dsc-skeleton-animation);-webkit-border-radius:var(--ds-border-radius-lg);-moz-border-radius:var(--ds-border-radius-lg);border-radius:var(--ds-border-radius-lg);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:1.3em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ds-skeleton:not([hidden]){display:block}.ds-skeleton[data-variant=circle]{aspect-ratio:1/1;-webkit-border-radius:var(--ds-border-radius-full);-moz-border-radius:var(--ds-border-radius-full);border-radius:var(--ds-border-radius-full);width:1.3em}.ds-skeleton[data-variant=text]{-webkit-border-radius:var(--ds-border-radius-full);-moz-border-radius:var(--ds-border-radius-full);border-radius:var(--ds-border-radius-full);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;font-size:.8em;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ds-skeleton[data-variant=text]:not([hidden]){display:inline}.ds-skeleton[data-variant=text]:empty:before{content:attr(data-text);word-break:break-word}.ds-skeleton:not(:empty){color:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-skeleton:not(:empty)>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.ds-skeleton{-webkit-animation-duration:1.6s;-moz-animation-duration:1.6s;-o-animation-duration:1.6s;animation-duration:1.6s}}@media (forced-colors:active){.ds-skeleton{opacity:0}}@-webkit-keyframes ds-skeleton-opacity-fade{0%{background:var(--dsc-skeleton-background)}to{background:rgb(from var(--dsc-skeleton-background) r g b/.4)}}@-moz-keyframes ds-skeleton-opacity-fade{0%{background:var(--dsc-skeleton-background)}to{background:rgb(from var(--dsc-skeleton-background) r g b/.4)}}@-o-keyframes ds-skeleton-opacity-fade{0%{background:var(--dsc-skeleton-background)}to{background:rgb(from var(--dsc-skeleton-background) r g b/.4)}}@keyframes ds-skeleton-opacity-fade{0%{background:var(--dsc-skeleton-background)}to{background:rgb(from var(--dsc-skeleton-background) r g b/.4)}}

package/dist/src/skip-link.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-skip-link,.ds-skiplink{--dsc-skiplink-padding:var(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4);--dsc-skiplink-background:var(--ds-color-surface-hover);--dsc-skiplink-color:var(--ds-color-text-default)}:is(.ds-skip-link,.ds-skiplink){border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ds-skip-link:focus,.ds-skiplink:focus{height:auto;margin:inherit;outline:0;overflow:visible;place-items:center;position:static;width:auto;clip:auto;background:var(--dsc-skiplink-background);box-sizing:border-box;-webkit-clip-path:none;clip-path:none;color:var(--dsc-skiplink-color);padding:var(--dsc-skiplink-padding);text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem);white-space:inherit}:is(.ds-skip-link:focus,.ds-skiplink:focus):not([hidden]){display:grid}
1	+ .ds-skip-link,.ds-skiplink{--dsc-skiplink-padding:var(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4);--dsc-skiplink-background:var(--ds-color-surface-hover);--dsc-skiplink-color:var(--ds-color-text-default)}:is(.ds-skip-link,.ds-skiplink){border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ds-skip-link:focus,.ds-skiplink:focus{height:auto;margin:inherit;outline:0;overflow:visible;place-items:center;position:static;width:auto;clip:auto;background:var(--dsc-skiplink-background);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-clip-path:none;clip-path:none;color:var(--dsc-skiplink-color);padding:var(--dsc-skiplink-padding);text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem);white-space:inherit}:is(.ds-skip-link:focus,.ds-skiplink:focus):not([hidden]){display:grid}

package/dist/src/skiplink.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-skiplink{--dsc-skiplink-padding:var(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4);--dsc-skiplink-background:var(--ds-color-surface-hover);--dsc-skiplink-color:var(--ds-color-text-default);border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ds-skiplink:focus{height:auto;margin:inherit;outline:0;overflow:visible;place-items:center;position:static;width:auto;clip:auto;background:var(--dsc-skiplink-background);box-sizing:border-box;-webkit-clip-path:none;clip-path:none;color:var(--dsc-skiplink-color);padding:var(--dsc-skiplink-padding);text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem);white-space:inherit}.ds-skiplink:focus:not([hidden]){display:grid}
1	+ .ds-skiplink{--dsc-skiplink-padding:var(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4);--dsc-skiplink-background:var(--ds-color-surface-hover);--dsc-skiplink-color:var(--ds-color-text-default);border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ds-skiplink:focus{height:auto;margin:inherit;outline:0;overflow:visible;place-items:center;position:static;width:auto;clip:auto;background:var(--dsc-skiplink-background);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-clip-path:none;clip-path:none;color:var(--dsc-skiplink-color);padding:var(--dsc-skiplink-padding);text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem);white-space:inherit}.ds-skiplink:focus:not([hidden]){display:grid}

package/dist/src/spinner.css CHANGED Viewed

	@@ -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;-webkit-animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);-moz-animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);-o-animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);animation:ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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{-webkit-animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);-moz-animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);-o-animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);animation:ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);stroke-dasharray:1px,200px;stroke:var(--dsc-spinner-stroke);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}@media (prefers-reduced-motion:reduce){.ds-spinner{-webkit-animation-duration:6s;-moz-animation-duration:6s;-o-animation-duration:6s;animation-duration:6s}}@-webkit-keyframes ds-spinner-rotate-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes ds-spinner-rotate-animation{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes ds-spinner-rotate-animation{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ds-spinner-rotate-animation{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-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}}@-moz-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}}@-o-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}}@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/suggestion.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);box-sizing:border-box;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){-webkit-margin-end:var(--ds-size-1);margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--ds-shadow-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;-webkit-border-start:5px solid transparent;border-inline-start:5px solid transparent;border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;-webkit-padding-start:var(--dsc-suggestion-option-checkmark-size);padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:"";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):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-suggestion u-datalist)>:is(u-option)):focus-visible {--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{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}.ds-suggestion:has(input:placeholder-shown) input{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;-webkit-padding-end:2.4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{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))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{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))}.ds-suggestion input[inputmode=none]{box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{-webkit-padding-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);align-self:center;display:flex;-webkit-margin-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))-1);margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:"";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}
1	+ .ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){-webkit-margin-end:var(--ds-size-1);-moz-margin-end:var(--ds-size-1);margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);-webkit-border-radius:var(--ds-border-radius-md);-moz-border-radius:var(--ds-border-radius-md);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);-webkit-box-shadow:var(--ds-shadow-md);-moz-box-shadow:var(--ds-shadow-md);box-shadow:var(--ds-shadow-md);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;-webkit-border-start:5px solid transparent;-moz-border-start:5px solid transparent;border-inline-start:5px solid transparent;-webkit-border-radius:var(--ds-border-radius-sm);-moz-border-radius:var(--ds-border-radius-sm);border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;-webkit-padding-start:var(--dsc-suggestion-option-checkmark-size);-moz-padding-start:var(--dsc-suggestion-option-checkmark-size);padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:"";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))-1)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible {--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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:-moz-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-moz-calc(100% - .8em);background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;-moz-background-size:.4em .4em;background-size:.4em .4em;-moz-padding-end:2.4em;padding-inline-end:2.4em}.ds-suggestion:has(input:placeholder-shown) input{background-image:-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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:-webkit-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-webkit-calc(100% - .8em);background-position:-moz-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-moz-calc(100% - .8em);background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;-moz-background-size:.4em .4em;-o-background-size:.4em .4em;background-size:.4em .4em;-webkit-padding-end:2.4em;-moz-padding-end:2.4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:-moz-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:-webkit-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:-moz-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{background-image:-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{background-image:-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));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))}.ds-suggestion input[inputmode=none]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{-webkit-padding-end:-webkit-calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));-moz-padding-end:-moz-calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);-webkit-align-self:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-margin-start:-webkit-calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))-1);-moz-margin-start:-moz-calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))-1);margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))-1);-webkit-box-ordinal-group:1000;-webkit-order:999;-moz-box-ordinal-group:1000;order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:"";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}

package/dist/src/table.css CHANGED Viewed

	@@ -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: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:-webkit-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:-webkit-calc(var(--ds-border-width-default) + 1px);--dsc-table-divider-border-width:-moz-calc(var(--ds-border-width-default) + 1px);--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:-webkit-calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));--_dsc-table-border-radius--inner:-moz-calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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;-webkit-flex-shrink:0;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);-webkit-border-radius:var(--dsc-table-border-radius);-moz-border-radius:var(--dsc-table-border-radius);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{-webkit-border-top-left-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-topleft:var(--_dsc-table-border-radius--inner);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{-webkit-border-top-right-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-topright:var(--_dsc-table-border-radius--inner);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{-webkit-border-bottom-left-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-bottomleft:var(--_dsc-table-border-radius--inner);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{-webkit-border-bottom-right-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-bottomright:var(--_dsc-table-border-radius--inner);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:-webkit-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 Viewed

	@@ -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 [role=tabpanel],.ds-tabs u-tabpanel{padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs [role=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 [role=tabpanel],.ds-tabs u-tabpanel):focus-visible {--_ds--focus: }.ds-tabs [role=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 [role=tablist],.ds-tabs u-tablist):not([hidden]){display:flex}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>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 [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>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 [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([hidden]){display:flex}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([data-size]){font-size:inherit}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab) :where(img,svg){flex-shrink:0;font-size:1.25em}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){border-bottom:2px solid CanvasText;color:CanvasText}}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>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 [role=tabpanel],.ds-tabs u-tabpanel{padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs [role=tabpanel],.ds-tabs u-tabpanel):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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 [role=tabpanel],.ds-tabs u-tabpanel):focus-visible {--_ds--focus: }.ds-tabs [role=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);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;overflow-x:auto;position:relative}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist):not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;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 [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))-1)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([data-size]){font-size:inherit}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab) :where(img,svg){-webkit-flex-shrink:0;flex-shrink:0;font-size:1.25em}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){border-bottom:2px solid CanvasText;color:CanvasText}}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}

package/dist/src/tag.css CHANGED Viewed

	@@ -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:-webkit-fit-content;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:-webkit-max-content;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;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);-webkit-border-radius:var(--ds-border-radius-sm);-moz-border-radius:var(--ds-border-radius-sm);border-radius:var(--ds-border-radius-sm);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tag-color);font-size:var(--ds-body-sm-font-size);height:-webkit-fit-content;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;color-adjust:exact;print-color-adjust:exact;width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag :where(img,svg){-webkit-flex-shrink:0;flex-shrink:0;font-size:1.25em}.ds-tag:not([hidden]){display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;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 Viewed

	@@ -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-text-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);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;gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-toggle-group,.ds-togglegroup):not([hidden]){display:grid}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup){--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-toggle-group,.ds-togglegroup) button{--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-toggle-group,.ds-togglegroup) button[aria-checked=true]{background-color:var(--ds-color-surface-default);isolation:isolate;--dsc-button-border-color:var(--ds-color-text-default)}:is(.ds-toggle-group,.ds-togglegroup) button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;min-height:unset;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}:is(:is(.ds-toggle-group,.ds-togglegroup) button):not([aria-checked=true]){--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default)}:is(:is(.ds-toggle-group,.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(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible *{--_ds--focus: }[data-icon]:is(:is(.ds-toggle-group,.ds-togglegroup) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button) svg{color:CanvasText}}
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-text-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);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-toggle-group,.ds-togglegroup):not([hidden]){display:grid}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup){--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:-webkit-calc(var(--dsc-togglegroup-border-width)-1);outline-offset:-moz-calc(var(--dsc-togglegroup-border-width)-1);outline-offset:calc(var(--dsc-togglegroup-border-width)-1)}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button{--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button[aria-checked=true]{background-color:var(--ds-color-surface-default);isolation:isolate;--dsc-button-border-color:var(--ds-color-text-default)}:is(.ds-toggle-group,.ds-togglegroup) button{-webkit-border-radius:-webkit-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));-moz-border-radius:-moz-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;min-height:unset;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}:is(:is(.ds-toggle-group,.ds-togglegroup) button):not([aria-checked=true]){--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))-1)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible *{--_ds--focus: }[data-icon]:is(:is(.ds-toggle-group,.ds-togglegroup) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button) svg{color:CanvasText}}

package/dist/src/togglegroup.css CHANGED Viewed

	@@ -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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-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:-webkit-fit-content;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}}
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);-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-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{-webkit-border-radius:-webkit-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);-moz-border-radius:-moz-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))-1);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{-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);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/src/tooltip.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;background:var(--dsc-tooltip-background);border:0;border-radius:var(--dsc-tooltip-border-radius);box-sizing:border-box;color:var(--dsc-tooltip-color);inset:0 auto auto 0;line-height:var(--ds-line-height-sm);margin:0;opacity:0;overflow:visible;padding:var(--dsc-tooltip-padding);position:fixed;transition-delay:var(--dsc-tooltip-transition-delay);transition-duration:var(--dsc-tooltip-transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in-out;visibility:hidden}.ds-tooltip:popover-open{opacity:1;visibility:visible}.ds-tooltip .\:popover-open{opacity:1;visibility:visible}.ds-tooltip:before{background:var(--dsc-tooltip-background);box-sizing:border-box;content:"";height:var(--dsc-tooltip-arrow-size);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;rotate:45deg;top:var(--dsc-tooltip-arrow-y,100%);translate:-50% -50%;width:var(--dsc-tooltip-arrow-size)}.ds-tooltip:after{background:transparent;box-sizing:border-box;content:"";height:var(--_dsc-tooltip-safearea-height,0);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;top:var(--dsc-tooltip-arrow-y,100%);translate:var(--_dsc-tooltip-safearea-translate);width:var(--_dsc-tooltip-safearea-width,0)}@media (forced-colors:active){.ds-tooltip{background:CanvasText}}
1	+ .ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;background:var(--dsc-tooltip-background);border:0;-webkit-border-radius:var(--dsc-tooltip-border-radius);-moz-border-radius:var(--dsc-tooltip-border-radius);border-radius:var(--dsc-tooltip-border-radius);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tooltip-color);inset:0 auto auto 0;line-height:var(--ds-line-height-sm);margin:0;opacity:0;overflow:visible;padding:var(--dsc-tooltip-padding);position:fixed;-webkit-transition-delay:var(--dsc-tooltip-transition-delay);-moz-transition-delay:var(--dsc-tooltip-transition-delay);-o-transition-delay:var(--dsc-tooltip-transition-delay);transition-delay:var(--dsc-tooltip-transition-delay);-webkit-transition-duration:var(--dsc-tooltip-transition-duration);-moz-transition-duration:var(--dsc-tooltip-transition-duration);-o-transition-duration:var(--dsc-tooltip-transition-duration);transition-duration:var(--dsc-tooltip-transition-duration);-webkit-transition-property:opacity,visibility;-o-transition-property:opacity,visibility;-moz-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;visibility:hidden}.ds-tooltip:popover-open{opacity:1;visibility:visible}.ds-tooltip .\:popover-open{opacity:1;visibility:visible}.ds-tooltip:before{background:var(--dsc-tooltip-background);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:var(--dsc-tooltip-arrow-size);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;rotate:45deg;top:var(--dsc-tooltip-arrow-y,100%);translate:-50% -50%;width:var(--dsc-tooltip-arrow-size)}.ds-tooltip:after{background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:var(--_dsc-tooltip-safearea-height,0);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;top:var(--dsc-tooltip-arrow-y,100%);translate:var(--_dsc-tooltip-safearea-translate);width:var(--_dsc-tooltip-safearea-width,0)}@media (forced-colors:active){.ds-tooltip{background:CanvasText}}

package/dist/src/validation-message.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ds-validation-message{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-validation-message-icon-size:var(--ds-size-7);--dsc-validation-message-spacing:var(--ds-size-2);--dsc-validation-message-color:var(--ds-color-danger-text-subtle);color:var(--dsc-validation-message-color);margin:0;-webkit-padding-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));padding-inline-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-validation-message:before{background:currentcolor;content:"";height:var(--dsc-validation-message-icon-size);margin-inline:calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);-webkit-mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;position:absolute;translate:0 calc((1lh - var(--dsc-validation-message-icon-size))/2);width:var(--dsc-validation-message-icon-size)}@media (forced-colors:active){.ds-validation-message:before{background:CanvasText}}.ds-validation-message[data-color=success]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-success-text-subtle)}.ds-validation-message[data-color=warning]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-warning-text-subtle)}.ds-validation-message[data-color=info]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-info-text-subtle)}
1	+ .ds-validation-message{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-validation-message-icon-size:var(--ds-size-7);--dsc-validation-message-spacing:var(--ds-size-2);--dsc-validation-message-color:var(--ds-color-danger-text-subtle);color:var(--dsc-validation-message-color);margin:0;-webkit-padding-start:-webkit-calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));-moz-padding-start:-moz-calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));padding-inline-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));position:relative;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.ds-validation-message:before{background:currentcolor;content:"";height:var(--dsc-validation-message-icon-size);margin-inline:-webkit-calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))-1);margin-inline:-moz-calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))-1);margin-inline:calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);-webkit-mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;position:absolute;translate:0 -webkit-calc((1lh - var(--dsc-validation-message-icon-size))/2);translate:0 -moz-calc((1lh - var(--dsc-validation-message-icon-size))/2);translate:0 calc((1lh - var(--dsc-validation-message-icon-size))/2);width:var(--dsc-validation-message-icon-size)}@media (forced-colors:active){.ds-validation-message:before{background:CanvasText}}.ds-validation-message[data-color=success]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-success-text-subtle)}.ds-validation-message[data-color=warning]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-warning-text-subtle)}.ds-validation-message[data-color=info]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-info-text-subtle)}

package/dist/theme/designsystemet.css ADDED Viewed

@@ -0,0 +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:-webkit-calc(var(--ds-size-mode-font-size)/(var(--ds-size-base)/16));--_ds-font-size-factor:-moz-calc(var(--ds-size-mode-font-size)/(var(--ds-size-base)/16));--_ds-font-size-factor:calc(var(--ds-size-mode-font-size)/(var(--ds-size-base)/16));--ds-font-size-1:-webkit-calc(0.75rem*var(--_ds-font-size-factor));--ds-font-size-1:-moz-calc(0.75rem*var(--_ds-font-size-factor));--ds-font-size-1:calc(0.75rem*var(--_ds-font-size-factor));--ds-font-size-2:-webkit-calc(0.875rem*var(--_ds-font-size-factor));--ds-font-size-2:-moz-calc(0.875rem*var(--_ds-font-size-factor));--ds-font-size-2:calc(0.875rem*var(--_ds-font-size-factor));--ds-font-size-3:-webkit-calc(1rem*var(--_ds-font-size-factor));--ds-font-size-3:-moz-calc(1rem*var(--_ds-font-size-factor));--ds-font-size-3:calc(1rem*var(--_ds-font-size-factor));--ds-font-size-4:-webkit-calc(1.125rem*var(--_ds-font-size-factor));--ds-font-size-4:-moz-calc(1.125rem*var(--_ds-font-size-factor));--ds-font-size-4:calc(1.125rem*var(--_ds-font-size-factor));--ds-font-size-5:-webkit-calc(1.3125rem*var(--_ds-font-size-factor));--ds-font-size-5:-moz-calc(1.3125rem*var(--_ds-font-size-factor));--ds-font-size-5:calc(1.3125rem*var(--_ds-font-size-factor));--ds-font-size-6:-webkit-calc(1.5rem*var(--_ds-font-size-factor));--ds-font-size-6:-moz-calc(1.5rem*var(--_ds-font-size-factor));--ds-font-size-6:calc(1.5rem*var(--_ds-font-size-factor));--ds-font-size-7:-webkit-calc(1.875rem*var(--_ds-font-size-factor));--ds-font-size-7:-moz-calc(1.875rem*var(--_ds-font-size-factor));--ds-font-size-7:calc(1.875rem*var(--_ds-font-size-factor));--ds-font-size-8:-webkit-calc(2.25rem*var(--_ds-font-size-factor));--ds-font-size-8:-moz-calc(2.25rem*var(--_ds-font-size-factor));--ds-font-size-8:calc(2.25rem*var(--_ds-font-size-factor));--ds-font-size-9:-webkit-calc(3rem*var(--_ds-font-size-factor));--ds-font-size-9:-moz-calc(3rem*var(--_ds-font-size-factor));--ds-font-size-9:calc(3rem*var(--_ds-font-size-factor));--ds-font-size-10:-webkit-calc(3.75rem*var(--_ds-font-size-factor));--ds-font-size-10:-moz-calc(3.75rem*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(-webkit-calc(0.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-1:round(-moz-calc(0.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-1:round(calc(0.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-2:round(-webkit-calc(0.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-2:round(-moz-calc(0.875rem*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(-webkit-calc(1rem*var(--_ds-font-size-factor)),1px);--ds-font-size-3:round(-moz-calc(1rem*var(--_ds-font-size-factor)),1px);--ds-font-size-3:round(calc(1rem*var(--_ds-font-size-factor)),1px);--ds-font-size-4:round(-webkit-calc(1.125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-4:round(-moz-calc(1.125rem*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(-webkit-calc(1.3125rem*var(--_ds-font-size-factor)),1px);--ds-font-size-5:round(-moz-calc(1.3125rem*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(-webkit-calc(1.5rem*var(--_ds-font-size-factor)),1px);--ds-font-size-6:round(-moz-calc(1.5rem*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(-webkit-calc(1.875rem*var(--_ds-font-size-factor)),1px);--ds-font-size-7:round(-moz-calc(1.875rem*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(-webkit-calc(2.25rem*var(--_ds-font-size-factor)),1px);--ds-font-size-8:round(-moz-calc(2.25rem*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(-webkit-calc(3rem*var(--_ds-font-size-factor)),1px);--ds-font-size-9:round(-moz-calc(3rem*var(--_ds-font-size-factor)),1px);--ds-font-size-9:round(calc(3rem*var(--_ds-font-size-factor)),1px);--ds-font-size-10:round(-webkit-calc(3.75rem*var(--_ds-font-size-factor)),1px);--ds-font-size-10:round(-moz-calc(3.75rem*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:-webkit-calc(var(--ds-size-unit)*0);--ds-size-0:-moz-calc(var(--ds-size-unit)*0);--ds-size-0:calc(var(--ds-size-unit)*0);--ds-size-1:-webkit-calc(var(--ds-size-unit)*1);--ds-size-1:-moz-calc(var(--ds-size-unit)*1);--ds-size-1:calc(var(--ds-size-unit)*1);--ds-size-2:-webkit-calc(var(--ds-size-unit)*2);--ds-size-2:-moz-calc(var(--ds-size-unit)*2);--ds-size-2:calc(var(--ds-size-unit)*2);--ds-size-3:-webkit-calc(var(--ds-size-unit)*3);--ds-size-3:-moz-calc(var(--ds-size-unit)*3);--ds-size-3:calc(var(--ds-size-unit)*3);--ds-size-4:-webkit-calc(var(--ds-size-unit)*4);--ds-size-4:-moz-calc(var(--ds-size-unit)*4);--ds-size-4:calc(var(--ds-size-unit)*4);--ds-size-5:-webkit-calc(var(--ds-size-unit)*5);--ds-size-5:-moz-calc(var(--ds-size-unit)*5);--ds-size-5:calc(var(--ds-size-unit)*5);--ds-size-6:-webkit-calc(var(--ds-size-unit)*6);--ds-size-6:-moz-calc(var(--ds-size-unit)*6);--ds-size-6:calc(var(--ds-size-unit)*6);--ds-size-7:-webkit-calc(var(--ds-size-unit)*7);--ds-size-7:-moz-calc(var(--ds-size-unit)*7);--ds-size-7:calc(var(--ds-size-unit)*7);--ds-size-8:-webkit-calc(var(--ds-size-unit)*8);--ds-size-8:-moz-calc(var(--ds-size-unit)*8);--ds-size-8:calc(var(--ds-size-unit)*8);--ds-size-9:-webkit-calc(var(--ds-size-unit)*9);--ds-size-9:-moz-calc(var(--ds-size-unit)*9);--ds-size-9:calc(var(--ds-size-unit)*9);--ds-size-10:-webkit-calc(var(--ds-size-unit)*10);--ds-size-10:-moz-calc(var(--ds-size-unit)*10);--ds-size-10:calc(var(--ds-size-unit)*10);--ds-size-11:-webkit-calc(var(--ds-size-unit)*11);--ds-size-11:-moz-calc(var(--ds-size-unit)*11);--ds-size-11:calc(var(--ds-size-unit)*11);--ds-size-12:-webkit-calc(var(--ds-size-unit)*12);--ds-size-12:-moz-calc(var(--ds-size-unit)*12);--ds-size-12:calc(var(--ds-size-unit)*12);--ds-size-13:-webkit-calc(var(--ds-size-unit)*13);--ds-size-13:-moz-calc(var(--ds-size-unit)*13);--ds-size-13:calc(var(--ds-size-unit)*13);--ds-size-14:-webkit-calc(var(--ds-size-unit)*14);--ds-size-14:-moz-calc(var(--ds-size-unit)*14);--ds-size-14:calc(var(--ds-size-unit)*14);--ds-size-15:-webkit-calc(var(--ds-size-unit)*15);--ds-size-15:-moz-calc(var(--ds-size-unit)*15);--ds-size-15:calc(var(--ds-size-unit)*15);--ds-size-18:-webkit-calc(var(--ds-size-unit)*18);--ds-size-18:-moz-calc(var(--ds-size-unit)*18);--ds-size-18:calc(var(--ds-size-unit)*18);--ds-size-22:-webkit-calc(var(--ds-size-unit)*22);--ds-size-22:-moz-calc(var(--ds-size-unit)*22);--ds-size-22:calc(var(--ds-size-unit)*22);--ds-size-26:-webkit-calc(var(--ds-size-unit)*26);--ds-size-26:-moz-calc(var(--ds-size-unit)*26);--ds-size-26:calc(var(--ds-size-unit)*26);--ds-size-30:-webkit-calc(var(--ds-size-unit)*30);--ds-size-30:-moz-calc(var(--ds-size-unit)*30);--ds-size-30:calc(var(--ds-size-unit)*30);--ds-size-unit:-webkit-calc(1rem*var(--ds-size-step)/var(--ds-size-base)*var(--ds-size-mode-font-size));--ds-size-unit:-moz-calc(1rem*var(--ds-size-step)/var(--ds-size-base)*var(--ds-size-mode-font-size));--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,-webkit-calc(var(--ds-size-unit)*0),1px);--ds-size-0:round(down,-moz-calc(var(--ds-size-unit)*0),1px);--ds-size-0:round(down,calc(var(--ds-size-unit)*0),1px);--ds-size-1:round(down,-webkit-calc(var(--ds-size-unit)*1),1px);--ds-size-1:round(down,-moz-calc(var(--ds-size-unit)*1),1px);--ds-size-1:round(down,calc(var(--ds-size-unit)*1),1px);--ds-size-2:round(down,-webkit-calc(var(--ds-size-unit)*2),1px);--ds-size-2:round(down,-moz-calc(var(--ds-size-unit)*2),1px);--ds-size-2:round(down,calc(var(--ds-size-unit)*2),1px);--ds-size-3:round(down,-webkit-calc(var(--ds-size-unit)*3),1px);--ds-size-3:round(down,-moz-calc(var(--ds-size-unit)*3),1px);--ds-size-3:round(down,calc(var(--ds-size-unit)*3),1px);--ds-size-4:round(down,-webkit-calc(var(--ds-size-unit)*4),1px);--ds-size-4:round(down,-moz-calc(var(--ds-size-unit)*4),1px);--ds-size-4:round(down,calc(var(--ds-size-unit)*4),1px);--ds-size-5:round(down,-webkit-calc(var(--ds-size-unit)*5),1px);--ds-size-5:round(down,-moz-calc(var(--ds-size-unit)*5),1px);--ds-size-5:round(down,calc(var(--ds-size-unit)*5),1px);--ds-size-6:round(down,-webkit-calc(var(--ds-size-unit)*6),1px);--ds-size-6:round(down,-moz-calc(var(--ds-size-unit)*6),1px);--ds-size-6:round(down,calc(var(--ds-size-unit)*6),1px);--ds-size-7:round(down,-webkit-calc(var(--ds-size-unit)*7),1px);--ds-size-7:round(down,-moz-calc(var(--ds-size-unit)*7),1px);--ds-size-7:round(down,calc(var(--ds-size-unit)*7),1px);--ds-size-8:round(down,-webkit-calc(var(--ds-size-unit)*8),1px);--ds-size-8:round(down,-moz-calc(var(--ds-size-unit)*8),1px);--ds-size-8:round(down,calc(var(--ds-size-unit)*8),1px);--ds-size-9:round(down,-webkit-calc(var(--ds-size-unit)*9),1px);--ds-size-9:round(down,-moz-calc(var(--ds-size-unit)*9),1px);--ds-size-9:round(down,calc(var(--ds-size-unit)*9),1px);--ds-size-10:round(down,-webkit-calc(var(--ds-size-unit)*10),1px);--ds-size-10:round(down,-moz-calc(var(--ds-size-unit)*10),1px);--ds-size-10:round(down,calc(var(--ds-size-unit)*10),1px);--ds-size-11:round(down,-webkit-calc(var(--ds-size-unit)*11),1px);--ds-size-11:round(down,-moz-calc(var(--ds-size-unit)*11),1px);--ds-size-11:round(down,calc(var(--ds-size-unit)*11),1px);--ds-size-12:round(down,-webkit-calc(var(--ds-size-unit)*12),1px);--ds-size-12:round(down,-moz-calc(var(--ds-size-unit)*12),1px);--ds-size-12:round(down,calc(var(--ds-size-unit)*12),1px);--ds-size-13:round(down,-webkit-calc(var(--ds-size-unit)*13),1px);--ds-size-13:round(down,-moz-calc(var(--ds-size-unit)*13),1px);--ds-size-13:round(down,calc(var(--ds-size-unit)*13),1px);--ds-size-14:round(down,-webkit-calc(var(--ds-size-unit)*14),1px);--ds-size-14:round(down,-moz-calc(var(--ds-size-unit)*14),1px);--ds-size-14:round(down,calc(var(--ds-size-unit)*14),1px);--ds-size-15:round(down,-webkit-calc(var(--ds-size-unit)*15),1px);--ds-size-15:round(down,-moz-calc(var(--ds-size-unit)*15),1px);--ds-size-15:round(down,calc(var(--ds-size-unit)*15),1px);--ds-size-18:round(down,-webkit-calc(var(--ds-size-unit)*18),1px);--ds-size-18:round(down,-moz-calc(var(--ds-size-unit)*18),1px);--ds-size-18:round(down,calc(var(--ds-size-unit)*18),1px);--ds-size-22:round(down,-webkit-calc(var(--ds-size-unit)*22),1px);--ds-size-22:round(down,-moz-calc(var(--ds-size-unit)*22),1px);--ds-size-22:round(down,calc(var(--ds-size-unit)*22),1px);--ds-size-26:round(down,-webkit-calc(var(--ds-size-unit)*26),1px);--ds-size-26:round(down,-moz-calc(var(--ds-size-unit)*26),1px);--ds-size-26:round(down,calc(var(--ds-size-unit)*26),1px);--ds-size-30:round(down,-webkit-calc(var(--ds-size-unit)*30),1px);--ds-size-30:round(down,-moz-calc(var(--ds-size-unit)*30),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/dist/theme/designsystemet.tailwind.css ADDED Viewed

@@ -0,0 +1 @@

+ @theme{--font-sans:var(--ds-font-family);--radius-lg:var(--ds-border-radius-lg);--radius-md:var(--ds-border-radius-md);--radius-sm:var(--ds-border-radius-sm);--radius-xl:var(--ds-border-radius-xl);--color-accent-background-default:var(--ds-color-accent-background-default);--color-accent-background-tinted:var(--ds-color-accent-background-tinted);--color-accent-base-active:var(--ds-color-accent-base-active);--color-accent-base-contrast-default:var(--ds-color-accent-base-contrast-default);--color-accent-base-contrast-subtle:var(--ds-color-accent-base-contrast-subtle);--color-accent-base-default:var(--ds-color-accent-base-default);--color-accent-base-hover:var(--ds-color-accent-base-hover);--color-accent-border-default:var(--ds-color-accent-border-default);--color-accent-border-strong:var(--ds-color-accent-border-strong);--color-accent-border-subtle:var(--ds-color-accent-border-subtle);--color-accent-surface-active:var(--ds-color-accent-surface-active);--color-accent-surface-default:var(--ds-color-accent-surface-default);--color-accent-surface-hover:var(--ds-color-accent-surface-hover);--color-accent-surface-tinted:var(--ds-color-accent-surface-tinted);--color-accent-text-default:var(--ds-color-accent-text-default);--color-accent-text-subtle:var(--ds-color-accent-text-subtle);--color-background-default:var(--ds-color-background-default);--color-background-tinted:var(--ds-color-background-tinted);--color-base-active:var(--ds-color-base-active);--color-base-contrast-default:var(--ds-color-base-contrast-default);--color-base-contrast-subtle:var(--ds-color-base-contrast-subtle);--color-base-default:var(--ds-color-base-default);--color-base-hover:var(--ds-color-base-hover);--color-border-default:var(--ds-color-border-default);--color-border-strong:var(--ds-color-border-strong);--color-border-subtle:var(--ds-color-border-subtle);--color-brand1-background-default:var(--ds-color-brand1-background-default);--color-brand1-background-tinted:var(--ds-color-brand1-background-tinted);--color-brand1-base-active:var(--ds-color-brand1-base-active);--color-brand1-base-contrast-default:var(--ds-color-brand1-base-contrast-default);--color-brand1-base-contrast-subtle:var(--ds-color-brand1-base-contrast-subtle);--color-brand1-base-default:var(--ds-color-brand1-base-default);--color-brand1-base-hover:var(--ds-color-brand1-base-hover);--color-brand1-border-default:var(--ds-color-brand1-border-default);--color-brand1-border-strong:var(--ds-color-brand1-border-strong);--color-brand1-border-subtle:var(--ds-color-brand1-border-subtle);--color-brand1-surface-active:var(--ds-color-brand1-surface-active);--color-brand1-surface-default:var(--ds-color-brand1-surface-default);--color-brand1-surface-hover:var(--ds-color-brand1-surface-hover);--color-brand1-surface-tinted:var(--ds-color-brand1-surface-tinted);--color-brand1-text-default:var(--ds-color-brand1-text-default);--color-brand1-text-subtle:var(--ds-color-brand1-text-subtle);--color-brand2-background-default:var(--ds-color-brand2-background-default);--color-brand2-background-tinted:var(--ds-color-brand2-background-tinted);--color-brand2-base-active:var(--ds-color-brand2-base-active);--color-brand2-base-contrast-default:var(--ds-color-brand2-base-contrast-default);--color-brand2-base-contrast-subtle:var(--ds-color-brand2-base-contrast-subtle);--color-brand2-base-default:var(--ds-color-brand2-base-default);--color-brand2-base-hover:var(--ds-color-brand2-base-hover);--color-brand2-border-default:var(--ds-color-brand2-border-default);--color-brand2-border-strong:var(--ds-color-brand2-border-strong);--color-brand2-border-subtle:var(--ds-color-brand2-border-subtle);--color-brand2-surface-active:var(--ds-color-brand2-surface-active);--color-brand2-surface-default:var(--ds-color-brand2-surface-default);--color-brand2-surface-hover:var(--ds-color-brand2-surface-hover);--color-brand2-surface-tinted:var(--ds-color-brand2-surface-tinted);--color-brand2-text-default:var(--ds-color-brand2-text-default);--color-brand2-text-subtle:var(--ds-color-brand2-text-subtle);--color-danger-background-default:var(--ds-color-danger-background-default);--color-danger-background-tinted:var(--ds-color-danger-background-tinted);--color-danger-base-active:var(--ds-color-danger-base-active);--color-danger-base-contrast-default:var(--ds-color-danger-base-contrast-default);--color-danger-base-contrast-subtle:var(--ds-color-danger-base-contrast-subtle);--color-danger-base-default:var(--ds-color-danger-base-default);--color-danger-base-hover:var(--ds-color-danger-base-hover);--color-danger-border-default:var(--ds-color-danger-border-default);--color-danger-border-strong:var(--ds-color-danger-border-strong);--color-danger-border-subtle:var(--ds-color-danger-border-subtle);--color-danger-surface-active:var(--ds-color-danger-surface-active);--color-danger-surface-default:var(--ds-color-danger-surface-default);--color-danger-surface-hover:var(--ds-color-danger-surface-hover);--color-danger-surface-tinted:var(--ds-color-danger-surface-tinted);--color-danger-text-default:var(--ds-color-danger-text-default);--color-danger-text-subtle:var(--ds-color-danger-text-subtle);--color-info-background-default:var(--ds-color-info-background-default);--color-info-background-tinted:var(--ds-color-info-background-tinted);--color-info-base-active:var(--ds-color-info-base-active);--color-info-base-contrast-default:var(--ds-color-info-base-contrast-default);--color-info-base-contrast-subtle:var(--ds-color-info-base-contrast-subtle);--color-info-base-default:var(--ds-color-info-base-default);--color-info-base-hover:var(--ds-color-info-base-hover);--color-info-border-default:var(--ds-color-info-border-default);--color-info-border-strong:var(--ds-color-info-border-strong);--color-info-border-subtle:var(--ds-color-info-border-subtle);--color-info-surface-active:var(--ds-color-info-surface-active);--color-info-surface-default:var(--ds-color-info-surface-default);--color-info-surface-hover:var(--ds-color-info-surface-hover);--color-info-surface-tinted:var(--ds-color-info-surface-tinted);--color-info-text-default:var(--ds-color-info-text-default);--color-info-text-subtle:var(--ds-color-info-text-subtle);--color-neutral-background-default:var(--ds-color-neutral-background-default);--color-neutral-background-tinted:var(--ds-color-neutral-background-tinted);--color-neutral-base-active:var(--ds-color-neutral-base-active);--color-neutral-base-contrast-default:var(--ds-color-neutral-base-contrast-default);--color-neutral-base-contrast-subtle:var(--ds-color-neutral-base-contrast-subtle);--color-neutral-base-default:var(--ds-color-neutral-base-default);--color-neutral-base-hover:var(--ds-color-neutral-base-hover);--color-neutral-border-default:var(--ds-color-neutral-border-default);--color-neutral-border-strong:var(--ds-color-neutral-border-strong);--color-neutral-border-subtle:var(--ds-color-neutral-border-subtle);--color-neutral-surface-active:var(--ds-color-neutral-surface-active);--color-neutral-surface-default:var(--ds-color-neutral-surface-default);--color-neutral-surface-hover:var(--ds-color-neutral-surface-hover);--color-neutral-surface-tinted:var(--ds-color-neutral-surface-tinted);--color-neutral-text-default:var(--ds-color-neutral-text-default);--color-neutral-text-subtle:var(--ds-color-neutral-text-subtle);--color-success-background-default:var(--ds-color-success-background-default);--color-success-background-tinted:var(--ds-color-success-background-tinted);--color-success-base-active:var(--ds-color-success-base-active);--color-success-base-contrast-default:var(--ds-color-success-base-contrast-default);--color-success-base-contrast-subtle:var(--ds-color-success-base-contrast-subtle);--color-success-base-default:var(--ds-color-success-base-default);--color-success-base-hover:var(--ds-color-success-base-hover);--color-success-border-default:var(--ds-color-success-border-default);--color-success-border-strong:var(--ds-color-success-border-strong);--color-success-border-subtle:var(--ds-color-success-border-subtle);--color-success-surface-active:var(--ds-color-success-surface-active);--color-success-surface-default:var(--ds-color-success-surface-default);--color-success-surface-hover:var(--ds-color-success-surface-hover);--color-success-surface-tinted:var(--ds-color-success-surface-tinted);--color-success-text-default:var(--ds-color-success-text-default);--color-success-text-subtle:var(--ds-color-success-text-subtle);--color-surface-active:var(--ds-color-surface-active);--color-surface-default:var(--ds-color-surface-default);--color-surface-hover:var(--ds-color-surface-hover);--color-surface-tinted:var(--ds-color-surface-tinted);--color-text-default:var(--ds-color-text-default);--color-text-subtle:var(--ds-color-text-subtle);--color-warning-background-default:var(--ds-color-warning-background-default);--color-warning-background-tinted:var(--ds-color-warning-background-tinted);--color-warning-base-active:var(--ds-color-warning-base-active);--color-warning-base-contrast-default:var(--ds-color-warning-base-contrast-default);--color-warning-base-contrast-subtle:var(--ds-color-warning-base-contrast-subtle);--color-warning-base-default:var(--ds-color-warning-base-default);--color-warning-base-hover:var(--ds-color-warning-base-hover);--color-warning-border-default:var(--ds-color-warning-border-default);--color-warning-border-strong:var(--ds-color-warning-border-strong);--color-warning-border-subtle:var(--ds-color-warning-border-subtle);--color-warning-surface-active:var(--ds-color-warning-surface-active);--color-warning-surface-default:var(--ds-color-warning-surface-default);--color-warning-surface-hover:var(--ds-color-warning-surface-hover);--color-warning-surface-tinted:var(--ds-color-warning-surface-tinted);--color-warning-text-default:var(--ds-color-warning-text-default);--color-warning-text-subtle:var(--ds-color-warning-text-subtle);--font-weight-medium:var(--ds-font-weight-medium);--font-weight-regular:var(--ds-font-weight-regular);--font-weight-semibold:var(--ds-font-weight-semibold);--spacing-0:var(--ds-size-0);--spacing-1:var(--ds-size-1);--spacing-2:var(--ds-size-2);--spacing-3:var(--ds-size-3);--spacing-4:var(--ds-size-4);--spacing-5:var(--ds-size-5);--spacing-6:var(--ds-size-6);--spacing-7:var(--ds-size-7);--spacing-8:var(--ds-size-8);--spacing-9:var(--ds-size-9);--spacing-10:var(--ds-size-10);--spacing-11:var(--ds-size-11);--spacing-12:var(--ds-size-12);--spacing-13:var(--ds-size-13);--spacing-14:var(--ds-size-14);--spacing-15:var(--ds-size-15);--spacing-18:var(--ds-size-18);--spacing-22:var(--ds-size-22);--spacing-26:var(--ds-size-26);--spacing-30:var(--ds-size-30)}[data-color]{--color-background-default:var(--ds-color-background-default);--color-background-tinted:var(--ds-color-background-tinted);--color-surface-default:var(--ds-color-surface-default);--color-surface-tinted:var(--ds-color-surface-tinted);--color-surface-hover:var(--ds-color-surface-hover);--color-surface-active:var(--ds-color-surface-active);--color-border-subtle:var(--ds-color-border-subtle);--color-border-default:var(--ds-color-border-default);--color-border-strong:var(--ds-color-border-strong);--color-text-subtle:var(--ds-color-text-subtle);--color-text-default:var(--ds-color-text-default);--color-base-default:var(--ds-color-base-default);--color-base-hover:var(--ds-color-base-hover);--color-base-active:var(--ds-color-base-active);--color-base-contrast-subtle:var(--ds-color-base-contrast-subtle);--color-base-contrast-default:var(--ds-color-base-contrast-default)}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-css",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "CSS for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -10,6 +10,12 @@
   "homepage": "https://github.com/digdir/designsystemet/tree/main/packages/css",
   "license": "MIT",
   "exports": {
+    "./theme": {
+      "types": "./theme/types.d.ts",
+      "default": "./dist/theme/designsystemet.css"
+    },
+    "./theme.css": "./dist/theme/designsystemet.css",
+    "./theme/*": "./dist/theme/*",
     ".": {
       "types": "./types.d.ts",
       "default": "./dist/src/index.css"
@@ -18,6 +24,7 @@
   },
   "files": [
     "./types.d.ts",
+    "theme/types.d.ts",
     "dist"
   ],
   "publishConfig": {
@@ -37,16 +44,21 @@
     "designsystemet",
     "digdir"
   ],
+  "dependencies": {
+    "@digdir/designsystemet-types": "^1.10.0"
+  },
   "devDependencies": {
-    "autoprefixer": "^10.4.22",
+    "autoprefixer": "^10.4.23",
     "cssnano": "^7.1.2",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-nesting": "^13.0.2",
-    "rimraf": "^6.1.2"
+    "rimraf": "^6.1.2",
+    "tsx": "^4.21.0"
   },
   "scripts": {
-    "build": "rimraf dist && postcss ./src/*.css --base . --dir ./dist"
+    "build": "rimraf dist && pnpm build:theme && postcss ./src/*.css --base . --dir ./dist && postcss ./theme/*.css --dir ./dist/theme",
+    "build:theme": "tsx ../cli/bin/designsystemet.ts tokens build -t ../../design-tokens -o ./theme --experimental-tailwind"
   }
 }