@digdir/designsystemet-css 1.16.0 → 1.17.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/badge.css +1 -1
- package/dist/src/base.css +1 -1
- package/dist/src/button.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/link.css +1 -1
- package/dist/src/tabs.css +1 -1
- package/dist/src/tag.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/dist/theme/designsystemet.css +1 -1
- package/package.json +5 -5
- 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;
|
|
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/badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-badge{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default);--dsc-badge-padding:0 calc(var(--ds-size-1) + var(--ds-size-1)/2);--dsc-badge-size:calc(var(--ds-size-3) + var(--ds-size-1)/2);--dsc-badge-top:inherit;--dsc-badge-bottom:inherit;--dsc-badge-left:inherit;--dsc-badge-right:inherit;vertical-align:middle;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-badge:not([hidden]){display:inline-flex}.ds-badge:before{content:attr(data-count);background:var(--dsc-badge-background);border-radius:var(--ds-border-radius-full);color:var(--dsc-badge-color);display:inline-grid;font-size:var(--ds-font-size-minus-1);min-height:var(--dsc-badge-size);min-width:var(--dsc-badge-size);padding:var(--dsc-badge-padding);place-items:center;box-sizing:border-box;line-height:var(--ds-line-height-sm);width:-moz-fit-content;width:fit-content}@supports (content:attr(data-count,"")){.ds-badge:before{content:attr(data-count,"")}}.ds-badge[data-variant=base]{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default)}.ds-badge[data-variant=tinted]{--dsc-badge-background:var(--ds-color-surface-tinted);--dsc-badge-color:var(--ds-color-text-default)}.ds-badge--position{box-sizing:border-box;position:relative;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.ds-badge--position:not([hidden]){display:inline-flex}.ds-badge--position .ds-badge:before{position:absolute;top:var(--dsc-badge-top);bottom:var(--dsc-badge-bottom);left:var(--dsc-badge-left);right:var(--dsc-badge-right);z-index:1}.ds-badge--position :is(img,svg){display:inline-block;
|
|
1
|
+
.ds-badge{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default);--dsc-badge-padding:0 calc(var(--ds-size-1) + var(--ds-size-1)/2);--dsc-badge-size:calc(var(--ds-size-3) + var(--ds-size-1)/2);--dsc-badge-top:inherit;--dsc-badge-bottom:inherit;--dsc-badge-left:inherit;--dsc-badge-right:inherit;vertical-align:middle;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-badge:not([hidden]){display:inline-flex}.ds-badge:before{content:attr(data-count);background:var(--dsc-badge-background);border-radius:var(--ds-border-radius-full);color:var(--dsc-badge-color);display:inline-grid;font-size:var(--ds-font-size-minus-1);min-height:var(--dsc-badge-size);min-width:var(--dsc-badge-size);padding:var(--dsc-badge-padding);place-items:center;box-sizing:border-box;line-height:var(--ds-line-height-sm);width:-moz-fit-content;width:fit-content}@supports (content:attr(data-count,"")){.ds-badge:before{content:attr(data-count,"")}}.ds-badge[data-variant=base]{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default)}.ds-badge[data-variant=tinted]{--dsc-badge-background:var(--ds-color-surface-tinted);--dsc-badge-color:var(--ds-color-text-default)}.ds-badge--position{box-sizing:border-box;position:relative;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.ds-badge--position:not([hidden]){display:inline-flex}.ds-badge--position .ds-badge:before{position:absolute;top:var(--dsc-badge-top);bottom:var(--dsc-badge-bottom);left:var(--dsc-badge-left);right:var(--dsc-badge-right);z-index:1}.ds-badge--position :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-badge--position[data-placement=top-right] .ds-badge:before{top:var(--dsc-badge-top,0);right:var(--dsc-badge-right,0);translate:50% -50%}.ds-badge--position[data-placement=top-left] .ds-badge:before{top:var(--dsc-badge-top,0);left:var(--dsc-badge-left,0);translate:-50% -50%}.ds-badge--position[data-placement=bottom-right] .ds-badge:before{bottom:var(--dsc-badge-bottom,0);right:var(--dsc-badge-right,0);translate:50% 50%}.ds-badge--position[data-placement=bottom-left] .ds-badge:before{bottom:var(--dsc-badge-bottom,0);left:var(--dsc-badge-left,0);translate:-50% 50%}.ds-badge--position[data-placement=top-right][data-overlap=circle] .ds-badge:before{top:var(--dsc-badge-top,14%);right:var(--dsc-badge-right,14%);translate:50% -50%}.ds-badge--position[data-placement=top-left][data-overlap=circle] .ds-badge:before{top:var(--dsc-badge-top,14%);left:var(--dsc-badge-left,14%);translate:-50% -50%}.ds-badge--position[data-placement=bottom-right][data-overlap=circle] .ds-badge:before{bottom:var(--dsc-badge-bottom,14%);right:var(--dsc-badge-right,14%);translate:50% 50%}.ds-badge--position[data-placement=bottom-left][data-overlap=circle] .ds-badge:before{bottom:var(--dsc-badge-bottom,14%);left:var(--dsc-badge-left,14%);translate:-50% 50%}
|
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;
|
|
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],body{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;
|
|
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:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}.ds-button[aria-busy=true]{cursor:progress}.ds-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-button[aria-busy=true]:is(:disabled,[aria-disabled=true]){opacity:1;cursor:progress}.ds-button:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active);color:var(--dsc-button-color--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)}
|