@navikt/ds-css 5.1.0 → 5.2.1
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 +14 -0
- package/baseline/fonts.css +1 -1
- package/dist/component/form.css +5 -5
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +14 -10
- package/dist/component/index.min.css +4 -4
- package/dist/component/list.css +7 -2
- package/dist/component/list.min.css +1 -1
- package/dist/component/popover.css +1 -1
- package/dist/component/popover.min.css +1 -1
- package/dist/components.css +12 -8
- package/dist/components.min.css +3 -3
- package/dist/global/fonts.css +1 -1
- package/dist/global/fonts.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +14 -10
- package/dist/index.min.css +4 -4
- package/form/combobox.css +4 -4
- package/form/select.css +1 -1
- package/list.css +7 -2
- package/package.json +2 -2
- package/popover.css +1 -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)}
|
|
@@ -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/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
|
}
|
|
@@ -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 {
|
|
@@ -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);
|