@digdir/designsystemet-css 1.16.1 → 1.18.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/avatar.css +1 -1
- package/dist/src/chip.css +1 -1
- package/dist/src/field.css +1 -1
- package/dist/src/fieldset.css +1 -1
- package/dist/src/index.css +2 -2
- package/dist/src/suggestion.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/dist/theme/designsystemet.css +1 -1
- package/package.json +2 -2
- package/theme/types.d.ts +1 -1
package/dist/src/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-avatar{--dsc-avatar-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' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-size:2.625em;--dsc-avatar-padding:0.45em;--dsc-avatar-font-size:1.3em}@supports (width:round(down,0.1em,1px)){.ds-avatar{--dsc-avatar-size:round(up,2.625em,1px);--dsc-avatar-padding:round(down,0.45em,1px);--dsc-avatar-font-size:round(down,1.3em,1px)}}.ds-avatar{align-items:center;background:var(--dsc-avatar-background);border-radius:var(--ds-border-radius-full);border:0;box-sizing:border-box;color:var(--dsc-avatar-color);flex-shrink:0;font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;overflow:hidden;padding:0;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dsc-avatar-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-avatar:not([hidden]){display:inline-flex}.ds-avatar:not(:has(img)){padding:var(--dsc-avatar-padding)}.ds-avatar:is(button:enabled){cursor:pointer}.ds-avatar :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);object-fit:cover;width:100%;height:100%}.ds-avatar>span{font-size:var(--dsc-avatar-font-size)}.ds-avatar[data-initials]:empty:before{content:attr(data-initials);font-size:var(--dsc-avatar-font-size)}.ds-avatar:not([data-initials]):empty:before{content:"";width:100%;height:100%;background:currentcolor;-webkit-mask:var(--dsc-avatar-icon-url) center /contain no-repeat;mask:var(--dsc-avatar-icon-url) center /contain no-repeat}@media (forced-colors:active){.ds-avatar:not([data-initials]):empty:before{background:CanvasText}}.ds-avatar[data-variant=square]{border-radius:var(--ds-border-radius-sm)}@media (forced-colors:active){.ds-avatar{border-width:var(--ds-size-1);border-style:solid;border-color:CanvasText}}.ds-avatar[data-size=xs]{font-size:var(--ds-body-xs-font-size)}.ds-avatar[data-size=sm]{font-size:var(--ds-body-sm-font-size)}.ds-avatar[data-size=md]{font-size:var(--ds-body-md-font-size)}.ds-avatar[data-size=lg]{font-size:var(--ds-body-lg-font-size)}
|
|
1
|
+
.ds-avatar{--dsc-avatar-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' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-size:2.625em;--dsc-avatar-padding:0.45em;--dsc-avatar-font-size:1.3em}@supports (width:round(down,0.1em,1px)){.ds-avatar{--dsc-avatar-size:round(up,2.625em,1px);--dsc-avatar-padding:round(down,0.45em,1px);--dsc-avatar-font-size:round(down,1.3em,1px)}}.ds-avatar{align-items:center;background:var(--dsc-avatar-background);border-radius:var(--ds-border-radius-full);border:0;box-sizing:border-box;color:var(--dsc-avatar-color);flex-shrink:0;font:inherit;font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;overflow:hidden;padding:0;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dsc-avatar-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-avatar: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-avatar:focus-visible *{--_ds--focus: }.ds-avatar:not([hidden]){display:inline-flex}.ds-avatar:not(:has(img)){padding:var(--dsc-avatar-padding)}.ds-avatar:is(button:enabled){cursor:pointer}.ds-avatar :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);object-fit:cover;width:100%;height:100%}.ds-avatar>span{font-size:var(--dsc-avatar-font-size)}.ds-avatar[data-initials]:empty:before{content:attr(data-initials);font-size:var(--dsc-avatar-font-size)}.ds-avatar:not([data-initials]):empty:before{content:"";width:100%;height:100%;background:currentcolor;-webkit-mask:var(--dsc-avatar-icon-url) center /contain no-repeat;mask:var(--dsc-avatar-icon-url) center /contain no-repeat}@media (forced-colors:active){.ds-avatar:not([data-initials]):empty:before{background:CanvasText}}.ds-avatar[data-variant=square]{border-radius:var(--ds-border-radius-sm)}@media (forced-colors:active){.ds-avatar{border-width:var(--ds-size-1);border-style:solid;border-color:CanvasText}}.ds-avatar[data-size=xs]{font-size:var(--ds-body-xs-font-size)}.ds-avatar[data-size=sm]{font-size:var(--ds-body-sm-font-size)}.ds-avatar[data-size=md]{font-size:var(--ds-body-md-font-size)}.ds-avatar[data-size=lg]{font-size:var(--ds-body-lg-font-size)}
|
package/dist/src/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-chip{--dsc-chip-background:var(--ds-color-surface-
|
|
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)/2 - .5lh);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:50%;inset-inline-start:var(--dsc-chip-spacing);position:absolute;translate:0 -50%;--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:50%;inset-inline-end:var(--dsc-chip-spacing);translate:0 -50%;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/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 :
|
|
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:not([hidden]),.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}
|
package/dist/src/fieldset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-fieldset{--dsc-fieldset-gap:var(--ds-size-4);--_dsc-fieldset-gap--half:calc(var(--dsc-fieldset-gap)/2);--dsc-fieldset-description-color:var(--ds-color-neutral-text-subtle);border:0;margin:0;min-width:0;padding:0}.ds-fieldset>legend{padding:0}:is(.ds-fieldset:has(input[readonly]):not(:has(input:not([readonly])))>legend):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-fieldset:has(input[readonly]):not(:has(input:not([readonly])))>legend):before{background:CanvasText}}.ds-fieldset>*+*{margin-block:var(--dsc-fieldset-gap) 0}.ds-fieldset>[data-field=description],.ds-fieldset>legend+p{color:var(--dsc-fieldset-description-color)}.ds-fieldset>legend+[data-field=description],.ds-fieldset>legend+p{margin-block-start:0}.ds-fieldset:disabled>[data-field=description],.ds-fieldset:disabled>legend,.ds-fieldset:disabled>legend+p{opacity:var(--ds-opacity-disabled)}
|
|
1
|
+
.ds-fieldset{--dsc-fieldset-gap:var(--ds-size-4);--_dsc-fieldset-gap--half:calc(var(--dsc-fieldset-gap)/2);--dsc-fieldset-description-color:var(--ds-color-neutral-text-subtle);border:0;margin:0;min-width:0;padding:0}.ds-fieldset>legend{padding:0}:is(.ds-fieldset:has(.ds-input[readonly]):not(:has(.ds-input:not([readonly])))>legend):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-fieldset:has(.ds-input[readonly]):not(:has(.ds-input:not([readonly])))>legend):before{background:CanvasText}}.ds-fieldset>*+*{margin-block:var(--dsc-fieldset-gap) 0}.ds-fieldset>[data-field=description],.ds-fieldset>legend+p{color:var(--dsc-fieldset-description-color)}.ds-fieldset>legend+[data-field=description],.ds-fieldset>legend+p{margin-block-start:0}.ds-fieldset:disabled>[data-field=description],.ds-fieldset:disabled>legend,.ds-fieldset:disabled>legend+p{opacity:var(--ds-opacity-disabled)}
|