@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/global/tokens.css
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 25 Aug 2023 19:29:42 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-05: 0.125rem;
|
|
@@ -2820,7 +2820,7 @@ body,
|
|
|
2820
2820
|
}
|
|
2821
2821
|
.navds-form-field--small .navds-select__input {
|
|
2822
2822
|
min-height: 2rem;
|
|
2823
|
-
padding: 0
|
|
2823
|
+
padding: 0 var(--a-spacing-8) 0 var(--a-spacing-2);
|
|
2824
2824
|
}
|
|
2825
2825
|
.navds-form-field--small .navds-select__chevron {
|
|
2826
2826
|
right: 0.375rem;
|
|
@@ -3563,14 +3563,14 @@ body,
|
|
|
3563
3563
|
width: 100%;
|
|
3564
3564
|
}
|
|
3565
3565
|
.navds-combobox__list-item--focus,
|
|
3566
|
-
.navds-combobox__list-item:hover {
|
|
3566
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item:hover {
|
|
3567
3567
|
background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
|
|
3568
3568
|
cursor: pointer;
|
|
3569
3569
|
border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
|
|
3570
3570
|
padding-left: calc(var(--a-spacing-3) - 4px);
|
|
3571
3571
|
}
|
|
3572
3572
|
.navds-form-field--small .navds-combobox__list-item--focus,
|
|
3573
|
-
.navds-form-field--small .navds-combobox__list-item:hover {
|
|
3573
|
+
.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
|
|
3574
3574
|
padding-left: calc(var(--a-spacing-2) - 4px);
|
|
3575
3575
|
}
|
|
3576
3576
|
.navds-combobox__list-item--selected {
|
|
@@ -3580,7 +3580,7 @@ body,
|
|
|
3580
3580
|
font-weight: var(--a-font-weight-bold);
|
|
3581
3581
|
}
|
|
3582
3582
|
.navds-combobox__list-item--selected.navds-combobox__list-item--focus,
|
|
3583
|
-
.navds-combobox__list-item--selected:hover {
|
|
3583
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
|
|
3584
3584
|
background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
|
|
3585
3585
|
border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
|
|
3586
3586
|
padding-left: calc(var(--a-spacing-3) - 4px);
|
|
@@ -3592,7 +3592,7 @@ body,
|
|
|
3592
3592
|
justify-content: flex-start;
|
|
3593
3593
|
gap: 0.25rem;
|
|
3594
3594
|
}
|
|
3595
|
-
.navds-combobox__list-item__new-option:hover {
|
|
3595
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover {
|
|
3596
3596
|
border-bottom: 1px solid var(--a-border-divider);
|
|
3597
3597
|
background: var(--a-surface-neutral-subtle-hover);
|
|
3598
3598
|
}
|
|
@@ -3963,7 +3963,7 @@ button.navds-internalheader__title:active,
|
|
|
3963
3963
|
}
|
|
3964
3964
|
.navds-modal {
|
|
3965
3965
|
background-color: var(--ac-modal-bg, var(--a-surface-default));
|
|
3966
|
-
border:
|
|
3966
|
+
border: none;
|
|
3967
3967
|
border-radius: var(--a-border-radius-large);
|
|
3968
3968
|
box-shadow: var(--a-shadow-xlarge);
|
|
3969
3969
|
padding: 0;
|
|
@@ -4150,7 +4150,7 @@ button.navds-internalheader__title:active,
|
|
|
4150
4150
|
box-shadow: var(--a-shadow-medium);
|
|
4151
4151
|
border: 1px solid;
|
|
4152
4152
|
border-color: var(--ac-popover-border, var(--a-border-default));
|
|
4153
|
-
border-radius: var(--a-border-radius-
|
|
4153
|
+
border-radius: var(--a-border-radius-large);
|
|
4154
4154
|
max-width: calc(100vw - var(--a-spacing-6));
|
|
4155
4155
|
}
|
|
4156
4156
|
.navds-popover__content {
|
|
@@ -5608,7 +5608,7 @@ button.navds-stepper__step {
|
|
|
5608
5608
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
|
|
5609
5609
|
.navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
5610
5610
|
background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
|
|
5611
|
-
color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
|
|
5611
|
+
color: var(--ac-table-sort-button-sorted-text, var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle)));
|
|
5612
5612
|
}
|
|
5613
5613
|
.navds-table__header-cell--align-right .navds-table__sort-button {
|
|
5614
5614
|
justify-content: flex-end;
|
|
@@ -5825,11 +5825,15 @@ button.navds-stepper__step {
|
|
|
5825
5825
|
.navds-list--nested ol {
|
|
5826
5826
|
margin-block: var(--a-spacing-2);
|
|
5827
5827
|
}
|
|
5828
|
+
.navds-list--small ul,
|
|
5829
|
+
.navds-list--small ol {
|
|
5830
|
+
margin-block: var(--a-spacing-3);
|
|
5831
|
+
}
|
|
5828
5832
|
.navds-list li {
|
|
5829
|
-
margin-block-end: var(--a-spacing-
|
|
5833
|
+
margin-block-end: var(--a-spacing-4);
|
|
5830
5834
|
}
|
|
5831
5835
|
.navds-list--small li {
|
|
5832
|
-
margin-block-end: var(--a-spacing-
|
|
5836
|
+
margin-block-end: var(--a-spacing-3);
|
|
5833
5837
|
}
|
|
5834
5838
|
.navds-list--nested li {
|
|
5835
5839
|
margin-block-end: var(--a-spacing-3);
|