@navikt/ds-css 5.7.2 → 5.7.3

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.
@@ -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-left: 0.375rem;
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-left:.375rem;padding-right:.375rem}.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}
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}
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .navds-tabs--small .navds-tabs__scroll-button {
40
- padding: 0.375rem var(--a-spacing-4);
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: 0.375rem var(--a-spacing-4);
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:.375rem 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:.375rem 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}}
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}}
@@ -11,7 +11,7 @@
11
11
 
12
12
  .navds-tag--small {
13
13
  min-height: 1.5rem;
14
- padding: 0 0.375rem;
14
+ padding: 0 var(--a-spacing-1-alt);
15
15
  }
16
16
 
17
17
  .navds-tag--xsmall {
@@ -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 .375rem}.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))}
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))}
@@ -1908,11 +1908,11 @@
1908
1908
  }
1909
1909
 
1910
1910
  .navds-chips--icon-left {
1911
- padding-left: 0.375rem;
1911
+ padding-left: var(--a-spacing-1-alt);
1912
1912
  }
1913
1913
 
1914
1914
  .navds-chips--icon-right {
1915
- padding-right: 0.375rem;
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: 0.375rem;
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: 0.375rem 0;
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(0.375rem, -50%);
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(0.375rem);
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: 0.375rem;
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: 0.375rem;
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.5rem;
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
- box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
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-surface-default), 0 0 0 4px var(--a-border-focus);
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-left: 0.375rem;
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 0.375rem;
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: 0.375rem var(--a-spacing-4);
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: 0.375rem var(--a-spacing-4);
6512
+ padding: var(--a-spacing-1-alt) var(--a-spacing-4);
6512
6513
  }
6513
6514
 
6514
6515
  .navds-tabs__tab-icon--top,