@digdir/designsystemet-css 1.21.1 → 1.22.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-stack.css +1 -1
- package/dist/src/avatar.css +1 -1
- package/dist/src/base.css +1 -1
- package/dist/src/breadcrumbs.css +1 -1
- package/dist/src/card.css +1 -1
- package/dist/src/chip.css +1 -1
- package/dist/src/data-size-workaround.css +1 -1
- package/dist/src/dropdown.css +1 -1
- package/dist/src/index.css +2 -2
- package/dist/src/input.css +1 -1
- package/dist/src/link.css +1 -1
- package/dist/src/list.css +1 -1
- package/dist/src/pagination.css +1 -1
- package/dist/src/search.css +1 -1
- package/dist/src/suggestion.css +1 -1
- package/dist/src/tag.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/package.json +2 -2
- package/theme/types.d.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@property --_dsc-avatar-stack-overlap{syntax:"<length>";inherits:true;initial-value:0}.ds-avatar-stack{--dsc-avatar-stack-gap:2px;--dsc-avatar-stack-overlap:var(--ds-size-3);--dsc-avatar-stack-radius:var(--ds-border-radius-full);--dsc-avatar-stack-size:var(--ds-size-12);--dsc-avatar-stack-suffix-gap:var(--ds-size-3);--_dsc-avatar-stack-overlap:min(var(--dsc-avatar-stack-overlap), var(--dsc-avatar-stack-size) + var(--dsc-avatar-stack-gap));--_dsc-avatar-stack-negative:calc(var(--_dsc-avatar-stack-overlap)*-1);align-items:center;gap:var(--dsc-avatar-stack-gap);
|
|
1
|
+
@property --_dsc-avatar-stack-overlap{syntax:"<length>";inherits:true;initial-value:0}.ds-avatar-stack{--dsc-avatar-stack-gap:2px;--dsc-avatar-stack-overlap:var(--ds-size-3);--dsc-avatar-stack-radius:var(--ds-border-radius-full);--dsc-avatar-stack-size:var(--ds-size-12);--dsc-avatar-stack-suffix-gap:var(--ds-size-3);--_dsc-avatar-stack-overlap:min(var(--dsc-avatar-stack-overlap), var(--dsc-avatar-stack-size) + var(--dsc-avatar-stack-gap));--_dsc-avatar-stack-negative:calc(var(--_dsc-avatar-stack-overlap)*-1);align-items:center;gap:var(--dsc-avatar-stack-gap);transition:--_dsc-avatar-stack-overlap .2s ease;width:-moz-max-content;width:max-content;margin:0;padding:0;list-style-type:""}.ds-avatar-stack: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-stack:focus-visible *{--_ds--focus:}.ds-avatar-stack:not([hidden]){display:flex}.ds-avatar-stack:not([data-expandable=fixed])>li+li{margin-left:var(--_dsc-avatar-stack-negative)}.ds-avatar-stack>li+li:not(:has(.ds-avatar)){margin-left:var(--dsc-avatar-stack-suffix-gap)}.ds-avatar-stack>li>:where(.ds-avatar){--dsc-avatar-radius:var(--dsc-avatar-stack-radius);--dsc-avatar-size:var(--dsc-avatar-stack-size)}.ds-avatar-stack>li>.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))}:is(.ds-avatar-stack>li>.ds-avatar:focus-visible) *{--_ds--focus:}.ds-avatar-stack>li>.ds-avatar:focus-visible{-webkit-mask:none;mask:none;z-index:1}.ds-avatar-stack>li:has(+li>.ds-avatar)>.ds-avatar{--_x:calc(var(--dsc-avatar-size) - var(--_dsc-avatar-stack-overlap));--_r:calc(min(var(--dsc-avatar-size) / 2, var(--dsc-avatar-radius)) + var(--dsc-avatar-stack-gap));--_s:calc(var(--_r) - 0.5px);-webkit-mask:linear-gradient(to right,#000 calc(var(--_x) + .5px),transparent calc(var(--_x) + .5px)) 0 0 /100% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--_s),#000 var(--_r)) var(--_x) calc(0% - var(--dsc-avatar-stack-gap)) /var(--_r) var(--_r) no-repeat,radial-gradient(circle at 100% 0,transparent var(--_s),#000 var(--_r)) var(--_x) calc(100% + var(--dsc-avatar-stack-gap)) /var(--_r) var(--_r) no-repeat;mask:linear-gradient(to right,#000 calc(var(--_x) + .5px),transparent calc(var(--_x) + .5px)) 0 0 /100% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--_s),#000 var(--_r)) var(--_x) calc(0% - var(--dsc-avatar-stack-gap)) /var(--_r) var(--_r) no-repeat,radial-gradient(circle at 100% 0,transparent var(--_s),#000 var(--_r)) var(--_x) calc(100% + var(--dsc-avatar-stack-gap)) /var(--_r) var(--_r) no-repeat}.ds-avatar-stack[data-expandable]:focus-visible,.ds-avatar-stack[data-expandable]:hover{--_dsc-avatar-stack-overlap:0px}.ds-avatar-stack[data-expandable=fixed]>li:not(:has(>.ds-avatar)){transform:translateX(var(--_dsc-avatar-stack-overlap))}@supports (width:calc(sibling-index() * 1px)){.ds-avatar-stack[data-expandable=fixed]>li{translate:calc(var(--_dsc-avatar-stack-negative)*(sibling-index() - 1))}}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(2){translate:var(--_dsc-avatar-stack-negative)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(3){translate:calc(var(--_dsc-avatar-stack-negative)*2)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(4){translate:calc(var(--_dsc-avatar-stack-negative)*3)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(5){translate:calc(var(--_dsc-avatar-stack-negative)*4)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(6){translate:calc(var(--_dsc-avatar-stack-negative)*5)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(7){translate:calc(var(--_dsc-avatar-stack-negative)*6)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(8){translate:calc(var(--_dsc-avatar-stack-negative)*7)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(9){translate:calc(var(--_dsc-avatar-stack-negative)*8)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(10){translate:calc(var(--_dsc-avatar-stack-negative)*9)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(11){translate:calc(var(--_dsc-avatar-stack-negative)*10)}:is(.ds-avatar-stack[data-expandable=fixed]>li):nth-child(12){translate:calc(var(--_dsc-avatar-stack-negative)*11)}
|
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-
|
|
1
|
+
.ds-avatar{--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-font-size:calc(var(--dsc-avatar-size)*0.4);--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-padding:var(--ds-size-2);--dsc-avatar-radius:var(--ds-border-radius-full);--dsc-avatar-size:var(--ds-size-12);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-family:inherit;font-size:var(--dsc-avatar-font-size);font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;line-height:0;overflow:hidden;padding:var(--dsc-avatar-padding);text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;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:has(img){padding:0}.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[data-initials]:empty:before{content:attr(data-initials)}.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]{--ds-size:var(--ds-size--md);--dsc-avatar-size:var(--ds-size-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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25A4.75%204.75%200%200%200%207.25%207v2.25H7A1.75%201.75%200%200%200%205.25%2011v9c0%20.41.34.75.75.75h12a.75.75%200%200%200%20.75-.75v-9A1.75%201.75%200%200%200%2017%209.25h-.25V7A4.75%204.75%200%200%200%2012%202.25m3.25%207V7a3.25%203.25%200%200%200-6.5%200v2.25zM12%2013a1.5%201.5%200%200%200-.75%202.8V17a.75.75%200%200%200%201.5%200v-1.2A1.5%201.5%200%200%200%2012%2013%22%2F%3E%3C%2Fsvg%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)}[data-size]{--ds-icon-size:var(--ds-size-6)}
|
|
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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25A4.75%204.75%200%200%200%207.25%207v2.25H7A1.75%201.75%200%200%200%205.25%2011v9c0%20.41.34.75.75.75h12a.75.75%200%200%200%20.75-.75v-9A1.75%201.75%200%200%200%2017%209.25h-.25V7A4.75%204.75%200%200%200%2012%202.25m3.25%207V7a3.25%203.25%200%200%200-6.5%200v2.25zM12%2013a1.5%201.5%200%200%200-.75%202.8V17a.75.75%200%200%200%201.5%200v-1.2A1.5%201.5%200%200%200%2012%2013%22%2F%3E%3C%2Fsvg%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-list--unstyled{margin:0;padding:0;list-style-type:""}.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)}[data-size]{--ds-icon-size:var(--ds-size-6)}
|
package/dist/src/breadcrumbs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-breadcrumbs{--dsc-breadcrumbs-spacing:var(--ds-size-2);--dsc-breadcrumbs-icon-size:var(--ds-icon-size);--dsc-breadcrumbs-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.47%205.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%200%201%200%201.06l-5.5%205.5a.75.75%200%201%201-1.06-1.06L14.44%2012%209.47%207.03a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-breadcrumbs-color:var(--ds-color-text-subtle);--_ds-aria-label:var(--dsc-breadcrumbs-label)}.ds-breadcrumbs:not([hidden]){display:block}.ds-breadcrumbs:
|
|
1
|
+
.ds-breadcrumbs{--dsc-breadcrumbs-spacing:var(--ds-size-2);--dsc-breadcrumbs-icon-size:var(--ds-icon-size);--dsc-breadcrumbs-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.47%205.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%200%201%200%201.06l-5.5%205.5a.75.75%200%201%201-1.06-1.06L14.44%2012%209.47%207.03a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-breadcrumbs-color:var(--ds-color-text-subtle);--_ds-aria-label:var(--dsc-breadcrumbs-label)}.ds-breadcrumbs:not([hidden]){display:block}.ds-breadcrumbs:lang(nb),.ds-breadcrumbs:lang(nn),.ds-breadcrumbs:lang(no){--dsc-breadcrumbs-label:"Du er her:"}.ds-breadcrumbs>:is(ol,ul){margin:0;padding:0;list-style-type:"";flex-wrap:wrap;gap:var(--dsc-breadcrumbs-spacing) 0}:is(.ds-breadcrumbs>:is(ol,ul)):not([hidden]){display:flex}.ds-breadcrumbs li:where(:not(:last-child)):after,.ds-breadcrumbs>:not(ol,ul):before{background:var(--dsc-breadcrumbs-color);content:"";display:inline-block;flex-shrink:0;height:var(--dsc-breadcrumbs-icon-size);margin-inline:var(--dsc-breadcrumbs-spacing);-webkit-mask:center/contain no-repeat var(--dsc-breadcrumbs-icon-url);mask:center/contain no-repeat var(--dsc-breadcrumbs-icon-url);vertical-align:middle;width:var(--dsc-breadcrumbs-icon-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.ds-breadcrumbs li:where(:not(:last-child)):after,.ds-breadcrumbs>:not(ol,ul):before{background:CanvasText}}.ds-breadcrumbs li:last-child a{text-decoration:none}:dir(rtl) .ds-breadcrumbs li:where(:not(:last-child)):after{rotate:180deg}.ds-breadcrumbs>:not(ol,ul):before{background:currentColor;margin:0;rotate:180deg}:dir(rtl) .ds-breadcrumbs>:not(ol,ul):before{rotate:0deg}@media (width < 650px){.ds-breadcrumbs>:is(ol,ul):not(:only-child){display:none}}@media (min-width:650px){.ds-breadcrumbs>:is(:not(ol,ul)):not(:only-child){display:none}}
|
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:
|
|
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);--dsc-card-link-text-decoration-thickness--hover:0.12em;--dsc-card-link-text-decoration-thickness:0.06em;--dsc-card-link-text-decoration-offset:0.24em;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:var(--dsc-card-link-text-decoration-thickness);text-underline-offset:var(--dsc-card-link-text-decoration-offset)}: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))>.ds-card__block>:is(h1,h2,h3,h4,h5,h6),:is(.ds-card:where(a,button,[role=button]):hover,.ds-card[data-clickdelegatefor]:has(.\:click-delegate-hover))>:is(h1,h2,h3,h4,h5,h6){text-decoration-thickness:var(--dsc-card-link-text-decoration-thickness--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}
|
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%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%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%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)
|
|
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%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%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%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:initial;--_dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2 - var(--dsc-chip-border-width))}.ds-chip:lang(nb),.ds-chip:lang(nn),.ds-chip:lang(no){--dsc-chip-removable-label:"Trykk for å fjerne"}.ds-chip{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:var(--_dsc-chip-spacing);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]{--_dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-icon-size))/2 - var(--dsc-chip-border-width));padding-inline-end:calc(var(--dsc-chip-spacing, var(--_dsc-chip-spacing)) + var(--dsc-chip-icon-size) + var(--_dsc-chip-spacing))}.ds-chip[data-removable]:after{content:", " var(--dsc-chip-removable-label,"Press to remove");position:absolute;inset-block-start:var(--_dsc-chip-spacing);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;font-size:0;white-space:nowrap}.ds-chip:has(input){padding-inline-start:calc(var(--_dsc-chip-spacing) + var(--dsc-chip-input-size) + var(--dsc-chip-spacing, var(--_dsc-chip-spacing)))}.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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-size]:is(.ds-
|
|
1
|
+
[data-size]:is(.ds-heading,.ds-paragraph,.ds-spinner){--ds-size:var(--ds-size--md)}[data-size]:not(.ds-heading,.ds-paragraph,.ds-spinner){--_ds-size-mode__hack:var(--ds-size-mode-font-size)}[data-size] :is(.ds-heading,.ds-paragraph,.ds-spinner){--ds-size-mode-font-size:var(--_ds-size-mode__hack)}
|
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;
|
|
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;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);margin:0;padding:0;list-style-type:"";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;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-type:""}.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)}
|