@navikt/ds-css 5.0.3 → 5.2.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.
@@ -9,12 +9,17 @@
9
9
  margin-block: var(--a-spacing-2);
10
10
  }
11
11
 
12
+ .navds-list--small ul,
13
+ .navds-list--small ol {
14
+ margin-block: var(--a-spacing-3);
15
+ }
16
+
12
17
  .navds-list li {
13
- margin-block-end: var(--a-spacing-5);
18
+ margin-block-end: var(--a-spacing-4);
14
19
  }
15
20
 
16
21
  .navds-list--small li {
17
- margin-block-end: var(--a-spacing-2);
22
+ margin-block-end: var(--a-spacing-3);
18
23
  }
19
24
 
20
25
  .navds-list--nested li {
@@ -1 +1 @@
1
- .navds-list ol,.navds-list ul{margin-block:var(--a-spacing-4);padding:0}.navds-list--nested ol,.navds-list--nested ul{margin-block:var(--a-spacing-2)}.navds-list li{-webkit-margin-after:var(--a-spacing-5);margin-block-end:var(--a-spacing-5)}.navds-list--small li{-webkit-margin-after:var(--a-spacing-2);margin-block-end:var(--a-spacing-2)}.navds-list--nested li{-webkit-margin-after:var(--a-spacing-3);margin-block-end:var(--a-spacing-3)}.navds-list:last-child>ol>li:last-child,.navds-list:last-child>ul>li:last-child{margin-bottom:0}.navds-list ul .navds-list__item{display:grid;gap:var(--a-spacing-3);grid-template-columns:auto 1fr;padding-left:0}.navds-list ul .navds-list__item::marker{content:none}.navds-list ol .navds-list__item-marker--icon{display:flex;grid-column:1/2}.navds-list .navds-list__item-marker--bullet{align-items:center;color:var(--ac-list-marker-ul-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;grid-column:1/2;height:var(--a-font-line-height-large)}.navds-list--small .navds-list__item-marker--bullet{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon{-webkit-padding-after:1px;align-items:center;color:var(--ac-list-marker-icon-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;height:var(--a-font-line-height-large);padding-block-end:1px}.navds-list--small .navds-list__item-marker--icon{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon svg{flex-shrink:0}.navds-list ul .navds-list__item-content{grid-column:2/3}.navds-list ol{list-style:decimal;padding-left:var(--a-spacing-2)}.navds-list ol li{margin-left:var(--a-spacing-2);padding-left:var(--a-spacing-1)}.navds-list ol li::marker{color:var(--ac-list-marker-ol-color,var(--ac-list-marker-color,var(--a-icon-default)));font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);line-height:var(--a-font-line-height-large)}.navds-list--small ol li::marker{font-size:var(--a-font-size-small);line-height:var(--a-font-line-height-medium)}
1
+ .navds-list ol,.navds-list ul{margin-block:var(--a-spacing-4);padding:0}.navds-list--nested ol,.navds-list--nested ul{margin-block:var(--a-spacing-2)}.navds-list--small ol,.navds-list--small ul{margin-block:var(--a-spacing-3)}.navds-list li{-webkit-margin-after:var(--a-spacing-4);margin-block-end:var(--a-spacing-4)}.navds-list--nested li,.navds-list--small li{-webkit-margin-after:var(--a-spacing-3);margin-block-end:var(--a-spacing-3)}.navds-list:last-child>ol>li:last-child,.navds-list:last-child>ul>li:last-child{margin-bottom:0}.navds-list ul .navds-list__item{display:grid;gap:var(--a-spacing-3);grid-template-columns:auto 1fr;padding-left:0}.navds-list ul .navds-list__item::marker{content:none}.navds-list ol .navds-list__item-marker--icon{display:flex;grid-column:1/2}.navds-list .navds-list__item-marker--bullet{align-items:center;color:var(--ac-list-marker-ul-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;grid-column:1/2;height:var(--a-font-line-height-large)}.navds-list--small .navds-list__item-marker--bullet{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon{-webkit-padding-after:1px;align-items:center;color:var(--ac-list-marker-icon-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;height:var(--a-font-line-height-large);padding-block-end:1px}.navds-list--small .navds-list__item-marker--icon{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon svg{flex-shrink:0}.navds-list ul .navds-list__item-content{grid-column:2/3}.navds-list ol{list-style:decimal;padding-left:var(--a-spacing-2)}.navds-list ol li{margin-left:var(--a-spacing-2);padding-left:var(--a-spacing-1)}.navds-list ol li::marker{color:var(--ac-list-marker-ol-color,var(--ac-list-marker-color,var(--a-icon-default)));font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);line-height:var(--a-font-line-height-large)}.navds-list--small ol li::marker{font-size:var(--a-font-size-small);line-height:var(--a-font-line-height-medium)}
@@ -4,7 +4,7 @@
4
4
 
5
5
  .navds-modal {
6
6
  background-color: var(--ac-modal-bg, var(--a-surface-default));
7
- border: 1px solid var(--ac-modal-border, var(--a-border-subtle));
7
+ border: none;
8
8
  border-radius: var(--a-border-radius-large);
9
9
  box-shadow: var(--a-shadow-xlarge);
10
10
  padding: 0;
@@ -1 +1 @@
1
- .navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:1px solid var(--ac-modal-border,var(--a-border-subtle));border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{-webkit-animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;overflow:auto;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-height:calc(100% - 6px - 2em);max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}.navds-modal::-webkit-backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal::backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,rgba(2,20,49,.49));bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6)}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal__footer :nth-of-type(2){margin-left:auto}@-webkit-keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@-webkit-keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}
1
+ .navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{-webkit-animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;overflow:auto;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-height:calc(100% - 6px - 2em);max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}.navds-modal::-webkit-backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal::backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,rgba(2,20,49,.49));bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6)}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal__footer :nth-of-type(2){margin-left:auto}@-webkit-keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@-webkit-keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}
@@ -4,7 +4,7 @@
4
4
  box-shadow: var(--a-shadow-medium);
5
5
  border: 1px solid;
6
6
  border-color: var(--ac-popover-border, var(--a-border-default));
7
- border-radius: var(--a-border-radius-medium);
7
+ border-radius: var(--a-border-radius-large);
8
8
  max-width: calc(100vw - var(--a-spacing-6));
9
9
  }
10
10
 
@@ -1 +1 @@
1
- .navds-popover{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-medium);max-width:calc(100vw - var(--a-spacing-6));z-index:var(--a-z-index-popover)}.navds-popover__content{padding:var(--a-spacing-4)}.navds-popover--hidden{display:none}.navds-popover:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-popover:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-popover__arrow{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));height:1rem;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:transparent;border-top-color:transparent}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:transparent;border-right-color:transparent}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:transparent;border-left-color:transparent}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:transparent;border-top-color:transparent}
1
+ .navds-popover{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);max-width:calc(100vw - var(--a-spacing-6));z-index:var(--a-z-index-popover)}.navds-popover__content{padding:var(--a-spacing-4)}.navds-popover--hidden{display:none}.navds-popover:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-popover:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-popover__arrow{background-color:var(--ac-popover-bg,var(--a-surface-default));border:1px solid;border-color:var(--ac-popover-border,var(--a-border-default));height:1rem;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1rem;z-index:-1}.navds-popover[data-placement^=top]>.navds-popover__arrow{border-left-color:transparent;border-top-color:transparent}.navds-popover[data-placement^=bottom]>.navds-popover__arrow{border-bottom-color:transparent;border-right-color:transparent}.navds-popover[data-placement^=left]>.navds-popover__arrow{border-bottom-color:transparent;border-left-color:transparent}.navds-popover[data-placement^=right]>.navds-popover__arrow{border-right-color:transparent;border-top-color:transparent}
@@ -139,7 +139,7 @@
139
139
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
140
140
  .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
141
141
  background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
142
- color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
142
+ color: var(--ac-table-sort-button-sorted-text, var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle)));
143
143
  }
144
144
 
145
145
  .navds-table__header-cell--align-right .navds-table__sort-button {
@@ -1 +1 @@
1
- .navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table .navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2);position:relative;width:2.5rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:transparent;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0;place-content:center;width:2rem}.navds-table__expandable-icon{transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__toggle-expand-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) calc(var(--a-spacing-2) + 3rem)}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) calc(var(--a-spacing-2) + 3rem)}
1
+ .navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table .navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--ac-table-sort-button-sorted-text,var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle)))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2);position:relative;width:2.5rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:transparent;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0;place-content:center;width:2rem}.navds-table__expandable-icon{transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__toggle-expand-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) calc(var(--a-spacing-2) + 3rem)}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) calc(var(--a-spacing-2) + 3rem)}
@@ -2071,7 +2071,7 @@
2071
2071
  }
2072
2072
  .navds-form-field--small .navds-select__input {
2073
2073
  min-height: 2rem;
2074
- padding: 0 2rem 0 0.25rem;
2074
+ padding: 0 var(--a-spacing-8) 0 var(--a-spacing-2);
2075
2075
  }
2076
2076
  .navds-form-field--small .navds-select__chevron {
2077
2077
  right: 0.375rem;
@@ -2814,14 +2814,14 @@
2814
2814
  width: 100%;
2815
2815
  }
2816
2816
  .navds-combobox__list-item--focus,
2817
- .navds-combobox__list-item:hover {
2817
+ .navds-combobox__list--with-hover .navds-combobox__list-item:hover {
2818
2818
  background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
2819
2819
  cursor: pointer;
2820
2820
  border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
2821
2821
  padding-left: calc(var(--a-spacing-3) - 4px);
2822
2822
  }
2823
2823
  .navds-form-field--small .navds-combobox__list-item--focus,
2824
- .navds-form-field--small .navds-combobox__list-item:hover {
2824
+ .navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
2825
2825
  padding-left: calc(var(--a-spacing-2) - 4px);
2826
2826
  }
2827
2827
  .navds-combobox__list-item--selected {
@@ -2831,7 +2831,7 @@
2831
2831
  font-weight: var(--a-font-weight-bold);
2832
2832
  }
2833
2833
  .navds-combobox__list-item--selected.navds-combobox__list-item--focus,
2834
- .navds-combobox__list-item--selected:hover {
2834
+ .navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
2835
2835
  background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
2836
2836
  border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
2837
2837
  padding-left: calc(var(--a-spacing-3) - 4px);
@@ -2843,7 +2843,7 @@
2843
2843
  justify-content: flex-start;
2844
2844
  gap: 0.25rem;
2845
2845
  }
2846
- .navds-combobox__list-item__new-option:hover {
2846
+ .navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover {
2847
2847
  border-bottom: 1px solid var(--a-border-divider);
2848
2848
  background: var(--a-surface-neutral-subtle-hover);
2849
2849
  }
@@ -3214,7 +3214,7 @@ button.navds-internalheader__title:active,
3214
3214
  }
3215
3215
  .navds-modal {
3216
3216
  background-color: var(--ac-modal-bg, var(--a-surface-default));
3217
- border: 1px solid var(--ac-modal-border, var(--a-border-subtle));
3217
+ border: none;
3218
3218
  border-radius: var(--a-border-radius-large);
3219
3219
  box-shadow: var(--a-shadow-xlarge);
3220
3220
  padding: 0;
@@ -3401,7 +3401,7 @@ button.navds-internalheader__title:active,
3401
3401
  box-shadow: var(--a-shadow-medium);
3402
3402
  border: 1px solid;
3403
3403
  border-color: var(--ac-popover-border, var(--a-border-default));
3404
- border-radius: var(--a-border-radius-medium);
3404
+ border-radius: var(--a-border-radius-large);
3405
3405
  max-width: calc(100vw - var(--a-spacing-6));
3406
3406
  }
3407
3407
  .navds-popover__content {
@@ -4859,7 +4859,7 @@ button.navds-stepper__step {
4859
4859
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
4860
4860
  .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
4861
4861
  background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
4862
- color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
4862
+ color: var(--ac-table-sort-button-sorted-text, var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle)));
4863
4863
  }
4864
4864
  .navds-table__header-cell--align-right .navds-table__sort-button {
4865
4865
  justify-content: flex-end;
@@ -5076,11 +5076,15 @@ button.navds-stepper__step {
5076
5076
  .navds-list--nested ol {
5077
5077
  margin-block: var(--a-spacing-2);
5078
5078
  }
5079
+ .navds-list--small ul,
5080
+ .navds-list--small ol {
5081
+ margin-block: var(--a-spacing-3);
5082
+ }
5079
5083
  .navds-list li {
5080
- margin-block-end: var(--a-spacing-5);
5084
+ margin-block-end: var(--a-spacing-4);
5081
5085
  }
5082
5086
  .navds-list--small li {
5083
- margin-block-end: var(--a-spacing-2);
5087
+ margin-block-end: var(--a-spacing-3);
5084
5088
  }
5085
5089
  .navds-list--nested li {
5086
5090
  margin-block-end: var(--a-spacing-3);