@navikt/ds-css 5.7.2 → 5.7.4
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 +12 -0
- package/chips.css +2 -2
- package/copybutton.css +1 -1
- package/dist/component/chips.css +2 -2
- package/dist/component/chips.min.css +1 -1
- package/dist/component/copybutton.css +1 -1
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/form.css +6 -5
- package/dist/component/form.min.css +1 -1
- package/dist/component/helptext.css +5 -4
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/index.css +20 -18
- package/dist/component/index.min.css +3 -3
- package/dist/component/pagination.css +1 -2
- package/dist/component/pagination.min.css +1 -1
- package/dist/component/tabs.css +2 -2
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.css +1 -1
- package/dist/component/tag.min.css +1 -1
- package/dist/components.css +18 -17
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +2 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +20 -18
- package/dist/index.min.css +3 -3
- package/form/radio-checkbox.css +3 -3
- package/form/select.css +2 -1
- package/form/textarea.css +1 -1
- package/help-text.css +5 -4
- package/package.json +2 -2
- package/pagination.css +1 -2
- package/tabs.css +2 -2
- package/tag.css +1 -1
|
@@ -52,8 +52,7 @@
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
55
|
-
padding-
|
|
56
|
-
padding-right: 0.375rem;
|
|
55
|
+
padding-inline: var(--a-spacing-1-alt);
|
|
57
56
|
}
|
|
58
57
|
|
|
59
58
|
.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-
|
|
1
|
+
.navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-inline:var(--a-spacing-1-alt)}.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:var(--a-spacing-05);padding-right:var(--a-spacing-05)}.navds-pagination--invisible{visibility:hidden}
|
package/dist/component/tabs.css
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.navds-tabs--small .navds-tabs__scroll-button {
|
|
40
|
-
padding:
|
|
40
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
41
41
|
width: 2rem;
|
|
42
42
|
}
|
|
43
43
|
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
|
|
94
94
|
.navds-tabs__tab--small {
|
|
95
95
|
min-height: 2rem;
|
|
96
|
-
padding:
|
|
96
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.navds-tabs__tab-icon--top,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:2.75rem}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding
|
|
1
|
+
.navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:2.75rem}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:var(--a-spacing-1-alt) var(--a-spacing-4);width:2rem}.navds-tabs__tab{align-items:center;background:none;border:none;color:var(--ac-tabs-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:3rem;padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-tabs__tab:hover{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-hover-border,var(--a-border-subtle-hover))}.navds-tabs__tab[aria-selected=true]{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-selected-border,var(--a-border-action));color:var(--ac-tabs-selected-text,var(--a-text-default))}.navds-tabs__tab:focus-visible{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}@supports not selector(:focus-visible){.navds-tabs__tab:focus{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}}.navds-tabs__tab-inner{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:2rem;padding:var(--a-spacing-1-alt) var(--a-spacing-4)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--a-spacing-1) var(--a-spacing-4)}.navds-tabs__tab svg,.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,.navds-tabs__tab--small.navds-tabs__tab-icon--top svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}.navds-tabs__tab--icon-only svg,.navds-tabs__tab-icon--top svg{font-size:1.5rem}.navds-tabs__tabpanel:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-tabs__tabpanel:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}
|
package/dist/component/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-tag{align-items:center;border:1px solid;border-radius:var(--a-border-radius-small);display:inline-flex;justify-content:center;line-height:1;min-height:2rem;padding:var(--a-spacing-05) var(--a-spacing-2)}.navds-tag--small{min-height:1.5rem;padding:0
|
|
1
|
+
.navds-tag{align-items:center;border:1px solid;border-radius:var(--a-border-radius-small);display:inline-flex;justify-content:center;line-height:1;min-height:2rem;padding:var(--a-spacing-05) var(--a-spacing-2)}.navds-tag--small{min-height:1.5rem;padding:0 var(--a-spacing-1-alt)}.navds-tag--xsmall{min-height:1.25rem;padding:0 var(--a-spacing-1)}.navds-tag--error{background-color:var(--ac-tag-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-tag-error-border,var(--a-border-danger));color:var(--ac-tag-error-text,var(--a-text-default))}.navds-tag--error-filled{background-color:var(--ac-tag-error-filled-bg,var(--a-surface-danger));border-color:transparent;color:var(--ac-tag-error-filled-text,var(--a-text-on-danger))}.navds-tag--error-moderate{background-color:var(--ac-tag-error-moderate-bg,var(--a-surface-danger-moderate));border-color:transparent;color:var(--ac-tag-error-moderate-text,var(--a-text-default))}.navds-tag--success{background-color:var(--ac-tag-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-tag-success-border,var(--a-border-success));color:var(--ac-tag-success-text,var(--a-text-default))}.navds-tag--success-filled{background-color:var(--ac-tag-success-filled-bg,var(--a-surface-success));border-color:transparent;color:var(--ac-tag-success-filled-text,var(--a-text-on-success))}.navds-tag--success-moderate{background-color:var(--ac-tag-success-moderate-bg,var(--a-surface-success-moderate));border-color:transparent;color:var(--ac-tag-success-moderate-text,var(--a-text-default))}.navds-tag--warning{background-color:var(--ac-tag-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-tag-warning-border,var(--a-border-warning));color:var(--ac-tag-warning-text,var(--a-text-default))}.navds-tag--warning-filled{background-color:var(--ac-tag-warning-filled-bg,var(--a-surface-warning));border-color:transparent;color:var(--ac-tag-warning-filled-text,var(--a-text-on-warning))}.navds-tag--warning-moderate{background-color:var(--ac-tag-warning-moderate-bg,var(--a-surface-warning-moderate));border-color:transparent;color:var(--ac-tag-warning-moderate-text,var(--a-text-default))}.navds-tag--info{background-color:var(--ac-tag-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-tag-info-border,var(--a-border-info));color:var(--ac-tag-info-text,var(--a-text-default))}.navds-tag--info-filled{background-color:var(--ac-tag-info-filled-bg,var(--a-surface-info));border-color:transparent;color:var(--ac-tag-info-filled-text,var(--a-text-on-info))}.navds-tag--info-moderate{background-color:var(--ac-tag-info-moderate-bg,var(--a-surface-info-moderate));border-color:transparent;color:var(--ac-tag-info-moderate-text,var(--a-text-default))}.navds-tag--neutral{background-color:var(--ac-tag-neutral-bg,var(--a-surface-neutral-subtle));border-color:var(--ac-tag-neutral-border,var(--a-border-default));color:var(--ac-tag-neutral-text,var(--a-text-default))}.navds-tag--neutral-filled{background-color:var(--ac-tag-neutral-filled-bg,var(--a-surface-neutral));border-color:transparent;color:var(--ac-tag-neutral-filled-text,var(--a-text-on-neutral))}.navds-tag--neutral-moderate{background-color:var(--ac-tag-neutral-moderate-bg,var(--a-surface-neutral-moderate));border-color:transparent;color:var(--ac-tag-neutral-moderate-text,var(--a-text-default))}.navds-tag--alt1{background-color:var(--ac-tag-alt-1-bg,var(--a-surface-alt-1-subtle));border-color:var(--ac-tag-alt-1-border,var(--a-border-alt-1));color:var(--ac-tag-alt-1-text,var(--a-text-default))}.navds-tag--alt1-filled{background-color:var(--ac-tag-alt-1-filled-bg,var(--a-surface-alt-1));border-color:transparent;color:var(--ac-tag-alt-1-filled-text,var(--a-text-on-alt-1))}.navds-tag--alt1-moderate{background-color:var(--ac-tag-alt-1-moderate-bg,var(--a-surface-alt-1-moderate));border-color:transparent;color:var(--ac-tag-alt-1-moderate-text,var(--a-text-default))}.navds-tag--alt2{background-color:var(--ac-tag-alt-2-bg,var(--a-surface-alt-2-subtle));border-color:var(--ac-tag-alt-2-border,var(--a-border-alt-2));color:var(--ac-tag-alt-2-text,var(--a-text-default))}.navds-tag--alt2-filled{background-color:var(--ac-tag-alt-2-filled-bg,var(--a-surface-alt-2));border-color:transparent;color:var(--ac-tag-alt-2-filled-text,var(--a-text-on-alt-2))}.navds-tag--alt2-moderate{background-color:var(--ac-tag-alt-2-moderate-bg,var(--a-surface-alt-2-moderate));border-color:transparent;color:var(--ac-tag-alt-2-moderate-text,var(--a-text-default))}.navds-tag--alt3{background-color:var(--ac-tag-alt-3-bg,var(--a-surface-alt-3-subtle));border-color:var(--ac-tag-alt-3-border,var(--a-border-alt-3));color:var(--ac-tag-alt-3-text,var(--a-text-default))}.navds-tag--alt3-filled{background-color:var(--ac-tag-alt-3-filled-bg,var(--a-surface-alt-3));border-color:transparent;color:var(--ac-tag-alt-3-filled-text,var(--a-text-on-alt-3))}.navds-tag--alt3-moderate{background-color:var(--ac-tag-alt-3-moderate-bg,var(--a-surface-alt-3-moderate));border-color:transparent;color:var(--ac-tag-alt-3-moderate-text,var(--a-text-default))}
|
package/dist/components.css
CHANGED
|
@@ -1908,11 +1908,11 @@
|
|
|
1908
1908
|
}
|
|
1909
1909
|
|
|
1910
1910
|
.navds-chips--icon-left {
|
|
1911
|
-
padding-left:
|
|
1911
|
+
padding-left: var(--a-spacing-1-alt);
|
|
1912
1912
|
}
|
|
1913
1913
|
|
|
1914
1914
|
.navds-chips--icon-right {
|
|
1915
|
-
padding-right:
|
|
1915
|
+
padding-right: var(--a-spacing-1-alt);
|
|
1916
1916
|
}
|
|
1917
1917
|
|
|
1918
1918
|
.navds-chips--small .navds-chips--icon-right {
|
|
@@ -2082,7 +2082,7 @@
|
|
|
2082
2082
|
}
|
|
2083
2083
|
|
|
2084
2084
|
.navds-copybutton--small > .navds-copybutton__content {
|
|
2085
|
-
gap:
|
|
2085
|
+
gap: var(--a-spacing-1-alt);
|
|
2086
2086
|
}
|
|
2087
2087
|
|
|
2088
2088
|
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
@@ -2707,7 +2707,7 @@
|
|
|
2707
2707
|
|
|
2708
2708
|
.navds-checkbox--small > .navds-checkbox__label,
|
|
2709
2709
|
.navds-radio--small > .navds-radio__label {
|
|
2710
|
-
padding:
|
|
2710
|
+
padding: var(--a-spacing-1-alt) 0;
|
|
2711
2711
|
}
|
|
2712
2712
|
|
|
2713
2713
|
.navds-checkbox--small > .navds-checkbox__label::before,
|
|
@@ -2749,7 +2749,7 @@
|
|
|
2749
2749
|
content: "";
|
|
2750
2750
|
position: absolute;
|
|
2751
2751
|
top: 50%;
|
|
2752
|
-
transform: translate(
|
|
2752
|
+
transform: translate(var(--a-spacing-1-alt), -50%);
|
|
2753
2753
|
background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
2754
2754
|
width: 0.75rem;
|
|
2755
2755
|
height: 0.25rem;
|
|
@@ -2774,7 +2774,7 @@
|
|
|
2774
2774
|
color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
2775
2775
|
position: absolute;
|
|
2776
2776
|
height: 1.5rem;
|
|
2777
|
-
transform: translate(
|
|
2777
|
+
transform: translate(var(--a-spacing-1-alt));
|
|
2778
2778
|
pointer-events: none;
|
|
2779
2779
|
}
|
|
2780
2780
|
|
|
@@ -3016,6 +3016,7 @@
|
|
|
3016
3016
|
right: var(--a-spacing-2);
|
|
3017
3017
|
pointer-events: none;
|
|
3018
3018
|
align-self: center;
|
|
3019
|
+
color: var(--ac-select-text, var(--a-text-default));
|
|
3019
3020
|
}
|
|
3020
3021
|
|
|
3021
3022
|
.navds-form-field--small .navds-select__input {
|
|
@@ -3024,7 +3025,7 @@
|
|
|
3024
3025
|
}
|
|
3025
3026
|
|
|
3026
3027
|
.navds-form-field--small .navds-select__chevron {
|
|
3027
|
-
right:
|
|
3028
|
+
right: var(--a-spacing-1-alt);
|
|
3028
3029
|
}
|
|
3029
3030
|
|
|
3030
3031
|
/**
|
|
@@ -3419,7 +3420,7 @@
|
|
|
3419
3420
|
}
|
|
3420
3421
|
|
|
3421
3422
|
.navds-form-field--small .navds-textarea__input {
|
|
3422
|
-
padding:
|
|
3423
|
+
padding: var(--a-spacing-1-alt);
|
|
3423
3424
|
}
|
|
3424
3425
|
|
|
3425
3426
|
.navds-form-field--small .navds-textarea--counter.navds-textarea__input {
|
|
@@ -3992,7 +3993,6 @@
|
|
|
3992
3993
|
|
|
3993
3994
|
.navds-help-text__button {
|
|
3994
3995
|
margin: 0;
|
|
3995
|
-
padding: 0;
|
|
3996
3996
|
border: 0;
|
|
3997
3997
|
cursor: pointer;
|
|
3998
3998
|
background-color: transparent;
|
|
@@ -4001,17 +4001,19 @@
|
|
|
4001
4001
|
justify-content: center;
|
|
4002
4002
|
align-items: center;
|
|
4003
4003
|
color: var(--ac-help-text-button-color, var(--a-surface-action));
|
|
4004
|
-
font-size: 1.
|
|
4004
|
+
font-size: 1.25rem;
|
|
4005
|
+
padding: calc(var(--a-spacing-1) / 2);
|
|
4005
4006
|
}
|
|
4006
4007
|
|
|
4007
4008
|
.navds-help-text__button:focus-visible {
|
|
4008
|
-
|
|
4009
|
+
outline: none;
|
|
4010
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
4009
4011
|
}
|
|
4010
4012
|
|
|
4011
4013
|
@supports not selector(:focus-visible) {
|
|
4012
4014
|
.navds-help-text__button:focus {
|
|
4013
4015
|
outline: none;
|
|
4014
|
-
box-shadow: 0 0 0 1px var(--a-
|
|
4016
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
4015
4017
|
}
|
|
4016
4018
|
}
|
|
4017
4019
|
|
|
@@ -4540,8 +4542,7 @@ button.navds-internalheader__title:active,
|
|
|
4540
4542
|
}
|
|
4541
4543
|
|
|
4542
4544
|
.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
4543
|
-
padding-
|
|
4544
|
-
padding-right: 0.375rem;
|
|
4545
|
+
padding-inline: var(--a-spacing-1-alt);
|
|
4545
4546
|
}
|
|
4546
4547
|
|
|
4547
4548
|
.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
@@ -4961,7 +4962,7 @@ button.navds-internalheader__title:active,
|
|
|
4961
4962
|
|
|
4962
4963
|
.navds-tag--small {
|
|
4963
4964
|
min-height: 1.5rem;
|
|
4964
|
-
padding: 0
|
|
4965
|
+
padding: 0 var(--a-spacing-1-alt);
|
|
4965
4966
|
}
|
|
4966
4967
|
|
|
4967
4968
|
.navds-tag--xsmall {
|
|
@@ -6452,7 +6453,7 @@ button.navds-stepper__step {
|
|
|
6452
6453
|
}
|
|
6453
6454
|
|
|
6454
6455
|
.navds-tabs--small .navds-tabs__scroll-button {
|
|
6455
|
-
padding:
|
|
6456
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
6456
6457
|
width: 2rem;
|
|
6457
6458
|
}
|
|
6458
6459
|
|
|
@@ -6508,7 +6509,7 @@ button.navds-stepper__step {
|
|
|
6508
6509
|
|
|
6509
6510
|
.navds-tabs__tab--small {
|
|
6510
6511
|
min-height: 2rem;
|
|
6511
|
-
padding:
|
|
6512
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
6512
6513
|
}
|
|
6513
6514
|
|
|
6514
6515
|
.navds-tabs__tab-icon--top,
|