@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.
- package/CHANGELOG.md +16 -0
- package/README.md +1 -1
- package/dist/component/form.css +5 -5
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +15 -11
- package/dist/component/index.min.css +3 -3
- package/dist/component/list.css +7 -2
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +1 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/component/popover.css +1 -1
- package/dist/component/popover.min.css +1 -1
- package/dist/component/table.css +1 -1
- package/dist/component/table.min.css +1 -1
- package/dist/components.css +14 -10
- package/dist/components.min.css +3 -3
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +15 -11
- package/dist/index.min.css +3 -3
- package/form/combobox.css +4 -4
- package/form/select.css +1 -1
- package/list.css +7 -2
- package/modal.css +1 -1
- package/package.json +2 -2
- package/popover.css +1 -1
- package/table.css +1 -1
- package/tokens.json +0 -1
package/dist/component/list.css
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
|
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)}
|
package/dist/component/modal.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
.navds-modal {
|
|
6
6
|
background-color: var(--ac-modal-bg, var(--a-surface-default));
|
|
7
|
-
border:
|
|
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:
|
|
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-
|
|
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-
|
|
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}
|
package/dist/component/table.css
CHANGED
|
@@ -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)}
|
package/dist/components.css
CHANGED
|
@@ -2071,7 +2071,7 @@
|
|
|
2071
2071
|
}
|
|
2072
2072
|
.navds-form-field--small .navds-select__input {
|
|
2073
2073
|
min-height: 2rem;
|
|
2074
|
-
padding: 0
|
|
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:
|
|
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-
|
|
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-
|
|
5084
|
+
margin-block-end: var(--a-spacing-4);
|
|
5081
5085
|
}
|
|
5082
5086
|
.navds-list--small li {
|
|
5083
|
-
margin-block-end: var(--a-spacing-
|
|
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);
|