@digdir/designsystemet-css 1.21.0 → 1.21.1
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/alert.css +1 -1
- package/dist/src/avatar.css +1 -1
- package/dist/src/card.css +1 -1
- package/dist/src/error-summary.css +1 -1
- package/dist/src/index.css +2 -2
- package/dist/src/link.css +1 -1
- package/dist/src/table.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/package.json +5 -5
- package/theme/types.d.ts +1 -1
package/dist/src/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-alert{--dsc-alert-background:var(--ds-color-info-surface-tinted);--dsc-alert-border-width:var(--ds-border-width-default);--dsc-alert-border-style:solid;--dsc-alert-border-color:var(--ds-color-info-border-default);--dsc-alert-border-radius:var(--ds-border-radius-
|
|
1
|
+
.ds-alert{--dsc-alert-background:var(--ds-color-info-surface-tinted);--dsc-alert-border-width:var(--ds-border-width-default);--dsc-alert-border-style:solid;--dsc-alert-border-color:var(--ds-color-info-border-default);--dsc-alert-border-radius:var(--ds-border-radius-lg);--dsc-alert-icon-color:var(--ds-color-info-text-subtle);--dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.25%204A.75.75%200%200%201%204%203.25h16a.75.75%200%200%201%20.75.75v16a.75.75%200%200%201-.75.75H4a.75.75%200%200%201-.75-.75zM11%207.75a1%201%200%201%201%202%200%201%201%200%200%201-2%200m-1.25%203a.75.75%200%200%201%20.75-.75H12a.75.75%200%200%201%20.75.75v4.75h.75a.75.75%200%200%201%200%201.5h-3a.75.75%200%200%201%200-1.5h.75v-4h-.75a.75.75%200%200%201-.75-.75%22%2F%3E%3C%2Fsvg%3E");--dsc-alert-color:var(--ds-color-info-text-default);--dsc-alert-spacing:var(--ds-size-2);--dsc-alert-icon-size:var(--ds-icon-size);--dsc-alert-padding-block:var(--ds-size-6);--dsc-alert-padding-inline-end:var(--ds-size-6);background:var(--dsc-alert-background);border-radius:var(--dsc-alert-border-radius);border-width:var(--dsc-alert-border-width);border-style:var(--dsc-alert-border-style);border-color:var(--dsc-alert-border-color);box-sizing:border-box;color:var(--dsc-alert-color);padding-block:var(--dsc-alert-padding-block);padding-inline-start:calc(var(--dsc-alert-padding-inline-end) + var(--dsc-alert-icon-size) + var(--dsc-alert-spacing));padding-inline-end:var(--dsc-alert-padding-inline-end);position:relative}.ds-alert:not(:has(>:is(h1,h2,h3,h4,h5,h6):first-child)):before,.ds-alert>:is(h1,h2,h3,h4,h5,h6):first-child:before{background:var(--dsc-alert-icon-color);content:"";height:var(--dsc-alert-icon-size);margin-inline:calc((var(--dsc-alert-icon-size) + var(--dsc-alert-spacing))*-1);-webkit-mask:var(--dsc-alert-icon-url) center /contain no-repeat;mask:var(--dsc-alert-icon-url) center /contain no-repeat;position:absolute;translate:0 calc((1lh - var(--dsc-alert-icon-size))/2);width:var(--dsc-alert-icon-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.ds-alert:not(:has(>:is(h1,h2,h3,h4,h5,h6):first-child)):before,.ds-alert>:is(h1,h2,h3,h4,h5,h6):first-child:before{background:CanvasText}}.ds-alert[data-color]{--dsc-alert-background:var(--ds-color-surface-tinted);--dsc-alert-border-color:var(--ds-color-border-default);--dsc-alert-icon-color:var(--ds-color-text-subtle);--dsc-alert-color:var(--ds-color-text-default)}.ds-alert[data-color=warning]{--dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25a.75.75%200%200%201%20.66.39l9.52%2017.25a.75.75%200%200%201-.65%201.11H2.47a.75.75%200%200%201-.65-1.11l9.52-17.25a.75.75%200%200%201%20.66-.39m0%206.5a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4a.75.75%200%200%201%20.75-.75m-1%207.75a1%201%200%201%201%202%200%201%201%200%200%201-2%200%22%2F%3E%3C%2Fsvg%3E")}.ds-alert[data-color=success]{--dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021.75a9.75%209.75%200%201%200%200-19.5%209.75%209.75%200%200%200%200%2019.5m4.95-12.47a.81.81%200%200%200-1.24-1.05l-5.39%206.36-2.62-2.62a.81.81%200%200%200-1.15%201.15l3.25%203.25a.81.81%200%200%200%201.2-.05z%22%2F%3E%3C%2Fsvg%3E")}.ds-alert[data-color=danger]{--dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.74%202.47a.75.75%200%200%201%20.53-.22h7.46a.75.75%200%200%201%20.53.22l5.27%205.27c.14.14.22.33.22.53v7.46a.75.75%200%200%201-.22.53l-5.27%205.27a.75.75%200%200%201-.53.22H8.27a.75.75%200%200%201-.53-.22l-5.27-5.27a.75.75%200%200%201-.22-.53V8.27a.75.75%200%200%201%20.22-.53zm1.29%205.5a.75.75%200%200%200-1.06%201.06L10.94%2012l-2.97%202.97a.75.75%200%201%200%201.06%201.06L12%2013.06l2.97%202.97a.75.75%200%201%200%201.06-1.06L13.06%2012l2.97-2.97a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E")}
|
package/dist/src/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-avatar{--dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%207.5a3.75%203.75%200%201%201%207.5%200%203.75%203.75%200%200%201-7.5%200M12%202.25a5.25%205.25%200%201%200%200%2010.5%205.25%205.25%200%200%200%200-10.5M8.288%2017.288A5.25%205.25%200%200%201%2017.25%2021a.75.75%200%200%200%201.5%200%206.75%206.75%200%200%200-13.5%200%20.75.75%200%200%200%201.5%200%205.25%205.25%200%200%201%201.538-3.712%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%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-radius:var(--ds-border-radius-full);--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(--dsc-avatar-radius);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;vertical-align:middle;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]{--dsc-avatar-radius:var(--ds-border-radius-
|
|
1
|
+
.ds-avatar{--dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%207.5a3.75%203.75%200%201%201%207.5%200%203.75%203.75%200%200%201-7.5%200M12%202.25a5.25%205.25%200%201%200%200%2010.5%205.25%205.25%200%200%200%200-10.5M8.288%2017.288A5.25%205.25%200%200%201%2017.25%2021a.75.75%200%200%200%201.5%200%206.75%206.75%200%200%200-13.5%200%20.75.75%200%200%200%201.5%200%205.25%205.25%200%200%201%201.538-3.712%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%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-radius:var(--ds-border-radius-full);--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(--dsc-avatar-radius);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;vertical-align:middle;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]{--dsc-avatar-radius:var(--ds-border-radius-md)}@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/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-card{--dsc-card-background--active:var(--ds-color-surface-active);--dsc-card-background--hover:var(--ds-color-surface-hover);--dsc-card-background:var(--ds-color-surface-default);--dsc-card-border-width:var(--ds-border-width-default);--dsc-card-border-style:solid;--dsc-card-border-color:var(--ds-color-border-subtle);--dsc-card-block-border-width:var(--dsc-card-border-width);--dsc-card-block-border-style:var(--dsc-card-border-style);--dsc-card-block-border-color:var(--dsc-card-border-color);--dsc-card-color:var(--ds-color-text-default);--dsc-card-content-margin-block:var(--ds-size-3) 0;--dsc-card-padding:var(--ds-size-6);--dsc-card-border-radius:var(--ds-border-radius-lg);background:var(--dsc-card-background);border-radius:var(--dsc-card-border-radius);border-width:var(--dsc-card-border-width);border-style:var(--dsc-card-border-style);border-color:var(--dsc-card-border-color);box-sizing:border-box;color:var(--dsc-card-color);overflow:clip;padding:var(--dsc-card-padding);text-align:inherit}.ds-card[data-variant=default]{background:var(--ds-color-surface-default)}.ds-card[data-variant=tinted]{background:var(--ds-color-surface-tinted)}.ds-card:not([hidden]){display:block}.ds-card:where(a,button,[role=button],[data-clickdelegatefor]){cursor:pointer;text-decoration:none}.ds-card:where(a,button,[role=button],[data-clickdelegatefor]):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-card:where(a,button,[role=button],[data-clickdelegatefor]):focus-visible *{--_ds--focus:}.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>.ds-card__block>:is(h1,h2,h3,h4,h5,h6),.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>:is(h1,h2,h3,h4,h5,h6){text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:.
|
|
1
|
+
.ds-card{--dsc-card-background--active:var(--ds-color-surface-active);--dsc-card-background--hover:var(--ds-color-surface-hover);--dsc-card-background:var(--ds-color-surface-default);--dsc-card-border-width:var(--ds-border-width-default);--dsc-card-border-style:solid;--dsc-card-border-color:var(--ds-color-border-subtle);--dsc-card-block-border-width:var(--dsc-card-border-width);--dsc-card-block-border-style:var(--dsc-card-border-style);--dsc-card-block-border-color:var(--dsc-card-border-color);--dsc-card-color:var(--ds-color-text-default);--dsc-card-content-margin-block:var(--ds-size-3) 0;--dsc-card-padding:var(--ds-size-6);--dsc-card-border-radius:var(--ds-border-radius-lg);background:var(--dsc-card-background);border-radius:var(--dsc-card-border-radius);border-width:var(--dsc-card-border-width);border-style:var(--dsc-card-border-style);border-color:var(--dsc-card-border-color);box-sizing:border-box;color:var(--dsc-card-color);overflow:clip;padding:var(--dsc-card-padding);text-align:inherit}.ds-card[data-variant=default]{background:var(--ds-color-surface-default)}.ds-card[data-variant=tinted]{background:var(--ds-color-surface-tinted)}.ds-card:not([hidden]){display:block}.ds-card:where(a,button,[role=button],[data-clickdelegatefor]){cursor:pointer;text-decoration:none}.ds-card:where(a,button,[role=button],[data-clickdelegatefor]):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-card:where(a,button,[role=button],[data-clickdelegatefor]):focus-visible *{--_ds--focus:}.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>.ds-card__block>:is(h1,h2,h3,h4,h5,h6),.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>:is(h1,h2,h3,h4,h5,h6){text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:.24em}:is(.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>:is(h1,h2,h3,h4,h5,h6),.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>.ds-card__block>:is(h1,h2,h3,h4,h5,h6))>a{text-decoration:none;color:inherit}:is(:is(.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>:is(h1,h2,h3,h4,h5,h6),.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>.ds-card__block>:is(h1,h2,h3,h4,h5,h6))>a):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(:is(.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>:is(h1,h2,h3,h4,h5,h6),.ds-card:where(a,button,[role=button],[data-clickdelegatefor])>.ds-card__block>:is(h1,h2,h3,h4,h5,h6))>a):focus-visible *{--_ds--focus:}@media (hover:hover) and (pointer:fine){.ds-card:where(a,button,[role=button]):hover,.ds-card[data-clickdelegatefor]:has(.\:click-delegate-hover){background:var(--dsc-card-background--hover)}:is(.ds-card:where(a,button,[role=button]):hover,.ds-card[data-clickdelegatefor]:has(.\:click-delegate-hover)):active{background:var(--dsc-card-background--active)}}.ds-card:has(>.ds-card__block,>.ds-details){padding:0}.ds-card>.ds-details:first-child{border-top:0}:is(.ds-card>.ds-details:first-child)>summary,:is(.ds-card>.ds-details:first-child)>u-summary{border-top-left-radius:var(--dsc-card-border-radius);border-top-right-radius:var(--dsc-card-border-radius)}.ds-card>.ds-details:last-child{border-bottom:0}:is(.ds-card>.ds-details:last-child):not([open])>summary,:is(.ds-card>.ds-details:last-child):not([open])>u-summary{border-bottom-left-radius:var(--dsc-card-border-radius);border-bottom-right-radius:var(--dsc-card-border-radius)}:where(.ds-card){font:inherit;margin:0}:where(.ds-card,.ds-card__block)>:first-child{margin-block:0}:where(.ds-card,.ds-card__block)>*+*{margin-block:var(--dsc-card-content-margin-block)}.ds-card__block{box-sizing:border-box;margin:0;padding:var(--dsc-card-padding);position:relative}.ds-card__block:before{border-top-width:var(--dsc-card-block-border-width);border-top-style:var(--dsc-card-block-border-style);inset:0 0 auto;translate:0 -100%}.ds-card__block:after,.ds-card__block:before{content:"";border-color:var(--dsc-card-block-border-color);position:absolute}.ds-card__block:after{border-left-width:var(--dsc-card-block-border-width);border-left-style:var(--dsc-card-block-border-style);inset:0 auto 0 0;translate:-100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child){padding:0}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>:not([hidden]),.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>picture img:not([hidden]){border:0;display:block;height:auto;width:100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>iframe{aspect-ratio:16/9}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-error-summary{--dsc-errorsummary-background:var(--ds-color-danger-surface-tinted);--dsc-errorsummary-border-radius:var(--ds-border-radius-
|
|
1
|
+
.ds-error-summary{--dsc-errorsummary-background:var(--ds-color-danger-surface-tinted);--dsc-errorsummary-border-radius:var(--ds-border-radius-lg);--dsc-errorsummary-padding:var(--ds-size-7);--dsc-errorsummary-link-color:var(--ds-color-neutral-text-default);--dsc-errorsummary-heading-color:var(--ds-color-danger-text-default);background:var(--dsc-errorsummary-background);border-radius:var(--dsc-errorsummary-border-radius);box-sizing:border-box;padding:var(--dsc-errorsummary-padding);animation:_is-visible 0s}.ds-error-summary: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-error-summary:focus-visible *{--_ds--focus:}.ds-error-summary:not([hidden]){display:block}.ds-error-summary :is(h1,h2,h3,h4,h5,h6){color:var(--dsc-errorsummary-heading-color);font-size:var(--ds-font-size-plus-1);margin-bottom:var(--ds-size-2)}.ds-error-summary a{color:var(--dsc-errorsummary-link-color)}.ds-error-summary li:last-of-type{margin-bottom:0}@keyframes _is-visible{0%{opacity:0}}
|