@digdir/designsystemet-css 1.18.0 → 1.19.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.
- package/dist/src/base.css +1 -1
- package/dist/src/button.css +1 -1
- package/dist/src/chip.css +1 -1
- package/dist/src/combobox.css +1 -1
- package/dist/src/dialog.css +1 -1
- package/dist/src/dropdown.css +1 -1
- package/dist/src/field.css +1 -1
- package/dist/src/file-upload.css +1 -0
- package/dist/src/index.css +2 -2
- package/dist/src/input.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/toggle-group.css +1 -1
- package/dist/src/togglegroup.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/dist/theme/designsystemet.css +1 -1
- package/package.json +7 -9
package/dist/src/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--ds-font-size-minus-1:max(0.9em,0.875rem);--ds-font-size-plus-1:1.1em;--ds-readonly-icon-size:var(--ds-icon-size);--ds-readonly-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .41.34.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25m3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25zM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13'/%3E%3C/svg%3E");--ds-icon-size:var(--ds-size-6)}@supports (width:round(down,0.1em,1px)){:root{--ds-font-size-minus-1:round(down,max(0.9em,0.875rem),1px);--ds-font-size-plus-1:round(down,1.1em,1px)}}:root,[data-color-scheme]{--dsc-focus-boxShadow:0 0 0 var(--ds-border-width-focus) var(--ds-color-focus-inner);--dsc-focus-boxShadow-inset:inset 0 0 0 calc(var(--ds-border-width-focus)*2) var(--ds-color-focus-inner);--dsc-focus-boxShadow-middle:inset 0 0 0 var(--ds-border-width-focus) var(--ds-color-focus-inner);--dsc-focus-outline:var(--ds-color-focus-outer) solid var(--ds-border-width-focus)}[data-color-scheme],body{color:var(--ds-color-neutral-text-default);background:var(--ds-color-neutral-background-default)}.ds-icon{display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-readonly-icon:before{background:currentcolor;content:"";display:inline-block;height:calc(1em*var(--ds-line-height-md));height:1lh;margin-inline-end:.25ch;-webkit-mask:center/contain no-repeat var(--ds-readonly-icon-url);mask:center/contain no-repeat var(--ds-readonly-icon-url);vertical-align:bottom;width:var(--ds-readonly-icon-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.ds-readonly-icon:before{background:CanvasText}}.ds-print-preserve{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-focus: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-focus:focus-visible *{--_ds--focus: }.ds-focus--inset: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)}.ds-focus--inset:focus-visible *{--_ds--focus: }.ds-focus--middle:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}.ds-focus--middle:focus-visible *{--_ds--focus: }.ds-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-focus--visible *{--_ds--focus: }.ds-focus--visible--inset{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)}.ds-focus--visible--inset *{--_ds--focus: }.ds-focus--visible--middle{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}.ds-focus--visible--middle *{--_ds--focus: }.ds-checkbox--checked{--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){.ds-checkbox--checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-floating{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}.ds-floating:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}.ds-floating[data-overscroll=contain]{--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}.ds-floating{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}}@keyframes ds-fade-in{0%{opacity:0}}body{font-weight:var(--ds-body-md-font-weight);line-height:var(--ds-body-md-line-height);letter-spacing:var(--ds-body-md-letter-spacing)}[data-size]
|
|
1
|
+
.ds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--ds-font-size-minus-1:max(0.9em,0.875rem);--ds-font-size-plus-1:1.1em;--ds-readonly-icon-size:var(--ds-icon-size);--ds-readonly-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .41.34.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25m3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25zM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13'/%3E%3C/svg%3E");--ds-icon-size:var(--ds-size-6)}@supports (width:round(down,0.1em,1px)){:root{--ds-font-size-minus-1:round(down,max(0.9em,0.875rem),1px);--ds-font-size-plus-1:round(down,1.1em,1px)}}:root,[data-color-scheme]{--dsc-focus-boxShadow:0 0 0 var(--ds-border-width-focus) var(--ds-color-focus-inner);--dsc-focus-boxShadow-inset:inset 0 0 0 calc(var(--ds-border-width-focus)*2) var(--ds-color-focus-inner);--dsc-focus-boxShadow-middle:inset 0 0 0 var(--ds-border-width-focus) var(--ds-color-focus-inner);--dsc-focus-outline:var(--ds-color-focus-outer) solid var(--ds-border-width-focus)}[data-color-scheme],body{color:var(--ds-color-neutral-text-default);background:var(--ds-color-neutral-background-default)}.ds-icon{display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-readonly-icon:before{background:currentcolor;content:"";display:inline-block;height:calc(1em*var(--ds-line-height-md));height:1lh;margin-inline-end:.25ch;-webkit-mask:center/contain no-repeat var(--ds-readonly-icon-url);mask:center/contain no-repeat var(--ds-readonly-icon-url);vertical-align:bottom;width:var(--ds-readonly-icon-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.ds-readonly-icon:before{background:CanvasText}}.ds-print-preserve{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-focus: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-focus:focus-visible *{--_ds--focus: }.ds-focus--inset: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)}.ds-focus--inset:focus-visible *{--_ds--focus: }.ds-focus--middle:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}.ds-focus--middle:focus-visible *{--_ds--focus: }.ds-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-focus--visible *{--_ds--focus: }.ds-focus--visible--inset{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)}.ds-focus--visible--inset *{--_ds--focus: }.ds-focus--visible--middle{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}.ds-focus--visible--middle *{--_ds--focus: }.ds-checkbox--checked{--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){.ds-checkbox--checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-floating{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}.ds-floating:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}.ds-floating[data-overscroll=contain]{--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}.ds-floating{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}}@keyframes ds-fade-in{0%{opacity:0}}body{font-weight:var(--ds-body-md-font-weight);line-height:var(--ds-body-md-line-height);font-size:var(--ds-body-md-font-size);letter-spacing:var(--ds-body-md-letter-spacing)}[data-size]{font-size:var(--ds-body-md-font-size)}
|
package/dist/src/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-button{--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-border-color:transparent;--dsc-button-border-radius:var(--ds-border-radius-default);--dsc-button-border-style:solid;--dsc-button-border-width:var(--ds-border-width-default);--dsc-button-color--active:var(--dsc-button-color--hover);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-base-contrast-default);--dsc-button-gap:var(--ds-size-2);--dsc-button-padding:var(--ds-size-2) var(--ds-size-4);--dsc-button-size:var(--ds-size-12);align-items:center;background:var(--dsc-button-background);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);box-sizing:border-box;color:var(--dsc-button-color);cursor:pointer;flex-shrink:0;font-family:inherit;font-weight:var(--ds-font-weight-medium);gap:var(--dsc-button-gap);height:-moz-fit-content;height:fit-content;justify-content:center;line-height:var(--ds-line-height-sm);min-height:var(--dsc-button-size);min-width:var(--dsc-button-size);outline:none;padding:var(--dsc-button-padding);text-align:inherit;text-decoration:none;width:-moz-fit-content;width:fit-content;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-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))}.ds-button:focus-visible *{--_ds--focus: }.ds-button[data-variant=secondary],.ds-button[data-variant=tertiary]{--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-background:transparent;--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-text-subtle)}.ds-button[data-variant=secondary]{--dsc-button-border-color:var(--ds-color-border-strong)}.ds-button:not([data-size]){font-size:inherit}.ds-button :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-button:focus-visible{position:relative}.ds-button:not([hidden]){display:flex}.ds-button[data-icon]{width:var(--dsc-button-size);height:var(--dsc-button-size);padding:0}.ds-button[data-fullwidth]{width:100%;text-align:center}@media (hover:hover) and (pointer:fine){.ds-button:
|
|
1
|
+
.ds-button{--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-border-color:transparent;--dsc-button-border-radius:var(--ds-border-radius-default);--dsc-button-border-style:solid;--dsc-button-border-width:var(--ds-border-width-default);--dsc-button-color--active:var(--dsc-button-color--hover);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-base-contrast-default);--dsc-button-gap:var(--ds-size-2);--dsc-button-padding:var(--ds-size-2) var(--ds-size-4);--dsc-button-size:var(--ds-size-12);align-items:center;background:var(--dsc-button-background);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);box-sizing:border-box;color:var(--dsc-button-color);cursor:pointer;flex-shrink:0;font-family:inherit;font-weight:var(--ds-font-weight-medium);gap:var(--dsc-button-gap);height:-moz-fit-content;height:fit-content;justify-content:center;line-height:var(--ds-line-height-sm);min-height:var(--dsc-button-size);min-width:var(--dsc-button-size);outline:none;padding:var(--dsc-button-padding);text-align:inherit;text-decoration:none;width:-moz-fit-content;width:fit-content;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-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))}.ds-button:focus-visible *{--_ds--focus: }.ds-button[data-variant=secondary],.ds-button[data-variant=tertiary]{--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-background:transparent;--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-text-subtle)}.ds-button[data-variant=secondary]{--dsc-button-border-color:var(--ds-color-border-strong)}.ds-button:not([data-size]){font-size:inherit}.ds-button :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-button:focus-visible{position:relative}.ds-button:not([hidden]){display:flex}.ds-button[data-icon]{width:var(--dsc-button-size);height:var(--dsc-button-size);padding:0}.ds-button[data-fullwidth]{width:100%;text-align:center}@media (hover:hover) and (pointer:fine){.ds-button:hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}.ds-button:active{background:var(--dsc-button-background--active);color:var(--dsc-button-color--active)}.ds-button[aria-busy=true]{cursor:progress}.ds-button:is(:disabled,[aria-disabled=true],[readonly],[aria-readonly=true],label:has(input[readonly])){cursor:not-allowed;opacity:var(--ds-opacity-disabled);background:var(--dsc-button-background);color:var(--dsc-button-color)}.ds-button[aria-busy=true]:is(:disabled,[aria-disabled=true],[readonly],[aria-readonly=true],label:has(input[readonly])){opacity:1;cursor:progress}
|
package/dist/src/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-chip{--dsc-chip-background--active:var(--ds-color-surface-active);--dsc-chip-background--checked--active:var(--ds-color-base-active);--dsc-chip-background--checked--hover:var(--ds-color-base-hover);--dsc-chip-background--checked:var(--ds-color-base-default);--dsc-chip-background--hover:var(--ds-color-surface-hover);--dsc-chip-background:var(--ds-color-surface-tinted);--dsc-chip-border-color--checked:transparent;--dsc-chip-border-color:var(--ds-color-border-subtle);--dsc-chip-border-radius--checkbox-input:var(--ds-border-radius-sm);--dsc-chip-border-radius--checkbox:var(--ds-border-radius-md);--dsc-chip-border-radius:calc(var(--dsc-chip-height)/2);--dsc-chip-border-style:solid;--dsc-chip-border-width:var(--ds-border-width-default);--dsc-chip-color:var(--ds-color-text-default);--dsc-chip-height:var(--ds-size-8);--dsc-chip-icon-size:var(--ds-icon-size);--dsc-chip-icon-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' 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-chip-input-accent-color:var(--ds-color-base-contrast-default);--dsc-chip-input-color:var(--ds-color-text-subtle);--dsc-chip-input-size:var(--ds-size-5);--dsc-chip-input-stroke-color:var(--ds-color-base-default);--dsc-chip-padding-inline:var(--ds-size-3);--dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2);background:var(--dsc-chip-background);border-color:var(--dsc-chip-border-color);border-radius:var(--dsc-chip-border-radius);border-style:var(--dsc-chip-border-style);border-width:var(--dsc-chip-border-width);box-sizing:border-box;color:var(--dsc-chip-color);cursor:pointer;font-family:inherit;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-line-height-sm);margin:0;max-height:-moz-fit-content;max-height:fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:0;min-height:var(--dsc-chip-height);padding-block:calc(var(--dsc-chip-height)/2 - var(--dsc-chip-border-width)
|
|
1
|
+
.ds-chip{--dsc-chip-background--active:var(--ds-color-surface-active);--dsc-chip-background--checked--active:var(--ds-color-base-active);--dsc-chip-background--checked--hover:var(--ds-color-base-hover);--dsc-chip-background--checked:var(--ds-color-base-default);--dsc-chip-background--hover:var(--ds-color-surface-hover);--dsc-chip-background:var(--ds-color-surface-tinted);--dsc-chip-border-color--checked:transparent;--dsc-chip-border-color:var(--ds-color-border-subtle);--dsc-chip-border-radius--checkbox-input:var(--ds-border-radius-sm);--dsc-chip-border-radius--checkbox:var(--ds-border-radius-md);--dsc-chip-border-radius:calc(var(--dsc-chip-height)/2);--dsc-chip-border-style:solid;--dsc-chip-border-width:var(--ds-border-width-default);--dsc-chip-color:var(--ds-color-text-default);--dsc-chip-height:var(--ds-size-8);--dsc-chip-icon-size:var(--ds-icon-size);--dsc-chip-icon-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' 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-chip-input-accent-color:var(--ds-color-base-contrast-default);--dsc-chip-input-color:var(--ds-color-text-subtle);--dsc-chip-input-size:var(--ds-size-5);--dsc-chip-input-stroke-color:var(--ds-color-base-default);--dsc-chip-padding-inline:var(--ds-size-3);--dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2);background:var(--dsc-chip-background);border-color:var(--dsc-chip-border-color);border-radius:var(--dsc-chip-border-radius);border-style:var(--dsc-chip-border-style);border-width:var(--dsc-chip-border-width);box-sizing:border-box;color:var(--dsc-chip-color);cursor:pointer;font-family:inherit;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-line-height-sm);margin:0;max-height:-moz-fit-content;max-height:fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:0;min-height:var(--dsc-chip-height);padding-block:calc((var(--dsc-chip-height) - 1lh)/2 - var(--dsc-chip-border-width));padding-inline:var(--dsc-chip-padding-inline);position:relative;text-align:inherit;text-decoration:none}.ds-chip:not([data-wrap=wrap]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-chip: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-chip:focus-visible *{--_ds--focus: }.ds-chip>input{inset-block-start:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2 - var(--dsc-chip-border-width));inset-inline-start:var(--dsc-chip-spacing);position:absolute;--dsc-input-background:transparent;--dsc-input-border-color:var(--dsc-chip-input-color);--dsc-input-accent-color:var(--dsc-chip-input-accent-color);--dsc-input-stroke-color:var(--dsc-chip-input-stroke-color);--dsc-input-size--toggle:var(--dsc-chip-input-size);--dsc-input-outline-width--hover:0}.ds-chip:not([hidden]){display:inline-block}.ds-chip:has(: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-chip:has(:focus-visible) *{--_ds--focus: }.ds-chip:disabled,.ds-chip:has(input:disabled),.ds-chip[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-chip[data-removable]{padding-inline-end:calc(var(--dsc-chip-spacing)*2 + var(--dsc-chip-icon-size))}.ds-chip[data-removable]:after{content:"";position:absolute;inset-block-start:calc((var(--dsc-chip-height) - var(--dsc-chip-icon-size))/2 - var(--dsc-chip-border-width));inset-inline-end:var(--dsc-chip-spacing);background:currentcolor;height:var(--dsc-chip-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-chip-icon-url);mask:center/contain no-repeat var(--dsc-chip-icon-url);width:var(--dsc-chip-icon-size);padding-inline:0;flex-shrink:0}.ds-chip:has(input){padding-inline-start:calc(var(--dsc-chip-spacing)*2 + var(--dsc-chip-icon-size))}.ds-chip:has(input[type=checkbox]){border-radius:var(--dsc-chip-border-radius--checkbox)}.ds-chip:has(input:checked),.ds-chip[data-removable]{color:var(--dsc-chip-input-accent-color);background:var(--dsc-chip-background--checked);border-color:var(--dsc-chip-border-color--checked)}@media (hover:hover) and (pointer:fine){.ds-chip:not(:has(:disabled,[aria-disabled=true])):hover{background:var(--dsc-chip-background--hover)}.ds-chip:not(:has(:disabled,[aria-disabled=true])):active{background:var(--dsc-chip-background--active)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):hover{background:var(--dsc-chip-background--checked--hover)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):active{background:var(--dsc-chip-background--checked--active)}}
|
package/dist/src/combobox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-textfield{display:grid;gap:var(--ds-size-2)}.ds-textfield__adornment{color:var(--ds-color-neutral-text-subtle);background:var(--ds-color-neutral-surface-tinted);padding:9px var(--ds-size-4);border-radius:var(--ds-border-radius-md);display:inline-block}.ds-textfield__adornment,.ds-textfield__input{border:1px solid var(--ds-color-neutral-border-default);box-sizing:border-box}.ds-textfield__input{font-family:inherit;position:relative;flex:0 1 auto;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 var(--ds-size-3);background:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-text-default);border-radius:var(--ds-border-radius-md)}.ds-textfield__input:disabled{cursor:not-allowed}.ds-textfield--readonly .ds-textfield__input{background:var(--ds-color-neutral-surface-tinted);border-color:var(--ds-color-neutral-border-strong)}.ds-textfield__field{display:flex;align-items:stretch;border-radius:var(--ds-border-radius-md)}.ds-textfield__field>:first-child{border-top-left-radius:var(--ds-border-radius-md);border-bottom-left-radius:var(--ds-border-radius-md)}.ds-textfield__field>:last-child{border-top-right-radius:var(--ds-border-radius-md);border-bottom-right-radius:var(--ds-border-radius-md)}.ds-textfield--sm .ds-textfield__adornment{padding:var(--ds-size-2) var(--ds-size-3)}.ds-textfield--md .ds-textfield__adornment{padding:.65rem var(--ds-size-4)}.ds-textfield--lg .ds-textfield__adornment{padding:.85rem var(--ds-size-5)}.ds-textfield--sm .ds-textfield__field{height:var(--ds-size-10)}.ds-textfield--md .ds-textfield__field{height:var(--ds-size-12)}.ds-textfield--lg .ds-textfield__field{height:var(--ds-size-14)}.ds-textfield--sm .ds-textfield__input{padding:0 var(--ds-size-2)}.ds-textfield--md .ds-textfield__input{padding:0 var(--ds-size-3)}.ds-textfield--lg .ds-textfield__input{padding:0 var(--ds-size-4)}.ds-textfield__label{min-width:-moz-min-content;min-width:min-content;display:inline-flex;flex-direction:row;gap:var(--ds-size-1);align-items:center}.ds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-size-2)*-1)}.ds-textfield:has(.ds-textfield__input:disabled){opacity:var(--ds-opacity-disabled)}.ds-textfield--error .ds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.ds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-border-strong)}}.ds-textfield__input--with-prefix{border-top-left-radius:0;border-bottom-left-radius:0}.ds-textfield__input--with-suffix{border-top-right-radius:0;border-bottom-right-radius:0}.ds-textfield__prefix{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;white-space:nowrap}.ds-textfield__suffix{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;white-space:nowrap}.ds-textfield__readonly__icon{height:1.2em;width:1.2em}.ds-textfield__error-message:empty{display:none}.ds-combobox{display:grid;background-color:
|
|
1
|
+
.ds-textfield{display:grid;gap:var(--ds-size-2)}.ds-textfield__adornment{color:var(--ds-color-neutral-text-subtle);background:var(--ds-color-neutral-surface-tinted);padding:9px var(--ds-size-4);border-radius:var(--ds-border-radius-md);display:inline-block}.ds-textfield__adornment,.ds-textfield__input{border:1px solid var(--ds-color-neutral-border-default);box-sizing:border-box}.ds-textfield__input{font-family:inherit;position:relative;flex:0 1 auto;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 var(--ds-size-3);background:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-text-default);border-radius:var(--ds-border-radius-md)}.ds-textfield__input:disabled{cursor:not-allowed}.ds-textfield--readonly .ds-textfield__input{background:var(--ds-color-neutral-surface-tinted);border-color:var(--ds-color-neutral-border-strong)}.ds-textfield__field{display:flex;align-items:stretch;border-radius:var(--ds-border-radius-md)}.ds-textfield__field>:first-child{border-top-left-radius:var(--ds-border-radius-md);border-bottom-left-radius:var(--ds-border-radius-md)}.ds-textfield__field>:last-child{border-top-right-radius:var(--ds-border-radius-md);border-bottom-right-radius:var(--ds-border-radius-md)}.ds-textfield--sm .ds-textfield__adornment{padding:var(--ds-size-2) var(--ds-size-3)}.ds-textfield--md .ds-textfield__adornment{padding:.65rem var(--ds-size-4)}.ds-textfield--lg .ds-textfield__adornment{padding:.85rem var(--ds-size-5)}.ds-textfield--sm .ds-textfield__field{height:var(--ds-size-10)}.ds-textfield--md .ds-textfield__field{height:var(--ds-size-12)}.ds-textfield--lg .ds-textfield__field{height:var(--ds-size-14)}.ds-textfield--sm .ds-textfield__input{padding:0 var(--ds-size-2)}.ds-textfield--md .ds-textfield__input{padding:0 var(--ds-size-3)}.ds-textfield--lg .ds-textfield__input{padding:0 var(--ds-size-4)}.ds-textfield__label{min-width:-moz-min-content;min-width:min-content;display:inline-flex;flex-direction:row;gap:var(--ds-size-1);align-items:center}.ds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-size-2)*-1)}.ds-textfield:has(.ds-textfield__input:disabled){opacity:var(--ds-opacity-disabled)}.ds-textfield--error .ds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.ds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-border-strong)}}.ds-textfield__input--with-prefix{border-top-left-radius:0;border-bottom-left-radius:0}.ds-textfield__input--with-suffix{border-top-right-radius:0;border-bottom-right-radius:0}.ds-textfield__prefix{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;white-space:nowrap}.ds-textfield__suffix{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;white-space:nowrap}.ds-textfield__readonly__icon{height:1.2em;width:1.2em}.ds-textfield__error-message:empty{display:none}.ds-combobox{display:grid;background-color:transparent;gap:var(--ds-size-2)}.ds-combobox [data-floating-ui-portal]{grid-column:1/2;grid-row:1/2}.ds-combobox__options-wrapper{padding:var(--ds-size-2);background:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-text-default);overflow-y:auto;z-index:1600;border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-md);border:1px solid var(--ds-color-neutral-border-default)}.ds-combobox--readonly .ds-combobox__input{pointer-events:none}.ds-combobox__input__wrapper{display:flex;align-items:center;position:relative;gap:var(--ds-size-1);cursor:text;padding:var(--ds-size-2);border-radius:var(--ds-border-radius-md);width:100%;height:auto;justify-content:space-between}.ds-combobox__input__wrapper .ds-combobox__input{height:100%;min-width:50px;width:100%;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:var(--ds-color-neutral-text-default);box-sizing:border-box;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}.ds-combobox--sm .ds-combobox__input__wrapper{min-height:var(--ds-size-10);padding:5px var(--ds-size-2)}.ds-combobox--md .ds-combobox__input__wrapper{min-height:var(--ds-size-12);padding:7px var(--ds-size-3)}.ds-combobox--lg .ds-combobox__input__wrapper{min-height:var(--ds-size-14);padding:7px var(--ds-size-4)}.ds-combobox__input__wrapper .ds-combobox__input:focus{outline:none}.ds-combobox__input__wrapper.ds-combobox--error{border-color:var(--ds-color-danger-border-default);border-width:2px}.ds-combobox__chip-and-input{display:flex;flex-wrap:wrap;width:100%;gap:var(--ds-size-2);align-items:center;background-color:transparent}.ds-combobox__arrow{display:grid;place-items:center;cursor:pointer}.ds-combobox__input__wrapper.ds-combobox--readonly{background:var(--ds-color-base-default);border-color:var(--ds-color-base-default)}.ds-combobox__label{grid-column:1/2;grid-row:1/2;min-width:-moz-min-content;min-width:min-content;display:inline-flex;flex-direction:row;gap:var(--ds-size-1);align-items:center}.ds-combobox__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-size-2)*-1)}.ds-combobox__clear-button{display:grid;place-items:center;cursor:pointer;background-color:transparent;color:var(--ds-color-neutral-text-default);border:none;padding:0;border-radius:var(--ds-border-radius-sm);height:29px;width:29px;aspect-ratio:1}.ds-combobox--sm .ds-combobox__clear-button{height:25px;width:25px}.ds-combobox--md .ds-combobox__clear-button{height:29px;width:29px}.ds-combobox--lg .ds-combobox__clear-button{height:31px;width:31px}.ds-combobox__clear-button:not(:disabled):hover{background-color:var(--ds-color-neutral-surface-tinted)}.ds-combobox__disabled{opacity:var(--ds-opacity-disabled)}.ds-combobox__disabled *{cursor:not-allowed}.ds-combobox__readonly__icon{height:1.2em;width:1.2em}.ds-combobox__error-message{margin-top:var(--ds-size-2)}.ds-combobox__error-message:empty{display:none}.ds-combobox__loading{display:flex;gap:var(--ds-size-2);align-content:center}.ds-combobox__input__wrapper:has(input:focus){--dsc-focus-border-width:3px;outline:var(--dsc-focus-border-width) solid var(--ds-color-focus-outer);outline-offset:var(--dsc-focus-border-width);box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-focus-inner)}.ds-combobox__input__wrapper:focus-within:hover{border-color:var(--ds-color-neutral-border-default)}.ds-combobox__custom,.ds-combobox__empty,.ds-combobox__option{font-weight:400;padding:var(--ds-size-2) var(--ds-size-3)}.ds-combobox__option{width:100%;display:grid;grid-template-columns:1.2em 1fr;padding-left:var(--ds-size-1);border:none;border-left:5px solid transparent;border-radius:var(--ds-border-radius-sm);justify-content:start;background:none;text-align:left;height:auto;cursor:pointer;font-family:inherit}.ds-combobox__option.ds-combobox__option--active{background:var(--ds-color-surface-tinted);border-left:5px solid var(--ds-color-base-default)}.ds-combobox__option>div{align-self:flex-start}.ds-combobox__option.ds-combobox__option--multiple{grid-template-columns:auto 1fr;gap:var(--ds-size-2)}.ds-combobox__option__label{margin:auto 0;display:flex;flex-direction:column;flex-wrap:wrap;cursor:pointer;gap:var(--ds-size-1);color:var(--ds-color-neutral-text-default)}.ds-combobox__option--active .ds-combobox__option__label{color:var(--ds-color-text-default)}.ds-combobox__option__icon-wrapper{width:var(--ds-size-6);aspect-ratio:1/1;border:2px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-sm);background-color:var(--ds-color-neutral-surface-default);display:grid;place-items:center}.ds-combobox__option--active .ds-combobox__option__icon-wrapper{border-color:var(--ds-color-base-default)}.ds-combobox--sm .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-5)}.ds-combobox--md .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-6)}.ds-combobox--lg .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-7)}.ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected{border-color:var(--ds-color-base-default);background-color:var(--ds-color-base-default)}.ds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--ds-color-neutral-text-default);color:var(--ds-color-neutral-text-default)}.ds-combobox__option__icon-wrapper .ds-combobox__option__icon-wrapper__icon{padding-top:0}.ds-combobox__option--active .ds-combobox__option__icon-wrapper__icon{stroke:var(--ds-color-text-default);color:var(--ds-color-text-default)}.ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected .ds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.ds-combobox__option__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--ds-size-1);color:var(--ds-color-neutral-text-subtle);font-weight:400}
|
package/dist/src/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-dialog{--dsc-dialog-backdrop-background:rgba(0,0,0,.5);--dsc-dialog-background:var(--ds-color-neutral-surface-default);--dsc-dialog-icon-spacing:var(--ds-size-3);--dsc-dialog-icon-size:var(--ds-icon-size);--dsc-dialog-icon-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' 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-dialog-color:var(--ds-color-neutral-text-default);--dsc-dialog-divider-border-width:var(--ds-border-width-default);--dsc-dialog-divider-border-style:solid;--dsc-dialog-divider-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-border-width:var(--ds-border-width-default);--dsc-dialog-border-style:solid;--dsc-dialog-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-max-height:80vh;--dsc-dialog-max-width:40rem;--dsc-dialog-spacing:var(--ds-size-6);--dsc-dialog-placement-inline-max-width:40rem;--dsc-dialog-placement-block-max-width:100%;--dsc-dialog-transition-duration:300ms;--_dsc-dialog-icon-top-right-margin:calc(var(--dsc-dialog-spacing)*-1 + var(--dsc-dialog-icon-spacing));background:var(--dsc-dialog-background);border-color:var(--dsc-dialog-border-color);border-radius:clamp(0px,((100vw - 4px) - 100%) * 100000,var(--ds-border-radius-lg));border-style:var(--dsc-dialog-border-style);border-width:var(--dsc-dialog-border-width);box-shadow:var(--ds-shadow-xl);box-sizing:border-box;color:var(--dsc-dialog-color);inset:0;margin:auto;max-height:var(--dsc-dialog-max-height);max-width:var(--dsc-dialog-max-width);outline:none;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-dialog-spacing);position:fixed;width:100
|
|
1
|
+
.ds-dialog{--dsc-dialog-backdrop-background:rgba(0,0,0,.5);--dsc-dialog-background:var(--ds-color-neutral-surface-default);--dsc-dialog-icon-spacing:var(--ds-size-3);--dsc-dialog-icon-size:var(--ds-icon-size);--dsc-dialog-icon-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' 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-dialog-color:var(--ds-color-neutral-text-default);--dsc-dialog-divider-border-width:var(--ds-border-width-default);--dsc-dialog-divider-border-style:solid;--dsc-dialog-divider-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-border-width:var(--ds-border-width-default);--dsc-dialog-border-style:solid;--dsc-dialog-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-max-height:80vh;--dsc-dialog-max-width:40rem;--dsc-dialog-spacing:var(--ds-size-6);--dsc-dialog-placement-inline-max-width:40rem;--dsc-dialog-placement-block-max-width:100%;--dsc-dialog-transition-duration:300ms;--_dsc-dialog-icon-top-right-margin:calc(var(--dsc-dialog-spacing)*-1 + var(--dsc-dialog-icon-spacing));background:var(--dsc-dialog-background);border-color:var(--dsc-dialog-border-color);border-radius:clamp(0px,((100vw - 4px) - 100%) * 100000,var(--ds-border-radius-lg));border-style:var(--dsc-dialog-border-style);border-width:var(--dsc-dialog-border-width);box-shadow:var(--ds-shadow-xl);box-sizing:border-box;color:var(--dsc-dialog-color);inset:0;margin:auto;max-height:var(--dsc-dialog-max-height);max-width:var(--dsc-dialog-max-width);outline:none;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-dialog-spacing);position:fixed;width:100%;z-index:2147483647;z-index:calc(infinity)}.ds-dialog::backdrop{animation:ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out;background:var(--dsc-dialog-backdrop-background,rgba(0,0,0,.5));overflow:hidden;overscroll-behavior:contain}.ds-dialog:where([data-placement=bottom],[data-placement=top]){max-width:var(--dsc-dialog-placement-block-max-width);width:100%;margin-inline:auto}.ds-dialog:where([data-placement=left],[data-placement=right]){border-radius:0;border-block-width:0;height:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;max-height:unset;max-width:var(--dsc-dialog-placement-inline-max-width)}.ds-dialog[data-placement=bottom]{top:auto;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0}.ds-dialog[data-placement=top]{bottom:auto;border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}.ds-dialog[data-placement=left]{right:auto;border-left-width:0}.ds-dialog[data-placement=right]{left:auto;border-right-width:0}.ds-dialog:not([data-placement]),.ds-dialog[data-placement=center]{align-self:center}.ds-dialog[open]{animation:ds-dialog-slide-up var(--dsc-dialog-transition-duration) ease-in-out,ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out}.ds-dialog[open][data-placement=bottom]{animation:ds-dialog-slide-up var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=top]{animation:ds-dialog-slide-down var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=left]{animation:ds-dialog-slide-left var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=right]{animation:ds-dialog-slide-right var(--dsc-dialog-transition-duration) ease}.ds-dialog:has(>.ds-dialog__block){--_dsc-dialog-icon-top-right-margin:var(--dsc-dialog-icon-spacing);padding:0}@media (prefers-reduced-motion:reduce){.ds-dialog::backdrop,.ds-dialog[open]{animation:none}}.ds-dialog button[command=close]:empty:before,.ds-dialog button[data-command=close]:empty:before{content:"";background:currentcolor;height:var(--dsc-dialog-icon-size);width:var(--dsc-dialog-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url)}@media (forced-colors:active){.ds-dialog button[command=close]:empty:before,.ds-dialog button[data-command=close]:empty:before{background:ButtonText}}.ds-dialog>button[command=close]:first-child,.ds-dialog>button[data-command=close]:first-child{float:inline-end;margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-block-end:var(--dsc-dialog-icon-spacing);margin-inline-start:var(--dsc-dialog-icon-spacing);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);color:inherit}.ds-dialog>form[method=dialog]:first-child>button:only-child{float:inline-end;margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-block-end:var(--dsc-dialog-icon-spacing);margin-inline-start:var(--dsc-dialog-icon-spacing);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);color:inherit}:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{content:"";background:currentcolor;height:var(--ds-size-6);width:var(--ds-size-6);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url)}@media (forced-colors:active){:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{background:ButtonText}}.ds-dialog__block{padding:var(--dsc-dialog-spacing)}.ds-dialog__block+.ds-dialog__block{border-top:var(--dsc-dialog-divider-border-width) var(--dsc-dialog-divider-border-style) var(--dsc-dialog-divider-border-color)}body:has(.ds-dialog:modal){overflow:hidden}@keyframes ds-dialog-fade-in{0%{opacity:0}}@keyframes ds-dialog-slide-up{0%{opacity:0;translate:0 3rem}}@keyframes ds-dialog-slide-down{0%{opacity:0;translate:0 -3rem}}@keyframes ds-dialog-slide-left{0%{opacity:0;translate:-3rem 0}}@keyframes ds-dialog-slide-right{0%{opacity:0;translate:3rem 0}}
|
package/dist/src/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-dropdown{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}.ds-dropdown:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}.ds-dropdown[data-overscroll=contain]{--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}.ds-dropdown{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-dropdown-placement);--_ds-floating-arrow-size:var(--dsc-dropdown-arrow-size);--_ds-floating-arrow-visibility:hidden;--dsc-dropdown-padding:var(--ds-size-3) var(--ds-size-2);--dsc-dropdown-item-padding:var(--ds-size-2) var(--ds-size-4);--dsc-dropdown-item-size:var(--ds-size-12);--dsc-dropdown-background:var(--ds-color-neutral-surface-default);--dsc-dropdown-border-width:var(--ds-border-width-default);--dsc-dropdown-border-style:solid;--dsc-dropdown-border-color:var(--ds-color-neutral-border-subtle);--dsc-dropdown-placement:bottom;--dsc-dropdown-arrow-size:var(--ds-size-2);background:var(--dsc-dropdown-background);border-radius:var(--ds-border-radius-md);border-
|
|
1
|
+
.ds-dropdown{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}.ds-dropdown:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}.ds-dropdown[data-overscroll=contain]{--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}.ds-dropdown{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-dropdown-placement);--_ds-floating-arrow-size:var(--dsc-dropdown-arrow-size);--_ds-floating-arrow-visibility:hidden;--dsc-dropdown-padding:var(--ds-size-3) var(--ds-size-2);--dsc-dropdown-item-padding:var(--ds-size-2) var(--ds-size-4);--dsc-dropdown-item-size:var(--ds-size-12);--dsc-dropdown-background:var(--ds-color-neutral-surface-default);--dsc-dropdown-border-width:var(--ds-border-width-default);--dsc-dropdown-border-style:solid;--dsc-dropdown-border-color:var(--ds-color-neutral-border-subtle);--dsc-dropdown-box-shadow:var(--ds-shadow-md);--dsc-dropdown-placement:bottom;--dsc-dropdown-arrow-size:var(--ds-size-2);background:var(--dsc-dropdown-background);border-color:var(--dsc-dropdown-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-dropdown-border-style);border-width:var(--dsc-dropdown-border-width);box-shadow:var(--dsc-dropdown-box-shadow);box-sizing:border-box;list-style:none;min-width:15em;padding:var(--dsc-dropdown-padding)}.ds-dropdown>:is(h2,h3,h4,h5,h6){align-items:center;box-sizing:border-box;color:var(--ds-color-neutral-text-default);font-size:inherit;margin:0;min-height:var(--dsc-dropdown-item-size);padding:var(--dsc-dropdown-item-padding)}:is(.ds-dropdown>:is(h2,h3,h4,h5,h6)):not([hidden]){display:flex}.ds-dropdown>ul{margin:0;padding:0;list-style:none}.ds-dropdown>ul>li>:is(a,button,[role=button]){justify-content:start;padding:var(--dsc-dropdown-item-padding);min-height:var(--dsc-dropdown-item-size);width:100%;font-weight:var(--ds-font-weight-regular)}
|
package/dist/src/field.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-field{--dsc-field-content-spacing:var(--ds-size-2);--dsc-field-counter-over:"%d tegn for mye";--dsc-field-counter-under:"%d tegn igjen";--dsc-field-description-color:var(--ds-color-neutral-text-subtle);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-field>*{margin-block:0}.ds-field>*+*{margin-top:var(--dsc-field-content-spacing)}.ds-field [data-field=description]{color:var(--dsc-field-description-color);margin-top:0;margin-block:0}.ds-field [data-field=counter]{--_ds-data-over:var(--dsc-field-counter-over);--_ds-data-under:var(--dsc-field-counter-under)}.ds-field [data-field=counter]:not([data-state=over]){color:inherit;padding-left:0}.ds-field [data-field=counter]:not([data-state=over]):before{display:none}.ds-field [data-field=counter]:after{content:attr(data-label)}.ds-field :where(label
|
|
1
|
+
.ds-field{--dsc-field-content-spacing:var(--ds-size-2);--dsc-field-counter-over:"%d tegn for mye";--dsc-field-counter-under:"%d tegn igjen";--dsc-field-description-color:var(--ds-color-neutral-text-subtle);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-field>*{margin-block:0}.ds-field>*+*{margin-top:var(--dsc-field-content-spacing)}.ds-field [data-field=description]{color:var(--dsc-field-description-color);margin-top:0;margin-block:0}.ds-field [data-field=counter]{--_ds-data-over:var(--dsc-field-counter-over);--_ds-data-under:var(--dsc-field-counter-under)}.ds-field [data-field=counter]:not([data-state=over]){color:inherit;padding-left:0}.ds-field [data-field=counter]:not([data-state=over]):before{display:none}.ds-field [data-field=counter]:after{content:attr(data-label)}.ds-field :where(label,.ds-input):not([hidden]),.ds-field:not([hidden]){display:block}.ds-field:has(.ds-input[aria-disabled=true],.ds-input:disabled)>*{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}:is(.ds-field:where(:has(.ds-input[aria-readonly=true],.ds-input[readonly])) label):before{background:currentcolor;content:"";display:inline-block;height:calc(1em*var(--ds-line-height-md));height:1lh;margin-inline-end:.25ch;-webkit-mask:center/contain no-repeat var(--ds-readonly-icon-url);mask:center/contain no-repeat var(--ds-readonly-icon-url);vertical-align:bottom;width:var(--ds-readonly-icon-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){:is(.ds-field:where(:has(.ds-input[aria-readonly=true],.ds-input[readonly])) label):before{background:CanvasText}}.ds-field[data-clickdelegatefor]{cursor:pointer}.ds-field:has(input[type=radio],input[type=checkbox]){grid-template-areas:"input content";grid-template-columns:auto 1fr;width:-moz-fit-content;width:fit-content}.ds-field:has(input[type=radio],input[type=checkbox]):not([hidden]){display:grid}.ds-field:has(input[type=radio],input[type=checkbox]):has(input:not(:only-child)){-moz-column-gap:var(--dsc-field-content-spacing);column-gap:var(--dsc-field-content-spacing)}.ds-field:has(input[type=radio],input[type=checkbox])>*{margin-block:0;grid-column:content}.ds-field:has(input[type=radio],input[type=checkbox]) label{font-weight:var(--ds-font-weight-regular)}.ds-field:has(input[type=radio],input[type=checkbox]) label:before{content:none}.ds-field:has(input[type=radio],input[type=checkbox]) input{grid-column:input;grid-row:1}.ds-field:has(input[type=radio],input[type=checkbox]):not(:has(.ds-input[readonly],.ds-input[aria-disabled=true],.ds-input:disabled)) label{cursor:pointer}.ds-field:has(input[type=radio],input[type=checkbox]):has(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-field:has(input[type=radio],input[type=checkbox]):has(input:focus-visible) *{--_ds--focus: }.ds-field:has(input[type=radio],input[type=checkbox]) .ds-input:is([type=radio],[type=checkbox]):not([aria-label]){translate:0 calc(.5lh - 50%)}.ds-field[data-position=end]:has(input[type=radio],input[type=checkbox]){grid-template-areas:"content input";grid-template-columns:1fr auto;width:auto}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]){--dsc-field-border-color:var(--ds-color-neutral-border-default);--dsc-field-border-color--checked:var(--ds-color-border-default);--dsc-field-border-color--invalid:var(--ds-color-danger-border-default);--dsc-field-border-color--readonly:var(--ds-color-neutral-border-subtle);--dsc-field-border-radius:var(--ds-border-radius-lg);--dsc-field-border-style:solid;--dsc-field-border-width:var(--ds-border-width-default);--dsc-field-border-width--active:max(2px,0.125rem);--dsc-field-padding:var(--ds-size-4);--_dsc-field-border-color:var(--dsc-field-border-color);--_dsc-field-outline-width:0;border-color:var(--_dsc-field-border-color);border-radius:var(--dsc-field-border-radius);border-style:var(--dsc-field-border-style);border-width:var(--dsc-field-border-width);box-shadow:inset 0 0 0 calc(var(--_dsc-field-outline-width) - var(--dsc-field-border-width)) var(--_dsc-field-border-color);padding:var(--dsc-field-padding);width:auto}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox])>[data-field=validation]{grid-column:input/content}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):hover{--_dsc-field-outline-width:var(--dsc-field-border-width--active)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input:checked){--_dsc-field-border-color:var(--dsc-field-border-color--checked);--_dsc-field-outline-width:var(--dsc-field-border-width--active)}@media (forced-colors:active){.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input:checked){border-color:LinkText}}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input[aria-invalid=true]){--_dsc-field-border-color:var(--dsc-field-border-color--invalid)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input:disabled,input[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled);--_dsc-field-outline-width:var(--ds-border-width-default)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input:disabled,input[aria-disabled=true]):has(input:checked){--_dsc-field-outline-width:var(--dsc-field-border-width--active)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input:disabled,input[aria-disabled=true]) *{opacity:1}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input[readonly],input[aria-readonly=true]){--_dsc-field-border-color:var(--dsc-field-border-color--readonly);--_dsc-field-outline-width:var(--ds-border-width-default)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input[readonly],input[aria-readonly=true]):has(input:checked){--_dsc-field-outline-width:var(--dsc-field-border-width--active)}.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input[readonly],input[aria-readonly=true]){cursor:default}@media (forced-colors:active){.ds-field[data-variant=outline]:has(input[type=radio],input[type=checkbox]):has(input[readonly],input[aria-readonly=true]){border-color:GrayText}}.ds-field-affixes{--dsc-field-affix-border-width:var(--ds-border-width-default);--dsc-field-affix-border-style:solid;--dsc-field-affix-border-color:var(--ds-color-neutral-border-default);--dsc-field-affix-padding-inline:var(--ds-size-4);--dsc-field-affix-background:var(--ds-color-neutral-surface-tinted);--dsc-field-affix-color:var(--ds-color-neutral-text-subtle);background:var(--dsc-field-affix-background);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--dsc-field-affix-color);max-width:100%;white-space:nowrap}.ds-field-affixes:not([hidden]){display:flex}.ds-field-affixes:has([size]){width:-moz-fit-content;width:fit-content}.ds-field-affixes .ds-field-affix{align-items:center;border-width:var(--dsc-field-affix-border-width);border-style:var(--dsc-field-affix-border-style);border-color:var(--dsc-field-affix-border-color);flex-shrink:0;padding-inline:var(--dsc-field-affix-padding-inline)}:is(.ds-field-affixes .ds-field-affix):not([hidden]){display:flex}:is(.ds-field-affixes .ds-field-affix):first-child{border-start-start-radius:inherit;border-end-start-radius:inherit;border-inline-end:0}:is(.ds-field-affixes .ds-field-affix):last-child{border-start-end-radius:inherit;border-end-end-radius:inherit;border-inline-start:0}.ds-field-affixes .ds-input{border-width:var(--dsc-field-affix-border-width);border-style:var(--dsc-field-affix-border-style);flex:1 1 auto}:is(.ds-field-affixes .ds-input):not(:last-child){border-start-end-radius:0;border-end-end-radius:0}:is(.ds-field-affixes .ds-input):not(:first-child){border-start-start-radius:0;border-end-start-radius:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-file-upload{--dsc-file-upload-background:var(--ds-color-surface-default);--dsc-file-upload-background--hover:var(--ds-color-surface-tinted);--dsc-file-upload-icon-color:var(--ds-color-text-subtle);--dsc-file-upload-border-color:var(--ds-color-border-default);--dsc-file-upload-border-radius:var(--ds-border-radius-md);--dsc-file-upload-border-width:max(2px,0.125rem);--dsc-file-upload-border-style:dashed;--dsc-file-upload-border-style--hover:solid;--dsc-file-upload-color:currentcolor;--dsc-file-upload-padding:var(--ds-size-8) var(--ds-size-6);--dsc-file-upload-icon-size:var(--ds-size-8);--dsc-file-upload-icon-url:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 2.25A5.75 5.75 0 0 0 5.25 8c0 .052-.017.1-.074.157a.66.66 0 0 1-.325.158A3.25 3.25 0 0 0 5.5 14.75a.75.75 0 0 0 0-1.5 1.75 1.75 0 0 1-.35-3.465c.745-.151 1.6-.747 1.6-1.785a4.25 4.25 0 0 1 8.076-1.854c.288.593.896 1.104 1.68 1.104h.744a3 3 0 0 1 1 5.83.75.75 0 1 0 .5 1.414 4.501 4.501 0 0 0-1.5-8.744h-.745c-.09 0-.236-.066-.33-.26A5.75 5.75 0 0 0 11 2.25m.47 8.22a.75.75 0 0 1 1.06 0l3.5 3.5a.75.75 0 1 1-1.06 1.06l-2.22-2.22v7.69a.75.75 0 0 1-1.5 0v-7.69l-2.22 2.22a.75.75 0 0 1-1.06-1.06z" clip-rule="evenodd"/></svg>');--dsc-file-upload-icon-url--readonly:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.098 5.114A9.72 9.72 0 0 0 2.25 12c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25a9.72 9.72 0 0 0-6.886 2.848l-.008.008zm1.623.546a8.25 8.25 0 0 1 11.62 11.62zM5.66 6.72l11.62 11.62A8.25 8.25 0 0 1 5.66 6.72" clip-rule="evenodd"/></svg>');--_icon-url:var(--dsc-file-upload-icon-url);position:relative;border:var(--dsc-file-upload-border-width) var(--dsc-file-upload-border-style) var(--dsc-file-upload-border-color);border-radius:var(--dsc-file-upload-border-radius);padding:var(--dsc-file-upload-padding);background:var(--dsc-file-upload-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-field[tabindex]:focus-visible:has(:is(.ds-file-upload)){outline:none}.ds-field[tabindex]:focus-visible .ds-file-upload,.ds-file-upload:focus-within{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-field[tabindex]:focus-visible .ds-file-upload,.ds-file-upload:focus-within) *{--_ds--focus: }.ds-file-upload:hover{border-style:var(--dsc-file-upload-border-style--hover);background-color:var(--dsc-file-upload-background--hover);cursor:pointer}.ds-file-upload:has(:is([readonly],[aria-readonly=true])){cursor:not-allowed;pointer-events:none;--_icon-url:var(--dsc-file-upload-icon-url--readonly);--dsc-file-upload-background:var(--ds-color-surface-tinted);--dsc-file-upload-background--hover:var(--ds-color-surface-tinted);--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)}.ds-file-upload:has([aria-invalid=true]){border-color:var(--ds-color-danger-border-default)}.ds-file-upload>input[type=file]{position:absolute;inset:0;margin:0;z-index:1;opacity:0;cursor:inherit}.ds-file-upload:not(:has(>svg)):before,.ds-file-upload>svg{color:var(--dsc-file-upload-icon-color);display:block;height:var(--dsc-file-upload-icon-size);margin:0 auto var(--ds-size-2);width:var(--dsc-file-upload-icon-size)}@media (forced-colors:active){.ds-file-upload:not(:has(>svg)):before,.ds-file-upload>svg{color:CanvasText}}.ds-file-upload:not(:has(>svg)):before{content:"";background:currentColor;-webkit-mask:var(--_icon-url) center /contain no-repeat;mask:var(--_icon-url) center /contain no-repeat}@media (forced-colors:active){.ds-file-upload:not(:has(>svg)):before{background:CanvasText}}.ds-file-upload>[data-field=description]:not([data-field=description]+[data-field=description]){color:var(--dsc-file-upload-color)}.ds-file-upload>.ds-button{width:-moz-fit-content;width:fit-content;margin:var(--ds-size-4) auto 0}
|