@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
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @navikt/ds-css
|
|
2
2
|
|
|
3
|
+
## 5.7.4
|
|
4
|
+
|
|
5
|
+
## 5.7.3
|
|
6
|
+
|
|
7
|
+
### Patch Changes
|
|
8
|
+
|
|
9
|
+
- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
|
|
10
|
+
|
|
11
|
+
- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383))
|
|
12
|
+
|
|
13
|
+
- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
|
|
14
|
+
|
|
3
15
|
## 5.7.2
|
|
4
16
|
|
|
5
17
|
## 5.7.1
|
package/chips.css
CHANGED
|
@@ -160,11 +160,11 @@
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.navds-chips--icon-left {
|
|
163
|
-
padding-left:
|
|
163
|
+
padding-left: var(--a-spacing-1-alt);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
.navds-chips--icon-right {
|
|
167
|
-
padding-right:
|
|
167
|
+
padding-right: var(--a-spacing-1-alt);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.navds-chips--small .navds-chips--icon-right {
|
package/copybutton.css
CHANGED
package/dist/component/chips.css
CHANGED
|
@@ -161,11 +161,11 @@
|
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.navds-chips--icon-left {
|
|
164
|
-
padding-left:
|
|
164
|
+
padding-left: var(--a-spacing-1-alt);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
.navds-chips--icon-right {
|
|
168
|
-
padding-right:
|
|
168
|
+
padding-right: var(--a-spacing-1-alt);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.navds-chips--small .navds-chips--icon-right {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-1);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left
|
|
1
|
+
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-1);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:rgba(214,231,255,.13);--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:rgba(231,240,254,.69);--__ac-copybutton-text:rgba(251,252,254,.96)}[data-theme=light]{--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton--xsmall .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon{display:flex;font-size:1.5rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{-webkit-animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1);animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes akselCopyButtonIconAnimation{8%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}25%{-webkit-transform:translateY(2%);transform:translateY(2%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes akselCopyButtonIconAnimation{8%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}25%{-webkit-transform:translateY(2%);transform:translateY(2%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap
|
|
1
|
+
[data-theme=dark]{--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:rgba(214,231,255,.13);--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:rgba(231,240,254,.69);--__ac-copybutton-text:rgba(251,252,254,.96)}[data-theme=light]{--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton--xsmall .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon{display:flex;font-size:1.5rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{-webkit-animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1);animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes akselCopyButtonIconAnimation{8%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}25%{-webkit-transform:translateY(2%);transform:translateY(2%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes akselCopyButtonIconAnimation{8%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}25%{-webkit-transform:translateY(2%);transform:translateY(2%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap:var(--a-spacing-1-alt)}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{-webkit-animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear);animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@-webkit-keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}
|
package/dist/component/form.css
CHANGED
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
}
|
|
225
225
|
.navds-checkbox--small > .navds-checkbox__label,
|
|
226
226
|
.navds-radio--small > .navds-radio__label {
|
|
227
|
-
padding:
|
|
227
|
+
padding: var(--a-spacing-1-alt) 0;
|
|
228
228
|
}
|
|
229
229
|
.navds-checkbox--small > .navds-checkbox__label::before,
|
|
230
230
|
.navds-radio--small > .navds-radio__label::before {
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
content: "";
|
|
260
260
|
position: absolute;
|
|
261
261
|
top: 50%;
|
|
262
|
-
transform: translate(
|
|
262
|
+
transform: translate(var(--a-spacing-1-alt), -50%);
|
|
263
263
|
background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
264
264
|
width: 0.75rem;
|
|
265
265
|
height: 0.25rem;
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
281
281
|
position: absolute;
|
|
282
282
|
height: 1.5rem;
|
|
283
|
-
transform: translate(
|
|
283
|
+
transform: translate(var(--a-spacing-1-alt));
|
|
284
284
|
pointer-events: none;
|
|
285
285
|
}
|
|
286
286
|
.navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
|
|
@@ -484,13 +484,14 @@
|
|
|
484
484
|
right: var(--a-spacing-2);
|
|
485
485
|
pointer-events: none;
|
|
486
486
|
align-self: center;
|
|
487
|
+
color: var(--ac-select-text, var(--a-text-default));
|
|
487
488
|
}
|
|
488
489
|
.navds-form-field--small .navds-select__input {
|
|
489
490
|
min-height: 2rem;
|
|
490
491
|
padding: 0 var(--a-spacing-8) 0 var(--a-spacing-2);
|
|
491
492
|
}
|
|
492
493
|
.navds-form-field--small .navds-select__chevron {
|
|
493
|
-
right:
|
|
494
|
+
right: var(--a-spacing-1-alt);
|
|
494
495
|
}
|
|
495
496
|
/**
|
|
496
497
|
Error handling
|
|
@@ -808,7 +809,7 @@
|
|
|
808
809
|
}
|
|
809
810
|
}
|
|
810
811
|
.navds-form-field--small .navds-textarea__input {
|
|
811
|
-
padding:
|
|
812
|
+
padding: var(--a-spacing-1-alt);
|
|
812
813
|
}
|
|
813
814
|
.navds-form-field--small .navds-textarea--counter.navds-textarea__input {
|
|
814
815
|
padding-bottom: var(--a-spacing-7);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)))}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset--readonly>:where(.navds-fieldset__legend){display:inline-flex}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)));margin-top:-.375rem}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{align-self:flex-start;flex-shrink:0;margin-right:var(--a-spacing-2);margin-top:var(--a-spacing-05)}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));border-radius:var(--a-border-radius-large);padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:3rem;left:-.75rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-checkbox__label,.navds-radio__label{--__ac-radio-checkbox-readonly-bg:var(--a-surface-subtle);--__ac-radio-checkbox-readonly-border:var(--a-border-subtle);cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.5rem;width:1.5rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:2rem;left:-.375rem;top:0;width:2rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:.375rem 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1.25rem;width:1.25rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;-webkit-transform:translate(.375rem,-50%);transform:translate(.375rem,-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{-webkit-transform:translate(.25rem,-50%);transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:where(:not(:checked))+.navds-checkbox__label>.navds-checkbox__icon{display:none}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--ac-radio-checkbox-bg,var(--a-surface-default));height:1.5rem;pointer-events:none;position:absolute;-webkit-transform:translate(.375rem);transform:translate(.375rem)}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{-webkit-transform:translate(.25rem,-10%);transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{display:inline;vertical-align:initial}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.navds-checkbox--disabled>.navds-checkbox__input,.navds-checkbox--disabled>.navds-checkbox__label,.navds-radio--disabled>.navds-radio__input,.navds-radio--disabled>.navds-radio__label{cursor:not-allowed}.navds-checkbox--readonly>:where(.navds-checkbox__input,.navds-checkbox__label),.navds-radio--readonly>:where(.navds-radio__input,.navds-radio__label){cursor:default}.navds-checkbox--readonly .navds-checkbox__label-text{display:inline-flex}.navds-checkbox--readonly>.navds-checkbox__input:hover+.navds-checkbox__label,.navds-radio--readonly>.navds-radio__input:hover+.navds-radio__label{color:var(--a-text-default)}.navds-checkbox--readonly>.navds-checkbox__input:hover:not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked):not(:focus-visible)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus-visible+.navds-radio__label:before{--__ac-radio-checkbox-readonly-border:var(--a-border-subtle),var(--a-shadow-focus)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--a-icon-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--a-icon-subtle);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border),inset 0 0 0 4px var(--__ac-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--a-icon-subtle)}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:3rem;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action));cursor:pointer}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:2rem;padding:0 var(--a-spacing-8) 0 var(--a-spacing-2)}.navds-form-field--small .navds-select__chevron{right:.375rem}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-select--readonly .navds-select__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-switch{min-height:3rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:2rem;position:relative}.navds-switch__input{cursor:pointer;height:3rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem calc(var(--a-spacing-2) - var(--a-spacing-05)) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:2.75rem}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-success))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-success-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-success))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.25rem;justify-content:center;left:var(--a-spacing-05);position:absolute;top:var(--a-spacing-05);-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:1.25rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-success));-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(.125rem);transform:translateX(.125rem)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.125rem);transform:translateX(1.125rem)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb .navds-loader__foreground{stroke:var(--ac-switch-thumb-icon-checked,var(--a-icon-success))}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.navds-switch__input:disabled,.navds-switch__input:disabled~.navds-switch__label-wrapper{cursor:not-allowed}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__track{background-color:var(--a-surface-neutral-moderate)}.navds-switch--readonly>.navds-switch__input,.navds-switch--readonly>.navds-switch__label-wrapper{cursor:default}.navds-switch--readonly .navds-switch__label-wrapper:hover,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__label-wrapper{color:var(--a-text-default)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--a-surface-subtle);box-shadow:0 0 0 2px var(--a-border-default)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--a-icon-subtle)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border:1px solid var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--__ac-textfield-text,var(--a-text-default)));min-height:3rem;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::-webkit-input-placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-form-field--small .navds-text-field__input{min-height:2rem;padding:0 var(--a-spacing-2)}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--__ac-textfield-hover-border,var(--a-border-action)))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled{background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border-color:var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-text-field--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{position:relative;width:100%}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border:1px solid var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--__ac-textarea-text,var(--a-text-default)));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea--counter{padding-bottom:var(--a-spacing-8)}.navds-textarea__input::-webkit-input-placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--__ac-textarea-hover-border,var(--a-border-action)))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:.375rem}.navds-form-field--small .navds-textarea--counter.navds-textarea__input{padding-bottom:var(--a-spacing-7)}.navds-textarea__counter{bottom:.0625rem;color:var(--ac-textarea-counter-text,var(--__ac-textarea-counter-text,var(--a-text-subtle)));font-style:italic;left:.0625rem;padding:var(--a-spacing-1) var(--a-spacing-2);pointer-events:none;position:absolute;text-align:left}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--__ac-textarea-counter-error-text,var(--a-text-danger)))}.navds-textarea--resize .navds-textarea__input{resize:both}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}}.navds-textarea__input:disabled{background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border-color:var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-textarea--readonly .navds-textarea__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search--with-size :where(.navds-search__wrapper-inner){width:inherit}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--__ac-search-clear-icon,var(--a-text-default)));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--__ac-search-clear-icon-hover,var(--a-text-action)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:2rem;min-width:4rem}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:2.5rem}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 -1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action)));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}.navds-combobox__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.navds-combobox__wrapper-inner{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{display:flex;flex-flow:row nowrap}.navds-form-field--small .navds-combobox__wrapper-inner{padding:var(--a-spacing-1) calc(var(--a-spacing-3)/2)}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-combobox-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger))}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within{box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-combobox__selected-options{align-items:center;gap:var(--a-spacing-2)}.navds-combobox__selected-options>li{border-radius:var(--a-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{display:flex;flex:1}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:2rem;margin:0;min-width:10ch;padding:0;width:100%;z-index:1}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}.navds-combobox__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-combobox-clear-icon,var(--a-text-subtle));cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear svg{height:1.5rem;width:1.5rem}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear:active:hover,.navds-combobox__button-toggle-list:active:hover{color:var(--ac-combobox-clear-icon-active,var(--a-text-action))}.navds-combobox__button-clear:hover,.navds-combobox__button-toggle-list:hover{color:var(--ac-combobox-clear-icon-hover,var(--a-text-action-selected))}.navds-combobox__button-toggle-list:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-combobox__button-toggle-list:focus{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}}.navds-combobox__button-toggle-list svg{height:1.5rem;pointer-events:none;width:1.5rem}.navds-form-field--small .navds-combobox__button-clear svg,.navds-form-field--small .navds-combobox__button-toggle-list svg{height:1.25rem;width:1.25rem}.navds-combobox__list{align-items:flex-start;background-color:var(--ac-combobox-list-bg,var(--a-surface-default));border:1px solid var(--ac-combobox-list-border-color,var(--a-border-divider));border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-small);color:var(--ac-combobox-list-text,var(--a-text-default));display:flex;flex-direction:column;gap:var(--a-spacing-1) 0;left:0;list-style:none;margin:0;max-height:290px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:9999}.navds-combobox__list--closed{display:none}.navds-combobox__list svg{height:1.5rem;width:1.5rem}.navds-combobox__list-item,.navds-combobox__list-item__new-option,.navds-combobox__list-item__no-options{align-items:center;background-color:var(--ac-combobox-list-item-bg,var(--a-surface-default));display:flex;flex-direction:row;justify-content:space-between;padding:var(--a-spacing-3);width:100%}.navds-form-field--small .navds-combobox__list-item,.navds-form-field--small .navds-combobox__list-item__new-option,.navds-form-field--small .navds-combobox__list-item__no-options{padding:calc(var(--a-spacing-3)/2) var(--a-spacing-2)}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));display:flex;justify-content:center;padding:var(--a-spacing-3);width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:hover,.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-hover-bg,var(--a-surface-hover));border-left:4px solid var(--ac-combobox-list-item-hover-border-left,var(--a-border-strong));cursor:pointer;padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover,.navds-form-field--small .navds-combobox__list-item--focus{padding-left:calc(var(--a-spacing-2) - 4px)}.navds-combobox__list-item--selected{background-color:var(--ac-combobox-list-item-selected-bg,var(--a-surface-selected))}.navds-combobox__list-item--selected p{font-weight:var(--a-font-weight-bold)}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-selected-hover-bg,var(--a-surface-action-subtle-hover));border-left:4px solid var(--ac-combobox-list-item-selected-hover-border-left,var(--a-border-focus));padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list-item__new-option{background:var(--a-surface-neutral-subtle);border-bottom:1px solid var(--a-border-divider);cursor:pointer;gap:.25rem;justify-content:flex-start}.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover{background:var(--a-surface-neutral-subtle-hover);border-bottom:1px solid var(--a-border-divider)}.navds-combobox__list-item__new-option--focus{border-radius:calc(var(--a-border-radius-medium) - 1px);box-shadow:var(--a-shadow-focus) inset,var(--a-border-action) 0 0 0 5px inset}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:-webkit-min-content;min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--a-spacing-1)}}
|
|
1
|
+
[data-theme=dark]{--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)))}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset--readonly>:where(.navds-fieldset__legend){display:inline-flex}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)));margin-top:-.375rem}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{align-self:flex-start;flex-shrink:0;margin-right:var(--a-spacing-2);margin-top:var(--a-spacing-05)}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));border-radius:var(--a-border-radius-large);padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:3rem;left:-.75rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-checkbox__label,.navds-radio__label{--__ac-radio-checkbox-readonly-bg:var(--a-surface-subtle);--__ac-radio-checkbox-readonly-border:var(--a-border-subtle);cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.5rem;width:1.5rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:2rem;left:-.375rem;top:0;width:2rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:var(--a-spacing-1-alt) 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1.25rem;width:1.25rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;-webkit-transform:translate(var(--a-spacing-1-alt),-50%);transform:translate(var(--a-spacing-1-alt),-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{-webkit-transform:translate(.25rem,-50%);transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:where(:not(:checked))+.navds-checkbox__label>.navds-checkbox__icon{display:none}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--ac-radio-checkbox-bg,var(--a-surface-default));height:1.5rem;pointer-events:none;position:absolute;-webkit-transform:translate(var(--a-spacing-1-alt));transform:translate(var(--a-spacing-1-alt))}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{-webkit-transform:translate(.25rem,-10%);transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{display:inline;vertical-align:initial}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.navds-checkbox--disabled>.navds-checkbox__input,.navds-checkbox--disabled>.navds-checkbox__label,.navds-radio--disabled>.navds-radio__input,.navds-radio--disabled>.navds-radio__label{cursor:not-allowed}.navds-checkbox--readonly>:where(.navds-checkbox__input,.navds-checkbox__label),.navds-radio--readonly>:where(.navds-radio__input,.navds-radio__label){cursor:default}.navds-checkbox--readonly .navds-checkbox__label-text{display:inline-flex}.navds-checkbox--readonly>.navds-checkbox__input:hover+.navds-checkbox__label,.navds-radio--readonly>.navds-radio__input:hover+.navds-radio__label{color:var(--a-text-default)}.navds-checkbox--readonly>.navds-checkbox__input:hover:not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked):not(:focus-visible)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus-visible+.navds-radio__label:before{--__ac-radio-checkbox-readonly-border:var(--a-border-subtle),var(--a-shadow-focus)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--a-icon-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--a-icon-subtle);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border),inset 0 0 0 4px var(--__ac-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--a-icon-subtle)}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:3rem;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action));cursor:pointer}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;color:var(--ac-select-text,var(--a-text-default));font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:2rem;padding:0 var(--a-spacing-8) 0 var(--a-spacing-2)}.navds-form-field--small .navds-select__chevron{right:var(--a-spacing-1-alt)}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-select--readonly .navds-select__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-switch{min-height:3rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:2rem;position:relative}.navds-switch__input{cursor:pointer;height:3rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem calc(var(--a-spacing-2) - var(--a-spacing-05)) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:2.75rem}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-success))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-success-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-success))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.25rem;justify-content:center;left:var(--a-spacing-05);position:absolute;top:var(--a-spacing-05);-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:1.25rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-success));-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(.125rem);transform:translateX(.125rem)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.125rem);transform:translateX(1.125rem)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb .navds-loader__foreground{stroke:var(--ac-switch-thumb-icon-checked,var(--a-icon-success))}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.navds-switch__input:disabled,.navds-switch__input:disabled~.navds-switch__label-wrapper{cursor:not-allowed}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__track{background-color:var(--a-surface-neutral-moderate)}.navds-switch--readonly>.navds-switch__input,.navds-switch--readonly>.navds-switch__label-wrapper{cursor:default}.navds-switch--readonly .navds-switch__label-wrapper:hover,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__label-wrapper{color:var(--a-text-default)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--a-surface-subtle);box-shadow:0 0 0 2px var(--a-border-default)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--a-icon-subtle)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border:1px solid var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--__ac-textfield-text,var(--a-text-default)));min-height:3rem;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::-webkit-input-placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-form-field--small .navds-text-field__input{min-height:2rem;padding:0 var(--a-spacing-2)}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--__ac-textfield-hover-border,var(--a-border-action)))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled{background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border-color:var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-text-field--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{position:relative;width:100%}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border:1px solid var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--__ac-textarea-text,var(--a-text-default)));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea--counter{padding-bottom:var(--a-spacing-8)}.navds-textarea__input::-webkit-input-placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--__ac-textarea-hover-border,var(--a-border-action)))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:var(--a-spacing-1-alt)}.navds-form-field--small .navds-textarea--counter.navds-textarea__input{padding-bottom:var(--a-spacing-7)}.navds-textarea__counter{bottom:.0625rem;color:var(--ac-textarea-counter-text,var(--__ac-textarea-counter-text,var(--a-text-subtle)));font-style:italic;left:.0625rem;padding:var(--a-spacing-1) var(--a-spacing-2);pointer-events:none;position:absolute;text-align:left}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--__ac-textarea-counter-error-text,var(--a-text-danger)))}.navds-textarea--resize .navds-textarea__input{resize:both}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}}.navds-textarea__input:disabled{background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border-color:var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-textarea--readonly .navds-textarea__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search--with-size :where(.navds-search__wrapper-inner){width:inherit}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--__ac-search-clear-icon,var(--a-text-default)));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--__ac-search-clear-icon-hover,var(--a-text-action)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:2rem;min-width:4rem}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:2.5rem}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 -1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action)));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}.navds-combobox__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.navds-combobox__wrapper-inner{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{display:flex;flex-flow:row nowrap}.navds-form-field--small .navds-combobox__wrapper-inner{padding:var(--a-spacing-1) calc(var(--a-spacing-3)/2)}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-combobox-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger))}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within{box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-combobox__selected-options{align-items:center;gap:var(--a-spacing-2)}.navds-combobox__selected-options>li{border-radius:var(--a-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{display:flex;flex:1}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:2rem;margin:0;min-width:10ch;padding:0;width:100%;z-index:1}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}.navds-combobox__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-combobox-clear-icon,var(--a-text-subtle));cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear svg{height:1.5rem;width:1.5rem}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear:active:hover,.navds-combobox__button-toggle-list:active:hover{color:var(--ac-combobox-clear-icon-active,var(--a-text-action))}.navds-combobox__button-clear:hover,.navds-combobox__button-toggle-list:hover{color:var(--ac-combobox-clear-icon-hover,var(--a-text-action-selected))}.navds-combobox__button-toggle-list:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-combobox__button-toggle-list:focus{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}}.navds-combobox__button-toggle-list svg{height:1.5rem;pointer-events:none;width:1.5rem}.navds-form-field--small .navds-combobox__button-clear svg,.navds-form-field--small .navds-combobox__button-toggle-list svg{height:1.25rem;width:1.25rem}.navds-combobox__list{align-items:flex-start;background-color:var(--ac-combobox-list-bg,var(--a-surface-default));border:1px solid var(--ac-combobox-list-border-color,var(--a-border-divider));border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-small);color:var(--ac-combobox-list-text,var(--a-text-default));display:flex;flex-direction:column;gap:var(--a-spacing-1) 0;left:0;list-style:none;margin:0;max-height:290px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:9999}.navds-combobox__list--closed{display:none}.navds-combobox__list svg{height:1.5rem;width:1.5rem}.navds-combobox__list-item,.navds-combobox__list-item__new-option,.navds-combobox__list-item__no-options{align-items:center;background-color:var(--ac-combobox-list-item-bg,var(--a-surface-default));display:flex;flex-direction:row;justify-content:space-between;padding:var(--a-spacing-3);width:100%}.navds-form-field--small .navds-combobox__list-item,.navds-form-field--small .navds-combobox__list-item__new-option,.navds-form-field--small .navds-combobox__list-item__no-options{padding:calc(var(--a-spacing-3)/2) var(--a-spacing-2)}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));display:flex;justify-content:center;padding:var(--a-spacing-3);width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:hover,.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-hover-bg,var(--a-surface-hover));border-left:4px solid var(--ac-combobox-list-item-hover-border-left,var(--a-border-strong));cursor:pointer;padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover,.navds-form-field--small .navds-combobox__list-item--focus{padding-left:calc(var(--a-spacing-2) - 4px)}.navds-combobox__list-item--selected{background-color:var(--ac-combobox-list-item-selected-bg,var(--a-surface-selected))}.navds-combobox__list-item--selected p{font-weight:var(--a-font-weight-bold)}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-selected-hover-bg,var(--a-surface-action-subtle-hover));border-left:4px solid var(--ac-combobox-list-item-selected-hover-border-left,var(--a-border-focus));padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list-item__new-option{background:var(--a-surface-neutral-subtle);border-bottom:1px solid var(--a-border-divider);cursor:pointer;gap:.25rem;justify-content:flex-start}.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover{background:var(--a-surface-neutral-subtle-hover);border-bottom:1px solid var(--a-border-divider)}.navds-combobox__list-item__new-option--focus{border-radius:calc(var(--a-border-radius-medium) - 1px);box-shadow:var(--a-shadow-focus) inset,var(--a-border-action) 0 0 0 5px inset}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:-webkit-min-content;min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--a-spacing-1)}}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
.navds-help-text__button {
|
|
2
2
|
margin: 0;
|
|
3
|
-
padding: 0;
|
|
4
3
|
border: 0;
|
|
5
4
|
cursor: pointer;
|
|
6
5
|
background-color: transparent;
|
|
@@ -9,17 +8,19 @@
|
|
|
9
8
|
justify-content: center;
|
|
10
9
|
align-items: center;
|
|
11
10
|
color: var(--ac-help-text-button-color, var(--a-surface-action));
|
|
12
|
-
font-size: 1.
|
|
11
|
+
font-size: 1.25rem;
|
|
12
|
+
padding: calc(var(--a-spacing-1) / 2);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.navds-help-text__button:focus-visible {
|
|
16
|
-
|
|
16
|
+
outline: none;
|
|
17
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
@supports not selector(:focus-visible) {
|
|
20
21
|
.navds-help-text__button:focus {
|
|
21
22
|
outline: none;
|
|
22
|
-
box-shadow: 0 0 0 1px var(--a-
|
|
23
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.
|
|
1
|
+
.navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;margin:0;padding:calc(var(--a-spacing-1)/2)}.navds-help-text__button:focus-visible{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-help-text__button:focus{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}}.navds-help-text__icon{border-radius:var(--a-border-radius-full)}.navds-help-text__popover.navds-popover,.navds-help-text__popover>.navds-popover__arrow{background-color:var(--ac-help-text-popover-bg,var(--a-surface-info-subtle))}.navds-help-text__popover.navds-popover{--ac-popover-border:var(--a-border-info);max-width:min(65ch,calc(100vw - 1.5rem))}.navds-help-text__icon--filled{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon--filled{display:inherit}@supports not selector(:focus-visible){.navds-help-text__button:where(:focus)>.navds-help-text__icon{display:none}.navds-help-text__button:where(:focus)>.navds-help-text__icon--filled{display:inherit}}
|
package/dist/component/index.css
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Thu, 19 Oct 2023 17:59:25 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
|
+
--a-spacing-1-alt: 0.375rem;
|
|
7
8
|
--a-spacing-05: 0.125rem;
|
|
8
9
|
--a-spacing-32: 8rem;
|
|
9
10
|
--a-spacing-24: 6rem;
|
|
@@ -2381,10 +2382,10 @@ body,
|
|
|
2381
2382
|
box-shadow: inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border, var(--a-border-strong));
|
|
2382
2383
|
}
|
|
2383
2384
|
.navds-chips--icon-left {
|
|
2384
|
-
padding-left:
|
|
2385
|
+
padding-left: var(--a-spacing-1-alt);
|
|
2385
2386
|
}
|
|
2386
2387
|
.navds-chips--icon-right {
|
|
2387
|
-
padding-right:
|
|
2388
|
+
padding-right: var(--a-spacing-1-alt);
|
|
2388
2389
|
}
|
|
2389
2390
|
.navds-chips--small .navds-chips--icon-right {
|
|
2390
2391
|
padding-right: var(--a-spacing-05);
|
|
@@ -2522,7 +2523,7 @@ body,
|
|
|
2522
2523
|
gap: var(--a-spacing-2);
|
|
2523
2524
|
}
|
|
2524
2525
|
.navds-copybutton--small > .navds-copybutton__content {
|
|
2525
|
-
gap:
|
|
2526
|
+
gap: var(--a-spacing-1-alt);
|
|
2526
2527
|
}
|
|
2527
2528
|
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
2528
2529
|
gap: var(--a-spacing-1);
|
|
@@ -3045,7 +3046,7 @@ body,
|
|
|
3045
3046
|
}
|
|
3046
3047
|
.navds-checkbox--small > .navds-checkbox__label,
|
|
3047
3048
|
.navds-radio--small > .navds-radio__label {
|
|
3048
|
-
padding:
|
|
3049
|
+
padding: var(--a-spacing-1-alt) 0;
|
|
3049
3050
|
}
|
|
3050
3051
|
.navds-checkbox--small > .navds-checkbox__label::before,
|
|
3051
3052
|
.navds-radio--small > .navds-radio__label::before {
|
|
@@ -3080,7 +3081,7 @@ body,
|
|
|
3080
3081
|
content: "";
|
|
3081
3082
|
position: absolute;
|
|
3082
3083
|
top: 50%;
|
|
3083
|
-
transform: translate(
|
|
3084
|
+
transform: translate(var(--a-spacing-1-alt), -50%);
|
|
3084
3085
|
background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
3085
3086
|
width: 0.75rem;
|
|
3086
3087
|
height: 0.25rem;
|
|
@@ -3101,7 +3102,7 @@ body,
|
|
|
3101
3102
|
color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
|
|
3102
3103
|
position: absolute;
|
|
3103
3104
|
height: 1.5rem;
|
|
3104
|
-
transform: translate(
|
|
3105
|
+
transform: translate(var(--a-spacing-1-alt));
|
|
3105
3106
|
pointer-events: none;
|
|
3106
3107
|
}
|
|
3107
3108
|
.navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
|
|
@@ -3305,13 +3306,14 @@ body,
|
|
|
3305
3306
|
right: var(--a-spacing-2);
|
|
3306
3307
|
pointer-events: none;
|
|
3307
3308
|
align-self: center;
|
|
3309
|
+
color: var(--ac-select-text, var(--a-text-default));
|
|
3308
3310
|
}
|
|
3309
3311
|
.navds-form-field--small .navds-select__input {
|
|
3310
3312
|
min-height: 2rem;
|
|
3311
3313
|
padding: 0 var(--a-spacing-8) 0 var(--a-spacing-2);
|
|
3312
3314
|
}
|
|
3313
3315
|
.navds-form-field--small .navds-select__chevron {
|
|
3314
|
-
right:
|
|
3316
|
+
right: var(--a-spacing-1-alt);
|
|
3315
3317
|
}
|
|
3316
3318
|
/**
|
|
3317
3319
|
Error handling
|
|
@@ -3629,7 +3631,7 @@ body,
|
|
|
3629
3631
|
}
|
|
3630
3632
|
}
|
|
3631
3633
|
.navds-form-field--small .navds-textarea__input {
|
|
3632
|
-
padding:
|
|
3634
|
+
padding: var(--a-spacing-1-alt);
|
|
3633
3635
|
}
|
|
3634
3636
|
.navds-form-field--small .navds-textarea--counter.navds-textarea__input {
|
|
3635
3637
|
padding-bottom: var(--a-spacing-7);
|
|
@@ -4114,7 +4116,6 @@ body,
|
|
|
4114
4116
|
}
|
|
4115
4117
|
.navds-help-text__button {
|
|
4116
4118
|
margin: 0;
|
|
4117
|
-
padding: 0;
|
|
4118
4119
|
border: 0;
|
|
4119
4120
|
cursor: pointer;
|
|
4120
4121
|
background-color: transparent;
|
|
@@ -4123,15 +4124,17 @@ body,
|
|
|
4123
4124
|
justify-content: center;
|
|
4124
4125
|
align-items: center;
|
|
4125
4126
|
color: var(--ac-help-text-button-color, var(--a-surface-action));
|
|
4126
|
-
font-size: 1.
|
|
4127
|
+
font-size: 1.25rem;
|
|
4128
|
+
padding: calc(var(--a-spacing-1) / 2);
|
|
4127
4129
|
}
|
|
4128
4130
|
.navds-help-text__button:focus-visible {
|
|
4129
|
-
|
|
4131
|
+
outline: none;
|
|
4132
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
4130
4133
|
}
|
|
4131
4134
|
@supports not selector(:focus-visible) {
|
|
4132
4135
|
.navds-help-text__button:focus {
|
|
4133
4136
|
outline: none;
|
|
4134
|
-
box-shadow: 0 0 0 1px var(--a-
|
|
4137
|
+
box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
|
|
4135
4138
|
}
|
|
4136
4139
|
}
|
|
4137
4140
|
.navds-help-text__icon {
|
|
@@ -4580,8 +4583,7 @@ button.navds-internalheader__title:active,
|
|
|
4580
4583
|
gap: var(--a-spacing-1);
|
|
4581
4584
|
}
|
|
4582
4585
|
.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
4583
|
-
padding-
|
|
4584
|
-
padding-right: 0.375rem;
|
|
4586
|
+
padding-inline: var(--a-spacing-1-alt);
|
|
4585
4587
|
}
|
|
4586
4588
|
.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
|
|
4587
4589
|
padding-left: var(--a-spacing-05);
|
|
@@ -4931,7 +4933,7 @@ button.navds-internalheader__title:active,
|
|
|
4931
4933
|
}
|
|
4932
4934
|
.navds-tag--small {
|
|
4933
4935
|
min-height: 1.5rem;
|
|
4934
|
-
padding: 0
|
|
4936
|
+
padding: 0 var(--a-spacing-1-alt);
|
|
4935
4937
|
}
|
|
4936
4938
|
.navds-tag--xsmall {
|
|
4937
4939
|
min-height: 1.25rem;
|
|
@@ -6169,7 +6171,7 @@ button.navds-stepper__step {
|
|
|
6169
6171
|
flex-shrink: 0;
|
|
6170
6172
|
}
|
|
6171
6173
|
.navds-tabs--small .navds-tabs__scroll-button {
|
|
6172
|
-
padding:
|
|
6174
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
6173
6175
|
width: 2rem;
|
|
6174
6176
|
}
|
|
6175
6177
|
.navds-tabs__tab {
|
|
@@ -6216,7 +6218,7 @@ button.navds-stepper__step {
|
|
|
6216
6218
|
}
|
|
6217
6219
|
.navds-tabs__tab--small {
|
|
6218
6220
|
min-height: 2rem;
|
|
6219
|
-
padding:
|
|
6221
|
+
padding: var(--a-spacing-1-alt) var(--a-spacing-4);
|
|
6220
6222
|
}
|
|
6221
6223
|
.navds-tabs__tab-icon--top,
|
|
6222
6224
|
.navds-tabs__tab--small.navds-tabs__tab-icon--top {
|