@arbeidstilsynet/design-css 0.5.0 → 0.7.0

package/dist/digdir/suggestion.css

@@ -1 +1 @@
-.ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-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='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);box-sizing:border-box;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){-webkit-margin-end:var(--ds-size-1);margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--ds-shadow-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>*{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;-webkit-border-start:5px solid transparent;border-inline-start:5px solid transparent;border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;-webkit-padding-start:var(--dsc-suggestion-option-checkmark-size);padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:"";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):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)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible *{--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em}.ds-suggestion:has(input:placeholder-shown) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;-webkit-padding-end:2.4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion input[inputmode=none]{box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{-webkit-padding-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);align-self:center;display:flex;-webkit-margin-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:"";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}
+.ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-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='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){-webkit-margin-end:var(--ds-size-1);-moz-margin-end:var(--ds-size-1);margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);-webkit-border-radius:var(--ds-border-radius-md);-moz-border-radius:var(--ds-border-radius-md);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);-webkit-box-shadow:var(--ds-shadow-md);-moz-box-shadow:var(--ds-shadow-md);box-shadow:var(--ds-shadow-md);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>*{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;-webkit-border-start:5px solid transparent;-moz-border-start:5px solid transparent;border-inline-start:5px solid transparent;-webkit-border-radius:var(--ds-border-radius-sm);-moz-border-radius:var(--ds-border-radius-sm);border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;-webkit-padding-start:var(--dsc-suggestion-option-checkmark-size);-moz-padding-start:var(--dsc-suggestion-option-checkmark-size);padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:"";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible *{--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:-moz-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-moz-calc(100% - .8em);background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;-moz-background-size:.4em .4em;background-size:.4em .4em;-moz-padding-end:2.4em;padding-inline-end:2.4em}.ds-suggestion:has(input:placeholder-shown) input{background-image:-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:-webkit-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-webkit-calc(100% - .8em);background-position:-moz-calc(100% - 1.2em + var(--dsc-input-stroke-width)),-moz-calc(100% - .8em);background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;-moz-background-size:.4em .4em;-o-background-size:.4em .4em;background-size:.4em .4em;-webkit-padding-end:2.4em;-moz-padding-end:2.4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:-moz-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:-webkit-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:-moz-calc(1.2em - var(--dsc-input-stroke-width)),.8em;background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{background-image:-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{background-image:-webkit-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-webkit-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-moz-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-moz-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:-o-linear-gradient(135deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),-o-linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion input[inputmode=none]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{-webkit-padding-end:-webkit-calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));-moz-padding-end:-moz-calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);-webkit-align-self:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-margin-start:-webkit-calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);-moz-margin-start:-moz-calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);-webkit-box-ordinal-group:1000;-webkit-order:999;-moz-box-ordinal-group:1000;order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:"";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}

package/dist/digdir/table.css

@@ -1 +1 @@
-.ds-table{--dsc-table-background--hover:var(--ds-color-surface-hover);--dsc-table-background--zebra:var(--ds-color-surface-tinted);--dsc-table-background:transparent;--dsc-table-border-color:var(--ds-color-border-subtle);--dsc-table-border-radius:var(--ds-border-radius-md);--dsc-table-border-style:solid;--dsc-table-border-width:var(--ds-border-width-default);--dsc-table-color:var(--ds-color-text-default);--dsc-table-divider-border-color:var(--dsc-table-border-color);--dsc-table-divider-border-style:solid;--dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);--dsc-table-header-background--hover:var(--ds-color-surface-hover);--dsc-table-header-background--sorted:var(--ds-color-surface-tinted);--dsc-table-header-background--sticky:var(--ds-color-surface-default);--dsc-table-header-background:transparent;--dsc-table-padding:var(--ds-size-2) var(--ds-size-3);--dsc-table-sort-size:var(--ds-size-6);--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:separate;border-spacing:0;box-sizing:border-box;color:var(--dsc-table-color);width:100%}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-style:var(--dsc-table-border-style);border-bottom-width:var(--dsc-table-border-width);border-color:var(--dsc-table-border-color);padding:var(--dsc-table-padding);text-align:inherit}.ds-table th{font-weight:var(--ds-font-weight-semibold)}.ds-table>thead>tr>:is(th,td){background:var(--dsc-table-header-background)}.ds-table>thead>tr:last-child>:is(th,td){border-bottom:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tbody:has(+tfoot)>tr:last-child>:is(th,td){border-bottom:none}.ds-table>tfoot>tr:first-child>:is(th,td){background:var(--dsc-table-header-background);border-top:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tfoot>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table>caption){font-size:1.3em;font-size:round(down,1.3em,1px);font-weight:var(--ds-heading-md-font-weight);letter-spacing:var(--ds-heading-md-letter-spacing);line-height:var(--ds-heading-md-line-height);margin:0}[data-size="2xs"]:is(.ds-table>caption){font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);letter-spacing:var(--ds-heading-2xs-letter-spacing);line-height:var(--ds-heading-2xs-line-height)}[data-size=xs]:is(.ds-table>caption){font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);letter-spacing:var(--ds-heading-xs-letter-spacing);line-height:var(--ds-heading-xs-line-height)}[data-size=sm]:is(.ds-table>caption){font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);letter-spacing:var(--ds-heading-sm-letter-spacing);line-height:var(--ds-heading-sm-line-height)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-size:var(--ds-heading-lg-font-size);font-weight:var(--ds-heading-lg-font-weight);letter-spacing:var(--ds-heading-lg-letter-spacing);line-height:var(--ds-heading-lg-line-height)}[data-size=xl]:is(.ds-table>caption){font-size:var(--ds-heading-xl-font-size);font-weight:var(--ds-heading-xl-font-weight);letter-spacing:var(--ds-heading-xl-letter-spacing);line-height:var(--ds-heading-xl-line-height)}[data-size="2xl"]:is(.ds-table>caption){font-size:var(--ds-heading-2xl-font-size);font-weight:var(--ds-heading-2xl-font-weight);letter-spacing:var(--ds-heading-2xl-letter-spacing);line-height:var(--ds-heading-2xl-line-height)}.ds-table>caption{margin-bottom:var(--ds-size-1);text-align:inherit}.ds-table>thead>tr>[aria-sort]{cursor:pointer;padding:0}:is(.ds-table>thead>tr>[aria-sort])>button{background:none;border:0;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;padding:var(--dsc-table-padding);text-align:inherit;width:100%}:is(:is(.ds-table>thead>tr>[aria-sort])>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))}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible *{--_ds--focus: }:is(:is(.ds-table>thead>tr>[aria-sort])>button):not([hidden]){display:block}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{position:relative}:is(:is(.ds-table>thead>tr>[aria-sort])>button):after{background:currentcolor;content:"";display:inline-block;flex-shrink:0;height:var(--dsc-table-sort-size);-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");vertical-align:middle;width:var(--dsc-table-sort-size)}[aria-sort=ascending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}:is(.ds-table>thead>tr>[aria-sort]):not([aria-sort=none])>button{background:var(--dsc-table-header-background--sorted)}.ds-table[data-border]{border-color:var(--dsc-table-border-color);border-radius:var(--dsc-table-border-radius);border-style:var(--dsc-table-border-style);border-width:var(--dsc-table-border-width)}.ds-table[data-border]>:last-child>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):first-child{border-top-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):last-child{border-top-right-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):first-child{border-bottom-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):last-child{border-bottom-right-radius:var(--_dsc-table-border-radius--inner)}.ds-table[data-sticky-header]{overflow:auto;position:relative}.ds-table[data-sticky-header]>thead>tr>:is(th,td){background:var(--dsc-table-header-background--sticky);position:-webkit-sticky;position:sticky;top:0;z-index:2}.ds-table[data-zebra]>tbody>tr>:is(th,td){border-block:0}.ds-table[data-zebra]>:is(thead,tbody)>tr:nth-child(2n)>:is(th,td){background:var(--dsc-table-background--zebra)}@media (hover:hover) and (pointer:fine){.ds-table[data-hover]>tbody>tr:hover>:is(th,td){background:var(--dsc-table-background--hover)}.ds-table>thead>tr>[aria-sort]:hover button{background:var(--dsc-table-header-background--hover)}}
+.ds-table{--dsc-table-background--hover:var(--ds-color-surface-hover);--dsc-table-background--zebra:var(--ds-color-surface-tinted);--dsc-table-background:transparent;--dsc-table-border-color:var(--ds-color-border-subtle);--dsc-table-border-radius:var(--ds-border-radius-md);--dsc-table-border-style:solid;--dsc-table-border-width:var(--ds-border-width-default);--dsc-table-color:var(--ds-color-text-default);--dsc-table-divider-border-color:var(--dsc-table-border-color);--dsc-table-divider-border-style:solid;--dsc-table-divider-border-width:-webkit-calc(var(--ds-border-width-default) + 1px);--dsc-table-divider-border-width:-moz-calc(var(--ds-border-width-default) + 1px);--dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);--dsc-table-header-background--hover:var(--ds-color-surface-hover);--dsc-table-header-background--sorted:var(--ds-color-surface-tinted);--dsc-table-header-background--sticky:var(--ds-color-surface-default);--dsc-table-header-background:transparent;--dsc-table-padding:var(--ds-size-2) var(--ds-size-3);--dsc-table-sort-size:var(--ds-size-6);--_dsc-table-border-radius--inner:-webkit-calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));--_dsc-table-border-radius--inner:-moz-calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-table-color);width:100%}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-style:var(--dsc-table-border-style);border-bottom-width:var(--dsc-table-border-width);border-color:var(--dsc-table-border-color);padding:var(--dsc-table-padding);text-align:inherit}.ds-table th{font-weight:var(--ds-font-weight-semibold)}.ds-table>thead>tr>:is(th,td){background:var(--dsc-table-header-background)}.ds-table>thead>tr:last-child>:is(th,td){border-bottom:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tbody:has(+tfoot)>tr:last-child>:is(th,td){border-bottom:none}.ds-table>tfoot>tr:first-child>:is(th,td){background:var(--dsc-table-header-background);border-top:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tfoot>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table>caption){font-size:1.3em;font-size:round(down,1.3em,1px);font-weight:var(--ds-heading-md-font-weight);letter-spacing:var(--ds-heading-md-letter-spacing);line-height:var(--ds-heading-md-line-height);margin:0}[data-size="2xs"]:is(.ds-table>caption){font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);letter-spacing:var(--ds-heading-2xs-letter-spacing);line-height:var(--ds-heading-2xs-line-height)}[data-size=xs]:is(.ds-table>caption){font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);letter-spacing:var(--ds-heading-xs-letter-spacing);line-height:var(--ds-heading-xs-line-height)}[data-size=sm]:is(.ds-table>caption){font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);letter-spacing:var(--ds-heading-sm-letter-spacing);line-height:var(--ds-heading-sm-line-height)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-size:var(--ds-heading-lg-font-size);font-weight:var(--ds-heading-lg-font-weight);letter-spacing:var(--ds-heading-lg-letter-spacing);line-height:var(--ds-heading-lg-line-height)}[data-size=xl]:is(.ds-table>caption){font-size:var(--ds-heading-xl-font-size);font-weight:var(--ds-heading-xl-font-weight);letter-spacing:var(--ds-heading-xl-letter-spacing);line-height:var(--ds-heading-xl-line-height)}[data-size="2xl"]:is(.ds-table>caption){font-size:var(--ds-heading-2xl-font-size);font-weight:var(--ds-heading-2xl-font-weight);letter-spacing:var(--ds-heading-2xl-letter-spacing);line-height:var(--ds-heading-2xl-line-height)}.ds-table>caption{margin-bottom:var(--ds-size-1);text-align:inherit}.ds-table>thead>tr>[aria-sort]{cursor:pointer;padding:0}:is(.ds-table>thead>tr>[aria-sort])>button{background:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;padding:var(--dsc-table-padding);text-align:inherit;width:100%}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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-table>thead>tr>[aria-sort])>button):focus-visible *{--_ds--focus: }:is(:is(.ds-table>thead>tr>[aria-sort])>button):not([hidden]){display:block}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{position:relative}:is(:is(.ds-table>thead>tr>[aria-sort])>button):after{background:currentcolor;content:"";display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;height:var(--dsc-table-sort-size);-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");vertical-align:middle;width:var(--dsc-table-sort-size)}[aria-sort=ascending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}:is(.ds-table>thead>tr>[aria-sort]):not([aria-sort=none])>button{background:var(--dsc-table-header-background--sorted)}.ds-table[data-border]{border-color:var(--dsc-table-border-color);-webkit-border-radius:var(--dsc-table-border-radius);-moz-border-radius:var(--dsc-table-border-radius);border-radius:var(--dsc-table-border-radius);border-style:var(--dsc-table-border-style);border-width:var(--dsc-table-border-width)}.ds-table[data-border]>:last-child>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):first-child{-webkit-border-top-left-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-topleft:var(--_dsc-table-border-radius--inner);border-top-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):last-child{-webkit-border-top-right-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-topright:var(--_dsc-table-border-radius--inner);border-top-right-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):first-child{-webkit-border-bottom-left-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-bottomleft:var(--_dsc-table-border-radius--inner);border-bottom-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):last-child{-webkit-border-bottom-right-radius:var(--_dsc-table-border-radius--inner);-moz-border-radius-bottomright:var(--_dsc-table-border-radius--inner);border-bottom-right-radius:var(--_dsc-table-border-radius--inner)}.ds-table[data-sticky-header]{overflow:auto;position:relative}.ds-table[data-sticky-header]>thead>tr>:is(th,td){background:var(--dsc-table-header-background--sticky);position:-webkit-sticky;position:sticky;top:0;z-index:2}.ds-table[data-zebra]>tbody>tr>:is(th,td){border-block:0}.ds-table[data-zebra]>:is(thead,tbody)>tr:nth-child(2n)>:is(th,td){background:var(--dsc-table-background--zebra)}@media (hover:hover) and (pointer:fine){.ds-table[data-hover]>tbody>tr:hover>:is(th,td){background:var(--dsc-table-background--hover)}.ds-table>thead>tr>[aria-sort]:hover button{background:var(--dsc-table-header-background--hover)}}

package/dist/digdir/tabs.css

@@ -1 +1 @@
-.ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs [role=tabpanel],.ds-tabs u-tabpanel{padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs [role=tabpanel],.ds-tabs u-tabpanel):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-tabs [role=tabpanel],.ds-tabs u-tabpanel):focus-visible *{--_ds--focus: }.ds-tabs [role=tablist],.ds-tabs u-tablist{border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-color:var(--dsc-tabs-list-border-color);flex-direction:row;overflow-x:auto;position:relative}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist):not([hidden]){display:flex}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab{align-items:center;background:none;border:0;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;flex-direction:row;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):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)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([hidden]){display:flex}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([data-size]){font-size:inherit}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab) :where(img,svg){flex-shrink:0;font-size:1.25em}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){border-bottom:2px solid CanvasText;color:CanvasText}}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}
+.ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs [role=tabpanel],.ds-tabs u-tabpanel{padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs [role=tabpanel],.ds-tabs u-tabpanel):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));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-tabs [role=tabpanel],.ds-tabs u-tabpanel):focus-visible *{--_ds--focus: }.ds-tabs [role=tablist],.ds-tabs u-tablist{border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-color:var(--dsc-tabs-list-border-color);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;overflow-x:auto;position:relative}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist):not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([hidden]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):not([data-size]){font-size:inherit}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab) :where(img,svg){-webkit-flex-shrink:0;flex-shrink:0;font-size:1.25em}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{bottom:0;content:"";display:block;height:.15em;left:0;position:absolute;width:100%}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab){border-bottom:2px solid CanvasText;color:CanvasText}}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>[role=tab],:is(.ds-tabs [role=tablist],.ds-tabs u-tablist)>u-tab):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}

package/dist/digdir/tag.css

@@ -1 +1 @@
-.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--ds-border-radius-sm);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);font-size:var(--ds-body-sm-font-size);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact;width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag :where(img,svg){flex-shrink:0;font-size:1.25em}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-color:CanvasText;border-style:solid;border-width:var(--ds-border-width-default)}}
+.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);-webkit-border-radius:var(--ds-border-radius-sm);-moz-border-radius:var(--ds-border-radius-sm);border-radius:var(--ds-border-radius-sm);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tag-color);font-size:var(--ds-body-sm-font-size);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.ds-tag :where(img,svg){-webkit-flex-shrink:0;flex-shrink:0;font-size:1.25em}.ds-tag:not([hidden]){display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-color:CanvasText;border-style:solid;border-width:var(--ds-border-width-default)}}

package/dist/digdir/toggle-group.css

@@ -1 +1 @@
-.ds-toggle-group,.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-border-default);--dsc-togglegroup-text-color:var(--ds-color-text-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-default);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);box-sizing:border-box;gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-toggle-group,.ds-togglegroup):not([hidden]){display:grid}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup){--dsc-togglegroup-background:var(--ds-color-surface-tinted);--dsc-togglegroup-border-color:var(--ds-color-border-subtle);border:none;outline:var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);outline-offset:calc(var(--dsc-togglegroup-border-width)*-1)}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button{--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);border-radius:inherit}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button[aria-checked=true]{background-color:var(--ds-color-surface-default);isolation:isolate;--dsc-button-border-color:var(--ds-color-text-default)}:is(.ds-toggle-group,.ds-togglegroup) button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;min-height:unset;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}:is(:is(.ds-toggle-group,.ds-togglegroup) button):not([aria-checked=true]){--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):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)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible *{--_ds--focus: }[data-icon]:is(:is(.ds-toggle-group,.ds-togglegroup) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button) svg{color:CanvasText}}
+.ds-toggle-group,.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-border-default);--dsc-togglegroup-text-color:var(--ds-color-text-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-default);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-toggle-group,.ds-togglegroup):not([hidden]){display:grid}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup){--dsc-togglegroup-background:var(--ds-color-surface-tinted);--dsc-togglegroup-border-color:var(--ds-color-border-subtle);border:none;outline:var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);outline-offset:-webkit-calc(var(--dsc-togglegroup-border-width)*-1);outline-offset:-moz-calc(var(--dsc-togglegroup-border-width)*-1);outline-offset:calc(var(--dsc-togglegroup-border-width)*-1)}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button{--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default);-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}[data-variant=secondary]:is(.ds-toggle-group,.ds-togglegroup) button[aria-checked=true]{background-color:var(--ds-color-surface-default);isolation:isolate;--dsc-button-border-color:var(--ds-color-text-default)}:is(.ds-toggle-group,.ds-togglegroup) button{-webkit-border-radius:-webkit-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));-moz-border-radius:-moz-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));height:100%;min-height:unset;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}:is(:is(.ds-toggle-group,.ds-togglegroup) button):not([aria-checked=true]){--dsc-button-color:var(--ds-color-text-default);--dsc-button-color--hover:var(--ds-color-text-default)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-toggle-group,.ds-togglegroup) button):focus-visible *{--_ds--focus: }[data-icon]:is(:is(.ds-toggle-group,.ds-togglegroup) button){height:100%;width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(:is(.ds-toggle-group,.ds-togglegroup) button) svg{color:CanvasText}}

package/dist/digdir/togglegroup.css

@@ -1 +1 @@
-.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-neutral-border-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-md);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}.ds-togglegroup:not([hidden]){display:grid}.ds-togglegroup button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):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)}:is(.ds-togglegroup button):focus-visible *{--_ds--focus: }:is(.ds-togglegroup button):focus-visible{border-radius:var(--dsc-togglegroup-border-radius)}[data-icon]:is(.ds-togglegroup button){height:var(--dsc-togglegroup-button-size);width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(.ds-togglegroup button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(.ds-togglegroup button) svg{color:CanvasText}}
+.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-neutral-border-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-md);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}.ds-togglegroup:not([hidden]){display:grid}.ds-togglegroup button{-webkit-border-radius:-webkit-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);-moz-border-radius:-moz-calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):focus-visible{-webkit-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));-moz-box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:-webkit-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:-moz-calc(var(--_ds--focus, var(--ds-border-width-focus))*-1);outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(.ds-togglegroup button):focus-visible *{--_ds--focus: }:is(.ds-togglegroup button):focus-visible{-webkit-border-radius:var(--dsc-togglegroup-border-radius);-moz-border-radius:var(--dsc-togglegroup-border-radius);border-radius:var(--dsc-togglegroup-border-radius)}[data-icon]:is(.ds-togglegroup button){height:var(--dsc-togglegroup-button-size);width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(.ds-togglegroup button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(.ds-togglegroup button) svg{color:CanvasText}}

package/dist/digdir/tooltip.css

@@ -1 +1 @@
-.ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;background:var(--dsc-tooltip-background);border:0;border-radius:var(--dsc-tooltip-border-radius);box-sizing:border-box;color:var(--dsc-tooltip-color);inset:0 auto auto 0;line-height:var(--ds-line-height-sm);margin:0;opacity:0;overflow:visible;padding:var(--dsc-tooltip-padding);position:fixed;transition-delay:var(--dsc-tooltip-transition-delay);transition-duration:var(--dsc-tooltip-transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in-out;visibility:hidden}.ds-tooltip:popover-open{opacity:1;visibility:visible}.ds-tooltip .\:popover-open{opacity:1;visibility:visible}.ds-tooltip:before{background:var(--dsc-tooltip-background);box-sizing:border-box;content:"";height:var(--dsc-tooltip-arrow-size);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;rotate:45deg;top:var(--dsc-tooltip-arrow-y,100%);translate:-50% -50%;width:var(--dsc-tooltip-arrow-size)}.ds-tooltip:after{background:transparent;box-sizing:border-box;content:"";height:var(--_dsc-tooltip-safearea-height,0);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;top:var(--dsc-tooltip-arrow-y,100%);translate:var(--_dsc-tooltip-safearea-translate);width:var(--_dsc-tooltip-safearea-width,0)}@media (forced-colors:active){.ds-tooltip{background:CanvasText}}
+.ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;background:var(--dsc-tooltip-background);border:0;-webkit-border-radius:var(--dsc-tooltip-border-radius);-moz-border-radius:var(--dsc-tooltip-border-radius);border-radius:var(--dsc-tooltip-border-radius);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--dsc-tooltip-color);inset:0 auto auto 0;line-height:var(--ds-line-height-sm);margin:0;opacity:0;overflow:visible;padding:var(--dsc-tooltip-padding);position:fixed;-webkit-transition-delay:var(--dsc-tooltip-transition-delay);-moz-transition-delay:var(--dsc-tooltip-transition-delay);-o-transition-delay:var(--dsc-tooltip-transition-delay);transition-delay:var(--dsc-tooltip-transition-delay);-webkit-transition-duration:var(--dsc-tooltip-transition-duration);-moz-transition-duration:var(--dsc-tooltip-transition-duration);-o-transition-duration:var(--dsc-tooltip-transition-duration);transition-duration:var(--dsc-tooltip-transition-duration);-webkit-transition-property:opacity,visibility;-o-transition-property:opacity,visibility;-moz-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;visibility:hidden}.ds-tooltip:popover-open{opacity:1;visibility:visible}.ds-tooltip .\:popover-open{opacity:1;visibility:visible}.ds-tooltip:before{background:var(--dsc-tooltip-background);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:var(--dsc-tooltip-arrow-size);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;rotate:45deg;top:var(--dsc-tooltip-arrow-y,100%);translate:-50% -50%;width:var(--dsc-tooltip-arrow-size)}.ds-tooltip:after{background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:var(--_dsc-tooltip-safearea-height,0);left:var(--dsc-tooltip-arrow-x,50%);position:absolute;top:var(--dsc-tooltip-arrow-y,100%);translate:var(--_dsc-tooltip-safearea-translate);width:var(--_dsc-tooltip-safearea-width,0)}@media (forced-colors:active){.ds-tooltip{background:CanvasText}}

package/dist/digdir/validation-message.css

@@ -1 +1 @@
-.ds-validation-message{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-validation-message-icon-size:var(--ds-size-7);--dsc-validation-message-spacing:var(--ds-size-2);--dsc-validation-message-color:var(--ds-color-danger-text-subtle);color:var(--dsc-validation-message-color);margin:0;-webkit-padding-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));padding-inline-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-validation-message:before{background:currentcolor;content:"";height:var(--dsc-validation-message-icon-size);margin-inline:calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);-webkit-mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;position:absolute;translate:0 calc((1lh - var(--dsc-validation-message-icon-size))/2);width:var(--dsc-validation-message-icon-size)}@media (forced-colors:active){.ds-validation-message:before{background:CanvasText}}.ds-validation-message[data-color=success]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-success-text-subtle)}.ds-validation-message[data-color=warning]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-warning-text-subtle)}.ds-validation-message[data-color=info]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-info-text-subtle)}
+.ds-validation-message{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-validation-message-icon-size:var(--ds-size-7);--dsc-validation-message-spacing:var(--ds-size-2);--dsc-validation-message-color:var(--ds-color-danger-text-subtle);color:var(--dsc-validation-message-color);margin:0;-webkit-padding-start:-webkit-calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));-moz-padding-start:-moz-calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));padding-inline-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));position:relative;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.ds-validation-message:before{background:currentcolor;content:"";height:var(--dsc-validation-message-icon-size);margin-inline:-webkit-calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);margin-inline:-moz-calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);margin-inline:calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);-webkit-mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;position:absolute;translate:0 -webkit-calc((1lh - var(--dsc-validation-message-icon-size))/2);translate:0 -moz-calc((1lh - var(--dsc-validation-message-icon-size))/2);translate:0 calc((1lh - var(--dsc-validation-message-icon-size))/2);width:var(--dsc-validation-message-icon-size)}@media (forced-colors:active){.ds-validation-message:before{background:CanvasText}}.ds-validation-message[data-color=success]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-success-text-subtle)}.ds-validation-message[data-color=warning]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-warning-text-subtle)}.ds-validation-message[data-color=info]{--dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");--dsc-validation-message-color:var(--ds-color-info-text-subtle)}

package/dist/src/header.css

@@ -1,11 +1,12 @@
 .at-header {
+  --at-header-max-width: 82.5rem;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
-  container-type: inline-size; /* Enable container queries */
-  margin: var(--ds-size-2) var(--ds-size-4);
+  container-type: inline-size;
+  padding: var(--ds-size-2) var(--ds-size-6);
 }
 
 .at-header .ds-search {
@@ -18,120 +19,253 @@
     --dsc-link-color--visited: var(--dsc-link-color);
   }
 
-.at-header__title-background {
-  width: 100%;
-}
+.at-header .ds-link:has(.at-header__logo) {
+    color: var(--ds-color-text-default);
+    font-weight: var(--ds-font-weight-medium);
+    text-decoration: none;
+    line-height: var(--ds-line-height-sm);
+    font-size: var(--ds-font-size-5);
+    letter-spacing: var(--ds-letter-spacing-8);
+    transform: translateY(
+      -2.5px
+    ); /** Literata font med line is noticably lower than other fonts. This counteracts it somewhat, without looking dumb with other fonts */
+  }
 
-.at-header__title {
+.at-header__container {
+  width: 100%;
+  max-width: var(--at-header-max-width);
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
+  align-items: center;
 }
 
-.at-header__title-left,
-.at-header__title-center,
-.at-header__title-right {
+.at-header__left,
+.at-header__center,
+.at-header__right {
   display: flex;
   align-items: center;
 }
 
-.at-header__title-left {
+.at-header__left {
   justify-content: flex-start;
   gap: var(--ds-size-4);
-  margin-right: var(--ds-size-22);
 }
 
-.at-header__title-center {
+.at-header__center {
   justify-content: flex-start;
   gap: var(--ds-size-8);
   flex: 1;
 }
 
-.at-header__title-right {
+.at-header__center:not(:first-child) {
+  margin-left: var(--ds-size-22);
+}
+
+.at-header__right {
   justify-content: flex-end;
-  margin-right: var(--ds-size-15);
+  margin-left: auto;
 }
 
-.at-header__title-link:not(:hover):not(:focus-visible),
-.at-header__title-dropdown-controls .ds-link:not(:hover):not(:focus-visible) {
+.at-header__logo .ds-link:not(:hover):not(:focus-visible),
+.at-header__link:not(:hover):not(:focus-visible),
+.at-header__dropdown-controls .ds-link:not(:hover):not(:focus-visible),
+.at-header__dropdown-trigger {
   text-decoration-line: none;
+  color: var(--ds-color-neutral-text-default);
 }
 
-/* add padding except for hr (Divider) that are either from the consumer controls prop
- or provided by us below links for mobile version */
+.at-header__logo {
+  display: flex;
+}
 
-.at-header__title-dropdown-controls:not(:has(> hr:only-child)) {
-  padding: var(--ds-size-2) var(--ds-size-4);
+.at-header__dropdown-trigger {
+  font-weight: var(--ds-font-weight-medium);
 }
 
-.at-header__title-dropdown-item-mobile {
+.at-header__link {
+  font-weight: var(--ds-font-weight-medium);
+}
+
+.at-header__link[aria-current="page"] {
+    font-weight: var(--ds-font-weight-semibold);
+  }
+
+.at-header__dropdown-item-mobile {
   display: none;
 }
 
-.at-header__title-dropdown-close-mobile {
+.at-header__dropdown-close-mobile {
   display: none;
 }
 
-.at-header__title-dropdown-backdrop {
+.at-header__dropdown-backdrop {
   display: none;
 }
 
+.at-header__menu-row {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--ds-size-2);
+  height: var(--ds-size-10);
+  justify-content: flex-start;
+  min-height: unset;
+  padding: var(--ds-size-2) var(--ds-size-4);
+  text-decoration: none;
+  width: 100%;
+  color: var(--ds-color-text-default);
+  background: unset;
+}
+
+.at-header__menu-row:hover {
+    color: var(--ds-color-text-default);
+    background: var(--ds-color-surface-tinted);
+  }
+
+.at-header__menu-row.padded {
+    padding-left: var(--ds-size-11); /** row padding + icon size + gap */
+  }
+
+.at-header__menu-icon {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
+.at-header__menu-icon  > svg {
+    height: var(--ds-size-5);
+    width: var(--ds-size-5);
+  }
+
+.at-header__menu-badge-info,
+.at-header__menu-badge-warning,
+.at-header__menu-badge-success,
+.at-header__menu-badge-danger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--ds-size-7);
+  height: var(--ds-size-7);
+  border-radius: 50%;
+  font-size: var(--ds-font-size-3);
+  font-weight: var(--ds-font-weight-regular);
+  margin-left: auto;
+}
+
+.at-header__menu-badge-info {
+  color: var(--ds-color-info-text-default);
+  background-color: var(--ds-color-info-surface-tinted);
+}
+
+.at-header__menu-badge-warning {
+  color: var(--ds-color-warning-text-default);
+  background-color: var(--ds-color-warning-surface-tinted);
+}
+
+.at-header__menu-badge-success {
+  color: var(--ds-color-success-text-default);
+  background-color: var(--ds-color-success-surface-tinted);
+}
+
+.at-header__menu-badge-danger {
+  color: var(--ds-color-danger-text-default);
+  background-color: var(--ds-color-danger-surface-tinted);
+}
+
 /* Responsive adjustments */
 
+@media (min-width: 48rem) {
+  .at-header__dropdown-trigger {
+    background: unset;
+  }
+
+    .at-header__dropdown-trigger:hover {
+      text-decoration: underline;
+    }
+}
+
 @media (max-width: 48rem) {
     .at-header .ds-search {
       max-width: 100%;
     }
-}
 
-@container (max-width: 48rem) {
-  .at-header__title {
-    align-items: flex-end;
+  .at-header__container {
     justify-content: space-between;
   }
 
-  .at-header__title-left {
+  .at-header__left {
     margin-right: 0;
+    flex-shrink: 0;
   }
 
-  .at-header__title-center {
+  .at-header__center {
     display: none;
   }
 
-  .at-header__title-right {
-    justify-self: flex-end;
-    margin-right: unset;
-    margin-right: var(--ds-size-4);
+  .at-header__right {
+    margin-left: 0;
   }
 
-  .at-header__title-logo {
+  /* Hide illustration on mobile, keep logo visible */
+  .at-header__illustration {
     display: none;
   }
 
-  .at-header__title-dropdown-item-mobile {
+  .at-header__dropdown-item-mobile {
     display: block;
   }
 
-  /* Full-width dropdown overlay for mobile */
-  .at-header .ds-dropdown.at-header__title-dropdown-content {
+  .at-header .ds-dropdown.at-header__dropdown-content {
+    /* Full-width dropdown overlay for mobile */
     width: 100%;
     max-width: 100%;
+    /* Hide box-shadow to avoid line between dropdown menu and header on mobile */
+    box-shadow: none;
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+    border-top-left-radius: 0%;
+    border-top-right-radius: 0%;
+  }
+
+  .at-header__dropdown-trigger {
+    font-weight: var(--ds-font-weight-regular);
+    color: var(--ds-color-base-contrast-default);
+  }
+
+  .at-header__link,
+  .at-header__link[data-color="primary"] {
+    color: var(--ds-color-text-default);
+    font-weight: var(--ds-font-weight-regular);
+    width: 100%;
+    height: var(--ds-size-10);
+    min-height: unset;
+    display: block;
+    padding: var(--ds-size-2) var(--ds-size-4);
+    margin: 0;
+    box-sizing: border-box;
   }
 
-  .at-header__title-dropdown-close-mobile {
+  .at-header__dropdown-close-mobile {
     display: block;
     margin: var(--ds-size-4);
     margin-bottom: var(--ds-size-2);
   }
 
-    .at-header__title-dropdown-close-mobile .ds-button {
+    .at-header__dropdown-close-mobile .ds-button {
       justify-content: center;
     }
 
-  .at-header__title-dropdown-backdrop {
+  .at-header__dropdown-backdrop {
     display: block;
     position: fixed;
-    inset: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     background-color: rgb(0 0 0 / calc(100% - var(--ds-opacity-disabled)));
     pointer-events: none;
   }