@navikt/ds-css 7.9.2 → 7.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/button.css +1 -1
- package/darkside/accordion.darkside.css +1 -1
- package/darkside/action-menu.darkside.css +1 -1
- package/darkside/button.darkside.css +8 -6
- package/darkside/chat.darkside.css +2 -2
- package/darkside/chips.darkside.css +1 -1
- package/darkside/copybutton.darkside.css +3 -32
- package/darkside/form/combobox.darkside.css +21 -13
- package/darkside/form/file-upload.darkside.css +2 -2
- package/darkside/form/radio-checkbox.darkside.css +2 -3
- package/darkside/form/search.darkside.css +4 -4
- package/darkside/form/select.darkside.css +2 -2
- package/darkside/form/switch.darkside.css +2 -2
- package/darkside/form/text-field.darkside.css +2 -2
- package/darkside/form/textarea.darkside.css +2 -2
- package/darkside/read-more.darkside.css +2 -2
- package/darkside/table.darkside.css +20 -2
- package/dist/component/button.css +1 -1
- package/dist/component/button.min.css +1 -1
- package/dist/component/table.css +20 -2
- package/dist/component/table.min.css +1 -1
- package/dist/components.css +21 -3
- package/dist/components.min.css +2 -2
- package/dist/darkside/component/accordion.css +1 -1
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +1 -1
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/button.css +7 -6
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +2 -2
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +1 -1
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +3 -31
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/form.css +35 -33
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/readmore.css +2 -2
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/table.css +19 -2
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/components.css +71 -79
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +9 -49
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +80 -128
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/accordion.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/accordion.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/actionmenu.css +1 -1
- package/dist/darkside/version/7.10.0/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/button.css +7 -6
- package/dist/darkside/version/7.10.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/chat.css +2 -2
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/chips.css +1 -1
- package/dist/darkside/version/7.10.0/component/chips.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/copybutton.css +3 -31
- package/dist/darkside/version/7.10.0/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/form.css +35 -33
- package/dist/darkside/version/7.10.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/readmore.css +2 -2
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/readmore.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/table.css +19 -2
- package/dist/darkside/version/{7.9.2 → 7.10.0}/component/table.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.10.0}/components.css +71 -79
- package/dist/darkside/version/7.10.0/components.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/global/tokens.css +9 -49
- package/dist/darkside/version/7.10.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.10.0}/index.css +80 -128
- package/dist/darkside/version/7.10.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +22 -4
- package/dist/index.min.css +3 -3
- package/package.json +2 -2
- package/table.css +20 -2
- package/dist/darkside/version/7.9.2/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/button.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/chips.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/form.min.css +0 -1
- package/dist/darkside/version/7.9.2/components.min.css +0 -1
- package/dist/darkside/version/7.9.2/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.9.2/index.min.css +0 -1
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/alert.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/date.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/guidepanel.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/stepper.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tag.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.10.0}/global/reset.min.css +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.navds-accordion__header{justify-content:flex-start;align-items:flex-start;gap:var(--ax-space-12);width:100%;padding:var(--ax-space-12);text-align:left;cursor:pointer;border-radius:var(--ax-border-radius-large);color:var(--ax-text-accent);background:0 0;border:none;display:flex;position:relative}.navds-accordion__header>*{font-weight:var(--ax-font-weight-regular)}@media (forced-colors:active){.navds-accordion__header{color:canvastext;background-color:canvas;border:1px solid buttonborder}}.navds-accordion__header:hover{background-color:var(--ax-bg-accent-hoverA)}.navds-accordion__header:hover:after,.navds-accordion__header:hover:before{display:none}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ax-bg-accent-strong-hover);color:var(--ax-text-accent-contrast)}@media (forced-colors:active){.navds-accordion__header:hover{color:highlight;background-color:canvas;border:1px solid highlight}}.navds-accordion__header:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px;z-index:1}.navds-accordion__header:focus-visible:after,.navds-accordion__header:focus-visible:before{display:none}.navds-accordion--small .navds-accordion__header{padding-block:var(--a-spacing-2)}.navds-accordion__header:after,.navds-accordion__header:before{content:"";background-color:var(--ax-border-subtleA);width:100%;height:1px;display:block;position:absolute;top:0;left:0;right:0}.navds-accordion__item:last-child>.navds-accordion__content{border-bottom:1px solid transparent}.navds-accordion__header:after{top:initial;bottom:0}.navds-accordion__item:not(:last-child)>.navds-accordion__header:after,.navds-accordion__item[data-expanded=false]:has(.navds-accordion__header:where(:hover,:focus-visible))+.navds-accordion__item>.navds-accordion__header:before,.navds-accordion__item[data-expanded=true]>.navds-accordion__header:after{display:none}.navds-accordion__icon-wrapper{border-radius:var(--ax-border-radius-large);background-color:var(--ax-bg-accent-moderateA);width:22px;height:22px;color:var(--ax-text-accent
|
|
1
|
+
@layer aksel.components{.navds-accordion__header{justify-content:flex-start;align-items:flex-start;gap:var(--ax-space-12);width:100%;padding:var(--ax-space-12);text-align:left;cursor:pointer;border-radius:var(--ax-border-radius-large);color:var(--ax-text-accent);background:0 0;border:none;display:flex;position:relative}.navds-accordion__header>*{font-weight:var(--ax-font-weight-regular)}@media (forced-colors:active){.navds-accordion__header{color:canvastext;background-color:canvas;border:1px solid buttonborder}}.navds-accordion__header:hover{background-color:var(--ax-bg-accent-hoverA)}.navds-accordion__header:hover:after,.navds-accordion__header:hover:before{display:none}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ax-bg-accent-strong-hover);color:var(--ax-text-accent-contrast)}@media (forced-colors:active){.navds-accordion__header:hover{color:highlight;background-color:canvas;border:1px solid highlight}}.navds-accordion__header:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px;z-index:1}.navds-accordion__header:focus-visible:after,.navds-accordion__header:focus-visible:before{display:none}.navds-accordion--small .navds-accordion__header{padding-block:var(--a-spacing-2)}.navds-accordion__header:after,.navds-accordion__header:before{content:"";background-color:var(--ax-border-subtleA);width:100%;height:1px;display:block;position:absolute;top:0;left:0;right:0}.navds-accordion__item:last-child>.navds-accordion__content{border-bottom:1px solid transparent}.navds-accordion__header:after{top:initial;bottom:0}.navds-accordion__item:not(:last-child)>.navds-accordion__header:after,.navds-accordion__item[data-expanded=false]:has(.navds-accordion__header:where(:hover,:focus-visible))+.navds-accordion__item>.navds-accordion__header:before,.navds-accordion__item[data-expanded=true]>.navds-accordion__header:after{display:none}.navds-accordion__icon-wrapper{border-radius:var(--ax-border-radius-large);background-color:var(--ax-bg-accent-moderateA);width:22px;height:22px;color:var(--ax-text-accent);align-self:center}.navds-accordion__header-chevron{height:inherit;width:inherit;flex-shrink:0;transition:transform .25s cubic-bezier(.2, 0, 0, 1)}.navds-accordion__item[data-expanded=true]>.navds-accordion__header .navds-accordion__header-chevron{transform:rotateX(-180deg)}.navds-accordion__content{--__acx-accordion-content-line-width:2px;padding-inline:var(--ax-space-24) var(--ax-space-12);max-height:0;transition:all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;border-color:transparent;padding-block:0;animation:.25s cubic-bezier(.2,0,0,1) navds-accordion-content-animation;display:none;overflow:hidden}.navds-accordion__item--no-animation{animation:none}@keyframes navds-accordion-content-animation{0%{opacity:.01}20%{opacity:.01}100%{opacity:1}}.navds-accordion--indent>.navds-accordion__item>.navds-accordion__content{padding-inline:var(--ax-space-24) var(--ax-space-12)}.navds-accordion--indent>.navds-accordion__item .navds-accordion__content-inner{box-shadow:-2px 0 0 0 var(--ax-border-subtleA);padding-block:var(--ax-space-8);padding-inline:calc(var(--ax-space-20) + 2px) var(--ax-space-20)}@media (forced-colors:active){.navds-accordion--indent>.navds-accordion__item .navds-accordion__content-inner{border-left:1px solid canvastext}}.navds-accordion__item[data-expanded=true]>.navds-accordion__content{opacity:1;max-height:fit-content;padding-block:var(--ax-space-8);border-color:var(--ax-border-subtleA);padding-block-end:var(--ax-space-24);display:block;overflow:visible}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.navds-action-menu__content{border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-subtleA);box-shadow:var(--ax-shadow-dialog);transition:transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;overflow:hidden}}.navds-action-menu__item{align-items:center;gap:var(--ax-space-8);min-height:var(--__axc-action-menu-item-height);cursor:default;border-radius:var(--ax-border-radius-medium);padding-left:var(--__axc-action-menu-item-pl);padding-right:var(--__axc-action-menu-item-pr);font-size:var(--ax-font-size-medium);scroll-margin-block:var(--__axc-action-menu-content-p);color:var(--ax-text-default);line-height:1.5;text-decoration:none;display:flex;position:relative}.navds-action-menu__item svg{flex-shrink:0}.navds-action-menu__item:focus{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-default);outline:0}.navds-action-menu__item[aria-disabled=true]{opacity:.5;pointer-events:none}.navds-action-menu__item--has-icon{--__axc-action-menu-item-pl:var(--ax-space-24)}.navds-action-menu__sub-trigger{--__axc-action-menu-item-pr:var(--ax-space-2)}.navds-action-menu__sub-trigger[data-state=open]{background-color:var(--ax-bg-moderate-pressed)}.navds-action-menu__sub-trigger:focus{background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-action-menu__item--danger{color:var(--ax-text-danger)}.navds-action-menu__item--danger:focus{background-color:var(--ax-bg-danger-moderate-hoverA);color:var(--ax-text-danger)}.navds-action-menu__marker{align-items:center;gap:var(--ax-space-4);display:flex}.navds-action-menu__marker--right{padding-left:var(--ax-space-16);margin-left:auto}.navds-action-menu__marker--left{width:var(--__axc-action-menu-item-pl);justify-content:center;display:inline-flex;position:absolute;left:0}.navds-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.navds-action-menu__shortcut{background-color:var(--ax-bg-moderateA);color:var(--ax-text-default);border-radius:var(--ax-border-radius-small);padding:0 var(--ax-space-4);min-width:1.125rem;height:1.125rem;line-height:1;font-size:var(--ax-font-size-small);justify-content:center;align-items:center;display:inline-flex}.navds-action-menu__label{min-height:calc(var(--__axc-action-menu-item-height) - 6px);padding-right:var(--__axc-action-menu-item-pr);padding-left:var(--__axc-action-menu-item-pl);color:var(--ax-text-subtle);border-radius:var(--ax-border-radius-medium);-webkit-user-select:none;user-select:none;cursor:default;font-size:var(--ax-font-size-small);align-items:center;display:flex}.navds-action-menu__divider{height:1px;margin-block:var(--ax-space-8);background-color:var(--ax-border-subtleA)}.navds-action-menu__indicator-icon--checked,.navds-action-menu__indicator-icon--indeterminate,.navds-action-menu__indicator-icon--unchecked{display:none}.navds-action-menu__indicator{place-content:center;display:grid}.navds-action-menu__indicator[data-state=checked] .navds-action-menu__indicator-icon--checked,.navds-action-menu__indicator[data-state=indeterminate] .navds-action-menu__indicator-icon--indeterminate,.navds-action-menu__indicator[data-state=unchecked] .navds-action-menu__indicator-icon--unchecked{display:block}.navds-action-menu__indicator-icon{font-size:14px}
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.navds-button:focus-visible {
|
|
21
|
-
outline:
|
|
22
|
-
outline-offset:
|
|
21
|
+
outline: 3px solid var(--ax-border-focus);
|
|
22
|
+
outline-offset: 3px;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.navds-button--small, .navds-button--xsmall {
|
|
26
26
|
--__axc-button-icon-margin: -2px;
|
|
27
|
-
--__axc-button-icon-size: 1.25rem;
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
.navds-button--small {
|
|
31
30
|
padding: var(--ax-space-4) var(--ax-space-12);
|
|
31
|
+
gap: var(--ax-space-6);
|
|
32
32
|
min-width: 2rem;
|
|
33
33
|
min-height: 2rem;
|
|
34
34
|
}
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
.navds-button--xsmall {
|
|
37
37
|
padding: var(--ax-space-2) var(--ax-space-8);
|
|
38
38
|
gap: var(--ax-space-4);
|
|
39
|
+
--__axc-button-icon-size: 1.25rem;
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
.navds-button--icon-only {
|
|
@@ -142,7 +143,7 @@
|
|
|
142
143
|
}
|
|
143
144
|
|
|
144
145
|
.navds-button--secondary-neutral {
|
|
145
|
-
--__axc-button-border-color: var(--ax-border-
|
|
146
|
+
--__axc-button-border-color: var(--ax-border-strong);
|
|
146
147
|
color: var(--ax-text-default);
|
|
147
148
|
background-color: rgba(0, 0, 0, 0);
|
|
148
149
|
}
|
|
@@ -159,7 +160,7 @@
|
|
|
159
160
|
}
|
|
160
161
|
|
|
161
162
|
.navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
|
|
162
|
-
--__axc-button-border-color: var(--ax-border-
|
|
163
|
+
--__axc-button-border-color: var(--ax-border-strong);
|
|
163
164
|
color: var(--ax-text-default);
|
|
164
165
|
background-color: rgba(0, 0, 0, 0);
|
|
165
166
|
}
|
|
@@ -227,7 +228,7 @@
|
|
|
227
228
|
opacity: var(--ax-opacity-disabled);
|
|
228
229
|
}
|
|
229
230
|
|
|
230
|
-
.navds-button .navds-loader {
|
|
231
|
+
.navds-button > .navds-loader {
|
|
231
232
|
position: absolute;
|
|
232
233
|
}
|
|
233
234
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.navds-button{--__axc-button-icon-size:1.5rem;--__axc-button-icon-margin:-4px;--__axc-button-border-color:transparent;--__axc-button-border-width:2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-border-radius-medium);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:0 0;border:none;text-decoration:none;display:inline-flex}.navds-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-button--small,.navds-button--xsmall{--__axc-button-icon-margin:-2px}.navds-button--small{padding:var(--ax-space-4) var(--ax-space-12);gap:var(--ax-space-6);min-width:2rem;min-height:2rem}.navds-button--xsmall{padding:var(--ax-space-2) var(--ax-space-8);gap:var(--ax-space-4);--__axc-button-icon-size:1.25rem}.navds-button--icon-only{padding:var(--ax-space-12)}.navds-button--icon-only.navds-button--small{padding:var(--ax-space-4)}.navds-button--icon-only.navds-button--xsmall{padding:var(--ax-space-2)}@supports not selector(:focus-visible){.navds-button:focus{outline:2px solid var(--ax-border-focus)}}.navds-button__icon{font-size:var(--__axc-button-icon-size);display:flex}.navds-button__icon:first-child{margin-left:var(--__axc-button-icon-margin)}.navds-button__icon:last-child{margin-right:var(--__axc-button-icon-margin)}.navds-button--icon-only .navds-button__icon{margin:0}.navds-button--primary{background-color:var(--ax-bg-accent-strong);color:var(--ax-text-accent-contrast)}.navds-button--primary:hover{background-color:var(--ax-bg-accent-strong-hover)}.navds-button--primary:active{background-color:var(--ax-bg-accent-strong-pressed)}.navds-button--primary:is(:disabled,.navds-button--disabled){background-color:var(--ax-bg-accent-strong)}@media (forced-colors:active){.navds-button--primary:not(:disabled){color:highlighttext;background-color:highlight}.navds-button--primary span{forced-color-adjust:none}}.navds-button--primary-neutral{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}.navds-button--primary-neutral:hover{background-color:var(--ax-bg-strong-hover)}.navds-button--primary-neutral:active{background-color:var(--ax-bg-strong-pressed)}.navds-button--primary-neutral:is(:disabled,.navds-button--disabled){background-color:var(--ax-bg-strong)}.navds-button--secondary{--__axc-button-border-color:var(--ax-border-accent);color:var(--ax-text-accent);background-color:rgba(0,0,0,0)}.navds-button--secondary:hover{--__axc-button-border-color:var(--ax-border-accent-strong);background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-button--secondary:active{--__axc-button-border-color:transparent;background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.navds-button--secondary:is(:disabled,.navds-button--disabled){--__axc-button-border-color:var(--ax-border-accent);color:var(--ax-text-accent);background-color:rgba(0,0,0,0)}.navds-button--secondary-neutral{--__axc-button-border-color:var(--ax-border-strong);color:var(--ax-text-default);background-color:rgba(0,0,0,0)}.navds-button--secondary-neutral:hover{--__axc-button-border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.navds-button--secondary-neutral:active{--__axc-button-border-color:transparent;color:var(--ax-text-contrast);background-color:var(--ax-bg-strong-pressed)}.navds-button--secondary-neutral:is(:disabled,.navds-button--disabled){--__axc-button-border-color:var(--ax-border-strong);color:var(--ax-text-default);background-color:rgba(0,0,0,0)}.navds-button--tertiary{color:var(--ax-text-accent);background-color:rgba(0,0,0,0)}.navds-button--tertiary:hover{background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-button--tertiary:active{background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.navds-button--tertiary:is(:disabled,.navds-button--disabled){color:var(--ax-text-accent);background-color:rgba(0,0,0,0)}.navds-button--tertiary-neutral{color:var(--ax-text-default);background-color:rgba(0,0,0,0)}.navds-button--tertiary-neutral:hover{background-color:var(--ax-bg-moderate-hoverA)}.navds-button--tertiary-neutral:active{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.navds-button--tertiary-neutral:is(:disabled,.navds-button--disabled){color:var(--ax-text-default);background-color:rgba(0,0,0,0)}.navds-button--danger{background-color:var(--ax-bg-danger-strong);color:var(--ax-text-danger-contrast)}.navds-button--danger:hover{background-color:var(--ax-bg-danger-strong-hover)}.navds-button--danger:active{background-color:var(--ax-bg-danger-strong-pressed)}.navds-button--danger:is(:disabled,.navds-button--disabled){background-color:var(--ax-bg-danger-strong)}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:var(--ax-opacity-disabled)}.navds-button>.navds-loader{position:absolute}.navds-button .navds-loader .navds-loader__foreground{stroke:currentColor}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:rgba(255,255,255,.3)}.navds-button--loading>:not(.navds-loader){visibility:hidden}@media (forced-colors:active){.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:1;color:graytext}.navds-button{color:buttontext;background-color:buttonface;border:1px solid transparent}.navds-button:not(:disabled):hover{color:highlight;box-shadow:none;background-color:highlighttext;border-color:highlight}.navds-button:not(:disabled):hover span{forced-color-adjust:none}.navds-button .navds-loader .navds-loader__foreground{stroke:canvas}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:canvastext}}}
|
|
@@ -69,11 +69,11 @@
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
|
|
72
|
-
background-color: var(--ax-bg-info-
|
|
72
|
+
background-color: var(--ax-bg-info-moderate);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
|
|
76
|
-
background-color: var(--ax-bg-
|
|
76
|
+
background-color: var(--ax-bg-moderateA);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.navds-chat__top-text {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.navds-chat{align-items:flex-end;gap:var(--ax-space-12);max-width:40.75rem;display:flex}.navds-chat--right{flex-direction:row-reverse}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat--right .navds-chat__bubble{border-radius:var(--ax-border-radius-xlarge);border-bottom-right-radius:var(--ax-border-radius-small)}.navds-chat__avatar{background-color:var(--ax-bg-raised);border-radius:var(--ax-border-radius-full);border:1px solid var(--ax-border-subtleA);color:var(--ax-text-default);letter-spacing:.024rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.06rem;line-height:2.5rem;display:flex;overflow:hidden}.navds-chat__avatar svg{align-self:center;width:100%;max-width:1.5rem;max-height:1.5rem}.navds-chat__bubble-wrapper{gap:var(--ax-space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.navds-chat__bubble{padding:var(--ax-space-16) var(--ax-space-20);background-color:var(--ax-bg-raised);gap:var(--ax-space-8);border-radius:var(--ax-border-radius-xlarge);border-bottom-left-radius:var(--ax-border-radius-small);border:1px solid var(--ax-border-subtleA);flex-direction:column;width:fit-content;display:flex}.navds-chat--small .navds-chat__bubble{padding:var(--ax-space-12) var(--ax-space-16)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--ax-bg-info-
|
|
1
|
+
@layer aksel.components{.navds-chat{align-items:flex-end;gap:var(--ax-space-12);max-width:40.75rem;display:flex}.navds-chat--right{flex-direction:row-reverse}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat--right .navds-chat__bubble{border-radius:var(--ax-border-radius-xlarge);border-bottom-right-radius:var(--ax-border-radius-small)}.navds-chat__avatar{background-color:var(--ax-bg-raised);border-radius:var(--ax-border-radius-full);border:1px solid var(--ax-border-subtleA);color:var(--ax-text-default);letter-spacing:.024rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.06rem;line-height:2.5rem;display:flex;overflow:hidden}.navds-chat__avatar svg{align-self:center;width:100%;max-width:1.5rem;max-height:1.5rem}.navds-chat__bubble-wrapper{gap:var(--ax-space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.navds-chat__bubble{padding:var(--ax-space-16) var(--ax-space-20);background-color:var(--ax-bg-raised);gap:var(--ax-space-8);border-radius:var(--ax-border-radius-xlarge);border-bottom-left-radius:var(--ax-border-radius-small);border:1px solid var(--ax-border-subtleA);flex-direction:column;width:fit-content;display:flex}.navds-chat--small .navds-chat__bubble{padding:var(--ax-space-12) var(--ax-space-16)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--ax-bg-info-moderate)}.navds-chat--neutral .navds-chat__avatar,.navds-chat--neutral .navds-chat__bubble{background-color:var(--ax-bg-moderateA)}.navds-chat__top-text{color:var(--ax-text-default);gap:var(--ax-space-8);align-items:baseline;margin:0;font-weight:400;display:flex}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
.navds-chips__toggle--action {
|
|
69
69
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
70
70
|
background-color: var(--ax-bg-accent-moderate);
|
|
71
|
-
color: var(--ax-text-
|
|
71
|
+
color: var(--ax-text-accent-strong);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.navds-chips__toggle--action:hover {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.navds-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.navds-chips li{margin:0;padding:0;list-style:none;display:block}.navds-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-border-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.navds-chips__chip:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-chips--readonly .navds-chips__chip{background-color:var(--ax-bg-moderateA)}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.navds-chips--small .navds-chips__toggle-icon{width:1rem;height:1rem}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.navds-chips--small .navds-chips__removable-icon{width:1.25rem;height:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips--small .navds-chips--icon-right{padding-right:var(--ax-space-2)}.navds-chips__toggle--action{box-shadow:inset 0 0 0 1px var(--ax-border-accent-subtleA);background-color:var(--ax-bg-accent-moderate);color:var(--ax-text-accent-strong)}.navds-chips__toggle--action:hover{background-color:var(--ax-bg-accent-moderate-hover)}.navds-chips__toggle--action[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.navds-chips__toggle--action[data-pressed=true]:hover{background-color:var(--ax-bg-accent-strong-hover)}.navds-chips__toggle--neutral{box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);background-color:var(--ax-bg-moderate);color:var(--ax-text-default)}.navds-chips__toggle--neutral:hover{background-color:var(--ax-bg-moderate-hover)}.navds-chips__toggle--neutral[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.navds-chips__toggle--neutral[data-pressed=true]:hover{background-color:var(--ax-bg-strong-hover)}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.navds-chips__removable{gap:0}.navds-chips__removable--action{background:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.navds-chips__removable--action:hover{background:var(--ax-bg-accent-strong-hover)}.navds-chips__removable--neutral{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.navds-chips__removable--neutral:hover{background:var(--ax-bg-strong-hover)}.navds-chips__removable-icon{border-radius:var(--ax-border-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.navds-chips--icon-left{padding-left:var(--ax-space-6)}.navds-chips--icon-right{padding-right:var(--ax-space-6)}@media (forced-colors:active){.navds-chips__chip{border:1px solid transparent}.navds-chips__chip:hover{color:highlight;background-color:highlighttext}.navds-chips__chip:where([data-pressed=true],:active,:hover)>span{forced-color-adjust:none}.navds-chips__toggle[data-pressed=true]{color:selecteditemtext;background-color:selecteditem;border:1px solid selecteditem}.navds-chips__toggle[data-pressed=true]:hover{color:selecteditem;background-color:selecteditemtext}}}
|
|
@@ -66,12 +66,8 @@
|
|
|
66
66
|
--__axc-copybutton-padding: var(--ax-space-4);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.navds-copybutton--small .navds-copybutton__icon {
|
|
70
|
-
font-size: 1.25rem;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
69
|
.navds-copybutton--small > .navds-copybutton__content {
|
|
74
|
-
gap: var(--ax-space-
|
|
70
|
+
gap: var(--ax-space-4);
|
|
75
71
|
}
|
|
76
72
|
|
|
77
73
|
.navds-copybutton--xsmall {
|
|
@@ -93,7 +89,7 @@
|
|
|
93
89
|
}
|
|
94
90
|
|
|
95
91
|
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
96
|
-
gap: var(--ax-space-
|
|
92
|
+
gap: var(--ax-space-2);
|
|
97
93
|
}
|
|
98
94
|
|
|
99
95
|
.navds-copybutton__icon {
|
|
@@ -101,18 +97,6 @@
|
|
|
101
97
|
display: flex;
|
|
102
98
|
}
|
|
103
99
|
|
|
104
|
-
.navds-copybutton__icon:first-of-type {
|
|
105
|
-
margin-left: -.25rem;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.navds-copybutton__icon:last-of-type {
|
|
109
|
-
margin-right: -.25rem;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.navds-copybutton__icon:only-child {
|
|
113
|
-
margin: 0;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
100
|
.navds-copybutton--active .navds-copybutton__icon {
|
|
117
101
|
animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
|
|
118
102
|
}
|
|
@@ -143,14 +127,6 @@
|
|
|
143
127
|
color: var(--ax-text-success);
|
|
144
128
|
}
|
|
145
129
|
|
|
146
|
-
.navds-copybutton--action.navds-copybutton--active:hover {
|
|
147
|
-
color: var(--ax-text-success-strong);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.navds-copybutton--action:hover {
|
|
151
|
-
color: var(--ax-text-accent-strong);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
130
|
.navds-copybutton--action:disabled {
|
|
155
131
|
color: var(--ax-text-accent);
|
|
156
132
|
}
|
|
@@ -159,10 +135,6 @@
|
|
|
159
135
|
color: var(--ax-text-subtle);
|
|
160
136
|
}
|
|
161
137
|
|
|
162
|
-
.navds-copybutton--neutral:hover, .navds-copybutton--neutral.navds-copybutton--active {
|
|
163
|
-
color: var(--ax-text-default);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
138
|
.navds-copybutton--neutral:disabled {
|
|
167
139
|
color: var(--ax-text-subtle);
|
|
168
140
|
}
|
|
@@ -170,7 +142,7 @@
|
|
|
170
142
|
.navds-copybutton__content {
|
|
171
143
|
justify-content: center;
|
|
172
144
|
align-items: center;
|
|
173
|
-
gap: var(--ax-space-
|
|
145
|
+
gap: var(--ax-space-6);
|
|
174
146
|
display: inline-flex;
|
|
175
147
|
}
|
|
176
148
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.navds-copybutton{--__axc-copybutton-padding:var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);cursor:pointer;border-radius:var(--ax-border-radius-medium);padding:var(--__axc-copybutton-padding);background-color:rgba(0,0,0,0);border:none;place-content:center;margin:0;text-decoration:none;transition:color .2s cubic-bezier(.05, .7, .1, 1);display:grid}.navds-copybutton.navds-copybutton--icon-only{--__axc-copybutton-padding:var(--ax-space-12)}.navds-copybutton.navds-copybutton--icon-right{--__axc-copybutton-padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20)}.navds-copybutton:hover{background-color:var(--ax-bg-moderate-hoverA)}.navds-copybutton:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-copybutton:disabled{cursor:not-allowed;opacity:var(--ax-opacity-disabled)}.navds-copybutton:disabled:hover{background-color:rgba(0,0,0,0)}@media (forced-colors:active){.navds-copybutton{color:buttontext;background-color:buttonface;border:1px solid buttontext}.navds-copybutton:disabled{opacity:1;border-color:graytext}}.navds-copybutton--small{--__axc-copybutton-padding:var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);min-width:2rem;min-height:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__axc-copybutton-padding:var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12)}.navds-copybutton--small.navds-copybutton--icon-only{--__axc-copybutton-padding:var(--ax-space-4)}.navds-copybutton--small>.navds-copybutton__content{gap:var(--ax-space-4)}.navds-copybutton--xsmall{--__axc-copybutton-padding:var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);min-width:1.5rem;min-height:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__axc-copybutton-padding:var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__axc-copybutton-padding:var(--ax-space-2)}.navds-copybutton--xsmall .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--ax-space-2)}.navds-copybutton__icon{font-size:1.5rem;display:flex}.navds-copybutton--active .navds-copybutton__icon{animation:2s cubic-bezier(.05,.7,.1,1) akselCopyButtonIconAnimation}@keyframes akselCopyButtonIconAnimation{8%{transform:translateY(0)}17%{transform:translateY(-10%)}25%{transform:translateY(2%)}30%{transform:translateY(0)}}.navds-copybutton--action{color:var(--ax-text-accent)}.navds-copybutton--action.navds-copybutton--active{color:var(--ax-text-success)}.navds-copybutton--action:disabled{color:var(--ax-text-accent)}.navds-copybutton--neutral{color:var(--ax-text-subtle)}.navds-copybutton--neutral:disabled{color:var(--ax-text-subtle)}.navds-copybutton__content{justify-content:center;align-items:center;gap:var(--ax-space-6);display:inline-flex}}
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
.navds-dropzone--error > .navds-dropzone__area {
|
|
128
|
-
outline: 2px solid var(--ax-border-danger);
|
|
128
|
+
outline: 2px solid var(--ax-border-danger-strong);
|
|
129
129
|
outline-offset: -1px;
|
|
130
130
|
border-color: rgba(0, 0, 0, 0);
|
|
131
131
|
}
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
.navds-file-item--error > .navds-file-item__inner {
|
|
198
|
-
outline: 2px solid var(--ax-border-danger);
|
|
198
|
+
outline: 2px solid var(--ax-border-danger-strong);
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.navds-file-item__icon {
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
}
|
|
529
529
|
|
|
530
530
|
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
|
|
531
|
-
color: var(--ax-text-accent
|
|
531
|
+
color: var(--ax-text-accent);
|
|
532
532
|
}
|
|
533
533
|
|
|
534
534
|
.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
|
|
@@ -537,12 +537,11 @@
|
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
.navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before {
|
|
540
|
-
border-color: var(--ax-border-danger);
|
|
540
|
+
border-color: var(--ax-border-danger-strong);
|
|
541
541
|
}
|
|
542
542
|
|
|
543
543
|
.navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked):hover + .navds-radio__label:before {
|
|
544
544
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
545
|
-
border-color: var(--ax-border-danger-strong);
|
|
546
545
|
}
|
|
547
546
|
|
|
548
547
|
.navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
@@ -712,12 +711,7 @@
|
|
|
712
711
|
padding-block: 0;
|
|
713
712
|
}
|
|
714
713
|
|
|
715
|
-
.navds-select--error > * select {
|
|
716
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
717
|
-
border-color: var(--ax-border-danger);
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
.navds-select--error > * select:hover, .navds-select--error > * select:focus {
|
|
714
|
+
.navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
|
|
721
715
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
722
716
|
border-color: var(--ax-border-danger-strong);
|
|
723
717
|
}
|
|
@@ -813,7 +807,7 @@
|
|
|
813
807
|
}
|
|
814
808
|
|
|
815
809
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
|
|
816
|
-
color: var(--ax-text-accent
|
|
810
|
+
color: var(--ax-text-accent);
|
|
817
811
|
}
|
|
818
812
|
|
|
819
813
|
.navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
|
|
@@ -880,7 +874,7 @@
|
|
|
880
874
|
|
|
881
875
|
.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
882
876
|
background-color: var(--ax-bg-raised);
|
|
883
|
-
color: var(--ax-text-accent
|
|
877
|
+
color: var(--ax-text-accent);
|
|
884
878
|
width: 1.25rem;
|
|
885
879
|
height: 1.25rem;
|
|
886
880
|
top: 0;
|
|
@@ -1042,8 +1036,8 @@
|
|
|
1042
1036
|
}
|
|
1043
1037
|
|
|
1044
1038
|
.navds-text-field--error .navds-text-field__input:not(:disabled) {
|
|
1045
|
-
border-color: var(--ax-border-danger);
|
|
1046
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1039
|
+
border-color: var(--ax-border-danger-strong);
|
|
1040
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1047
1041
|
}
|
|
1048
1042
|
|
|
1049
1043
|
.navds-text-field--readonly .navds-text-field__input {
|
|
@@ -1163,8 +1157,8 @@
|
|
|
1163
1157
|
}
|
|
1164
1158
|
|
|
1165
1159
|
.navds-textarea--error .navds-textarea__input:not(:disabled) {
|
|
1166
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1167
|
-
border-color: var(--ax-border-danger);
|
|
1160
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1161
|
+
border-color: var(--ax-border-danger-strong);
|
|
1168
1162
|
}
|
|
1169
1163
|
|
|
1170
1164
|
@media (forced-colors: active) {
|
|
@@ -1288,12 +1282,12 @@
|
|
|
1288
1282
|
}
|
|
1289
1283
|
|
|
1290
1284
|
.navds-search--error .navds-search__input:not(:disabled) {
|
|
1291
|
-
border-color: var(--ax-border-danger);
|
|
1292
|
-
box-shadow: inset -2px 0 0 0 var(--ax-border-danger), inset 0 0 0 1px var(--ax-border-danger);
|
|
1285
|
+
border-color: var(--ax-border-danger-strong);
|
|
1286
|
+
box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
1293
1287
|
}
|
|
1294
1288
|
|
|
1295
1289
|
.navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
|
|
1296
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-danger);
|
|
1290
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
1297
1291
|
}
|
|
1298
1292
|
|
|
1299
1293
|
.navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
|
|
@@ -1320,7 +1314,7 @@
|
|
|
1320
1314
|
}
|
|
1321
1315
|
|
|
1322
1316
|
.navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
1323
|
-
border-color: var(--ax-border-
|
|
1317
|
+
border-color: var(--ax-border-accent-strong);
|
|
1324
1318
|
}
|
|
1325
1319
|
|
|
1326
1320
|
.navds-form-field--small .navds-combobox__wrapper {
|
|
@@ -1335,6 +1329,10 @@
|
|
|
1335
1329
|
opacity: var(--ax-opacity-disabled);
|
|
1336
1330
|
}
|
|
1337
1331
|
|
|
1332
|
+
.navds-combobox--disabled .navds-combobox__wrapper:hover {
|
|
1333
|
+
border-color: var(--ax-border-default);
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1338
1336
|
.navds-combobox--disabled .navds-combobox__wrapper :hover {
|
|
1339
1337
|
cursor: not-allowed;
|
|
1340
1338
|
}
|
|
@@ -1375,9 +1373,9 @@
|
|
|
1375
1373
|
}
|
|
1376
1374
|
|
|
1377
1375
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
1378
|
-
outline:
|
|
1379
|
-
outline-offset:
|
|
1380
|
-
border-color: var(--ax-border-
|
|
1376
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1377
|
+
outline-offset: 3px;
|
|
1378
|
+
border-color: var(--ax-border-accent-strong);
|
|
1381
1379
|
}
|
|
1382
1380
|
|
|
1383
1381
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
@@ -1409,13 +1407,17 @@
|
|
|
1409
1407
|
cursor: text;
|
|
1410
1408
|
}
|
|
1411
1409
|
|
|
1410
|
+
.navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
|
|
1411
|
+
border-color: var(--ax-border-default);
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1412
1414
|
.navds-combobox--error .navds-combobox__wrapper-inner {
|
|
1413
|
-
border-color: var(--ax-border-danger);
|
|
1414
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1415
|
+
border-color: var(--ax-border-danger-strong);
|
|
1416
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1415
1417
|
}
|
|
1416
1418
|
|
|
1417
1419
|
.navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
1418
|
-
border-color: var(--ax-border-danger);
|
|
1420
|
+
border-color: var(--ax-border-danger-strong);
|
|
1419
1421
|
}
|
|
1420
1422
|
|
|
1421
1423
|
.navds-combobox__selected-options {
|
|
@@ -1513,7 +1515,7 @@
|
|
|
1513
1515
|
|
|
1514
1516
|
.navds-combobox__list {
|
|
1515
1517
|
z-index: 10;
|
|
1516
|
-
max-height:
|
|
1518
|
+
max-height: 316px;
|
|
1517
1519
|
left: 0;
|
|
1518
1520
|
right: 0;
|
|
1519
1521
|
top: calc(100% + var(--ax-space-8));
|
|
@@ -1542,7 +1544,7 @@
|
|
|
1542
1544
|
padding-inline: var(--__axc-combobox-list-item-padding-inline);
|
|
1543
1545
|
border-radius: var(--ax-border-radius-medium);
|
|
1544
1546
|
margin-inline: var(--ax-space-8);
|
|
1545
|
-
margin-block: var(--ax-space-
|
|
1547
|
+
margin-block: var(--ax-space-2);
|
|
1546
1548
|
border: 0;
|
|
1547
1549
|
justify-content: space-between;
|
|
1548
1550
|
align-items: center;
|
|
@@ -1583,7 +1585,6 @@
|
|
|
1583
1585
|
.navds-combobox__list-item--focus {
|
|
1584
1586
|
cursor: pointer;
|
|
1585
1587
|
outline: 2px solid var(--ax-border-focus);
|
|
1586
|
-
outline-offset: 2px;
|
|
1587
1588
|
}
|
|
1588
1589
|
|
|
1589
1590
|
.navds-combobox__list-item {
|
|
@@ -1598,11 +1599,12 @@
|
|
|
1598
1599
|
|
|
1599
1600
|
.navds-combobox__list-item mark {
|
|
1600
1601
|
font-weight: var(--ax-font-weight-bold);
|
|
1602
|
+
color: var(--ax-text-default);
|
|
1601
1603
|
background-color: rgba(0, 0, 0, 0);
|
|
1602
1604
|
}
|
|
1603
1605
|
|
|
1604
1606
|
.navds-combobox__list-item svg {
|
|
1605
|
-
color: var(--ax-text-
|
|
1607
|
+
color: var(--ax-text-default);
|
|
1606
1608
|
}
|
|
1607
1609
|
|
|
1608
1610
|
.navds-combobox__list-item--selected {
|
|
@@ -1618,11 +1620,10 @@
|
|
|
1618
1620
|
background: var(--ax-bg-accent-moderateA);
|
|
1619
1621
|
cursor: pointer;
|
|
1620
1622
|
margin: 0;
|
|
1621
|
-
margin-block: calc(var(--ax-space-4) * -1);
|
|
1622
|
-
padding-block: var(--ax-space-16);
|
|
1623
1623
|
border-radius: 0;
|
|
1624
1624
|
justify-content: flex-start;
|
|
1625
1625
|
gap: .25rem;
|
|
1626
|
+
margin-block-start: calc(var(--ax-space-4) * -1);
|
|
1626
1627
|
}
|
|
1627
1628
|
|
|
1628
1629
|
.navds-combobox__list-item--new-option svg {
|
|
@@ -1630,6 +1631,7 @@
|
|
|
1630
1631
|
}
|
|
1631
1632
|
|
|
1632
1633
|
.navds-combobox__list-item--new-option:only-child {
|
|
1634
|
+
margin-block: calc(var(--ax-space-4) * -1);
|
|
1633
1635
|
border: none;
|
|
1634
1636
|
}
|
|
1635
1637
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.navds-fieldset{border:0;min-width:0;margin:0;padding:0}.navds-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.navds-fieldset__description{color:var(--ax-text-subtle)}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child,: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:var(--ax-opacity-disabled)}@media (forced-colors:active){.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:1}}.navds-dropzone__area{--__axc-dropzone-background:var(--ax-bg-input);--__axc-dropzone-icon-padding:var(--ax-space-8);--__axc-dropzone-animation-length-long:.4s;--__axc-dropzone-animation-length-short:.25s;--__axc-dropzone-animation-ease-out:cubic-bezier(.3, 1, .3, 1);--__axc-dropzone-animation-over-under:cubic-bezier(.3, 1, .3, 1);align-items:center;gap:var(--ax-space-16);text-align:center;width:100%;padding:var(--ax-space-16) var(--ax-space-20);border:1px dashed var(--ax-border-default);border-radius:var(--ax-border-radius-xlarge);background-color:var(--__axc-dropzone-background);color:var(--ax-text-default);transition:background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);cursor:pointer;flex-direction:column;display:flex;position:relative}.navds-dropzone__area:hover:not([data-disabled=true]){border-color:var(--ax-border-accent-strong)}.navds-dropzone__area:hover:not([data-disabled=true])>.navds-dropzone__area-button{color:var(--ax-text-accent-strong);background-color:var(--ax-bg-accent-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-accent-strong-hover)}.navds-dropzone__area:active .navds-dropzone__area-button{background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast);box-shadow:none}.navds-dropzone__area[data-disabled=true]{cursor:default}.navds-dropzone--dragging>.navds-dropzone__area{--__axc-dropzone-background:var(--ax-bg-input)}.navds-dropzone--dragging>.navds-dropzone__area:after{color:var(--ax-text-accent-strong);background-color:var(--ax-bg-accent-moderateA);content:"";border:1px dashed var(--ax-border-accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-border-radius-xlarge);animation:akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);margin:-1px;position:absolute;inset:0}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:rgba(0,0,0,0)}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}100%{background-color:var(--ax-bg-accent-moderateA)}}.navds-dropzone__area-icon{padding:var(--__axc-dropzone-icon-padding);visibility:hidden;display:grid}.navds-dropzone--error>.navds-dropzone__area{outline:2px solid var(--ax-border-danger-strong);outline-offset:-1px;border-color:transparent}.navds-dropzone__area-release{top:var(--ax-space-16);z-index:1;pointer-events:none;transition:top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);display:grid;position:absolute}.navds-dropzone__area-release__icon{padding:var(--__axc-dropzone-icon-padding);border-radius:var(--ax-border-radius-full);background-color:var(--ax-bg-moderateA);transition:background-color .3s var(--__axc-dropzone-animation-ease-out),font-size .3s var(--__axc-dropzone-animation-ease-out);font-size:1.5rem;display:grid}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__icon{background-color:rgba(0,0,0,0);font-size:2rem}.navds-dropzone__area-release__text{visibility:hidden}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__text{transition:visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);visibility:visible}.navds-dropzone--dragging .navds-dropzone__area-release{color:var(--ax-text-accent-strong);top:50%;transform:translateY(-50%)}.navds-dropzone__area-disabled{color:var(--ax-text-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.navds-file-upload :is(ul,li),li.navds-file-item,ul:has( > li.navds-file-item){margin:0;padding:0;list-style:none}.navds-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-subtleA);outline-offset:-1px;border-radius:var(--ax-border-radius-xlarge);padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0, .3, .15, 1);display:flex}.navds-file-item--error>.navds-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.navds-file-item__icon{background-color:var(--ax-bg-moderateA);color:var(--ax-text-default);border-radius:var(--ax-border-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0, .3, .15, 1);display:grid}.navds-file-item__icon>svg{width:1.5rem;height:1.5rem}.navds-file-item__icon--loading{background-color:rgba(0,0,0,0)}.navds-file-item__file-info{word-break:break-word}.navds-file-item__button{margin-left:auto}.navds-file-item__error{color:var(--ax-text-danger);grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.navds-file-item__error .navds-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.navds-file-item__error-content{gap:var(--ax-space-4);min-height:0;display:flex}.navds-file-item__error-content>svg{flex-shrink:0;height:1rem;margin-top:.1rem}.navds-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.navds-form-field__description{color:var(--ax-text-subtle);margin-top:-.375rem}.navds-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ax-text-subtle)}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media (forced-colors:active){.navds-form-field--disabled{opacity:1}}.navds-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-border-radius-xlarge);outline-offset:2px}.navds-error-summary:focus-visible,.navds-error-summary:has(.navds-error-summary__heading:focus-visible){outline:2px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.navds-error-summary:focus{outline:2px solid var(--ax-border-focus)}}.navds-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.navds-error-summary--small .navds-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.navds-error-summary--small>.navds-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.navds-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.navds-error-summary__heading:focus{outline:0}.navds-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.navds-confirmation-panel__inner{gap:var(--a-spacing-3);padding:var(--a-spacing-4);border-radius:var(--a-border-radius-medium);border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success));background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger));background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle))}.navds-confirmation-panel--error .navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label{color:var(--a-text-default)}@media (forced-colors:active){.navds-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--a-border-radius-medium) - 1px);border-end-start-radius:calc(var(--a-border-radius-medium) - 1px);height:100%;position:absolute;top:0;left:0}.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before{border-color:green}.navds-confirmation-panel--error .navds-confirmation-panel__inner:before{border-color:red}}.navds-checkbox,.navds-radio{width:fit-content;position:relative}.navds-checkbox__input,.navds-radio__input{z-index:1;opacity:0;cursor:pointer;width:3rem;height:3rem;position:absolute;top:0;left:-.75rem}.navds-checkbox__label,.navds-radio__label{padding:var(--ax-space-12) 0;cursor:pointer;gap:var(--ax-space-8);--__axc-radio-checkbox-readonly-bg:var(--ax-bg-moderate);--__axc-radio-checkbox-readonly-border:var(--ax-border-subtle);display:flex}.navds-checkbox__label:before,.navds-radio__label:before{content:"";border-radius:var(--ax-border-radius-medium);background-color:var(--ax-bg-input);border:2px solid var(--ax-border-default);flex-shrink:0;width:1.5rem;height:1.5rem}.navds-radio__label:before{border-radius:var(--ax-border-radius-full)}.navds-checkbox__content,.navds-radio__content{flex-direction:column;gap:.125rem;display:flex}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{width:2rem;height:2rem;top:0;left:-.375rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:var(--ax-space-6) 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{width:1.25rem;height:1.25rem}.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{content:"";transform:translate(var(--ax-space-6),-50%);background-color:var(--ax-bg-default);border-radius:1px;flex-shrink:0;width:.75rem;height:.25rem;position:absolute;top:50%}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{transform:translate(.25rem,-50%)}.navds-checkbox__input:where(:checked,:indeterminate)+.navds-checkbox__label:before{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover+.navds-checkbox__label:before{border-color:var(--ax-bg-accent-strong-hover);background-color:var(--ax-bg-accent-strong-hover)}.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(--ax-bg-default);height:1.5rem;transform:translate(var(--ax-space-6));pointer-events:none;align-items:center;display:flex;position:absolute}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{vertical-align:initial;display:inline}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ax-bg-input);border:8px solid var(--ax-bg-accent-strong-pressed)}.navds-radio--small>.navds-radio__input:checked+.navds-radio__label:before{border-width:6px}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ax-text-accent)}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,:checked)+.navds-radio__label:before{border-color:var(--ax-border-accent-strong);background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-checkbox--error>.navds-checkbox__input:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{border-color:var(--ax-border-danger-strong)}.navds-checkbox--error>.navds-checkbox__input:not(:disabled,:checked,:indeterminate):hover+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:disabled,:checked):hover+.navds-radio__label:before{background-color:var(--ax-bg-danger-moderate-hoverA)}.navds-checkbox--error>.navds-checkbox__input:is(:checked,:indeterminate):not(:disabled)+.navds-checkbox__label:before{background-color:var(--ax-bg-danger-strong-pressed);border-color:var(--ax-bg-danger-strong-pressed)}.navds-radio--error>.navds-radio__input:checked+.navds-radio__label:before{border-color:var(--ax-bg-danger-strong-pressed)}.navds-checkbox--disabled,.navds-radio--disabled{opacity:var(--ax-opacity-disabled)}.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(--ax-text-default)}.navds-checkbox--readonly>.navds-checkbox__input:hover .navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked,:focus)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{background-color:var(--__axc-radio-checkbox-readonly-bg);border-color:var(--__axc-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:where(:checked,:indeterminate)+.navds-checkbox__label:before{border-color:var(--__axc-radio-checkbox-readonly-border);background-color:var(--__axc-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--ax-text-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ax-bg-strong);box-shadow:inset 0 0 0 2px var(--ax-border-subtle),inset 0 0 0 8px var(--ax-bg-moderate);border-width:0}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ax-text-subtle)}@media (forced-colors:active){.navds-checkbox,.navds-radio{--__axc-radio-checkbox-high-contrast-bg:field;--__axc-radio-checkbox-high-contrast-text:fieldtext;--__axc-radio-checkbox-high-contrast-highlight:highlight;--ax-border-focus:Highlight}.navds-checkbox__label:before,.navds-radio__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-radio__input:checked+.navds-radio__label:before{border:6px solid var(--__axc-radio-checkbox-high-contrast-text)}:not(.navds-checkbox--readonly)>.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,:not(.navds-radio--readonly)>.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:highlight}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{border-width:6px}.navds-checkbox--disabled,.navds-radio--disabled{opacity:1;--__axc-radio-checkbox-high-contrast-bg:field;--__axc-radio-checkbox-high-contrast-text:graytext}:is(.navds-checkbox--disabled,.navds-radio--disabled) :is(.navds-checkbox__label,.navds-radio__label){color:graytext}}.navds-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-border-radius-medium);border:1px solid var(--ax-border-default);color:var(--ax-text-default);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);display:inline-block;position:relative}.navds-select__input:hover{border-color:var(--ax-border-accent-strong);cursor:pointer}.navds-select__input:focus{outline:2px solid var(--ax-border-focus);outline-offset:2px;border-color:var(--ax-border-accent-strong)}@media (forced-colors:active){.navds-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.navds-select__container{width:100%;color:var(--ax-text-default);display:flex;position:relative}.navds-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-default);align-self:center;font-size:1.5rem;position:absolute}@media (forced-colors:active){.navds-select__chevron{color:buttontext}}.navds-form-field--small .navds-select__input{min-height:2rem;padding-block:0}.navds-select--error>* select,.navds-select--error>* select:focus,.navds-select--error>* select:hover{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.navds-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-default);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-default)}.navds-select__input:disabled>option{color:var(--ax-text-default)}@media (forced-colors:active){.navds-select__input:disabled+.navds-select__chevron{color:graytext}}.navds-select--readonly .navds-select__input{background-color:var(--ax-bg-moderate);border-color:var(--ax-border-subtleA);cursor:default}@media (forced-colors:active){.navds-select--readonly .navds-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.navds-select--readonly .navds-select__chevron{color:var(--ax-text-subtle)}.navds-switch{width:fit-content;min-height:3rem;position:relative}.navds-switch--small{min-height:2rem}.navds-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{cursor:pointer;color:var(--ax-text-default)}.navds-switch__content{flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem;display:flex}.navds-switch--right .navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small .navds-switch__content{padding:calc(var(--ax-space-8) - var(--ax-space-2)) 0 calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem}.navds-switch--right.navds-switch--small .navds-switch__content{padding:calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0}.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ax-text-accent)}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-border-radius-full);border:2px solid var(--ax-border-default);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;left:0}.navds-switch--small>.navds-switch__track{top:var(--ax-space-4)}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ax-bg-accent-strong-hover);border-color:var(--ax-bg-accent-strong-hover)}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-default)}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-switch__input:focus-visible~.navds-switch__track{outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-switch__thumb{background-color:var(--ax-bg-strong);border-radius:var(--ax-border-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4, 0, .2, 1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translateX(0)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-accent);width:1.25rem;height:1.25rem;top:0;left:0;transform:translateX(1.25rem)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb>.navds-switch__checkmark{visibility:visible;opacity:1}.navds-switch__checkmark{visibility:hidden;opacity:0;transition:opacity .15s cubic-bezier(.4, 0, .2, 1)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover:not(:disabled)~.navds-switch__track>.navds-switch__thumb{transform:translateX(.0625rem)}.navds-switch__input:checked:hover:not(:disabled)~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.19rem)}}.navds-switch--right{width:auto}.navds-switch--right .navds-switch__input,.navds-switch--right .navds-switch__track{left:auto;right:0}.navds-switch__input:disabled{appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:var(--ax-opacity-disabled)}.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(--ax-bg-moderate);border-color:var(--ax-border-subtleA)}.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(--ax-text-default)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--ax-bg-strong)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}}@media (forced-colors:active){.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:highlight}.navds-switch--readonly .navds-switch__thumb,.navds-switch__thumb{background-color:fieldtext!important}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:field}.navds-switch__input:focus-visible~.navds-switch__track{outline-offset:2px;outline:2px solid highlight}.navds-switch--disabled:not(.navds-switch--loading){opacity:1}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb{background-color:graytext}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track{border-color:graytext!important}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper,.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper:hover{color:graytext!important}}.navds-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-border-radius-medium);border:1px solid var(--ax-border-default);width:100%;min-height:3rem;color:var(--ax-text-default)}.navds-text-field__input:hover{border-color:var(--ax-border-accent-strong)}.navds-text-field__input:focus-visible{border-color:var(--ax-border-accent-strong);outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-default);cursor:not-allowed}.navds-text-field__input::placeholder{color:var(--ax-text-subtle)}.navds-text-field__input[size]{width:auto}.navds-form-field--small .navds-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.navds-text-field--error .navds-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.navds-text-field--readonly .navds-text-field__input{background-color:var(--ax-bg-moderate);border-color:var(--ax-border-subtleA);cursor:default}.navds-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (forced-colors:active){.navds-text-field__input{color:fieldtext;background-color:field}}.navds-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-border-radius-medium);border:1px solid var(--ax-border-default);resize:none;width:100%;color:var(--ax-text-default);display:block}.navds-textarea__input::placeholder{color:var(--ax-text-subtle)}.navds-textarea__input:hover{border-color:var(--ax-border-accent-strong)}.navds-textarea__input:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px;border-color:var(--ax-border-accent-strong)}.navds-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-default);cursor:not-allowed}.navds-form-field--small .navds-textarea__input{padding:var(--ax-space-6)}.navds-textarea--readonly .navds-textarea__input{background-color:var(--ax-bg-moderate);border-color:var(--ax-border-subtleA);cursor:default}.navds-textarea__counter{color:var(--ax-text-subtle);margin-top:-.25rem}.navds-textarea__counter--error{color:var(--ax-text-danger)}.navds-textarea__sr-counter{display:none}.navds-textarea__input:focus~.navds-textarea__sr-counter{display:initial}.navds-textarea--resize-both .navds-textarea__input{resize:both;border-end-end-radius:0}.navds-textarea--resize-horizontal .navds-textarea__input{resize:horizontal;border-end-end-radius:0}.navds-textarea--resize-vertical .navds-textarea__input{resize:vertical;border-end-end-radius:0}.navds-textarea--autoscrollbar,.navds-textarea--autoscrollbar .navds-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.navds-textarea--autoscrollbar .navds-textarea__input{scrollbar-gutter:stable}.navds-textarea--error .navds-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media (forced-colors:active){.navds-textarea__input{color:fieldtext;background-color:field}}.navds-search{flex-direction:column;width:100%;display:flex}.navds-search__wrapper-inner{width:100%;position:relative}.navds-search--with-size .navds-search__wrapper-inner{width:inherit}.navds-search--with-size .navds-search__wrapper{width:fit-content}.navds-search__wrapper{border-radius:var(--ax-border-radius-medium);align-items:center;display:inline-flex}.navds-search__wrapper:has(.navds-search__input:focus-visible){outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-search__input{padding-right:var(--ax-space-40)}.navds-search__input:focus-visible{outline:0}.navds-search__input.navds-search__input--primary,.navds-search__input.navds-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.navds-search__input--simple{padding-left:var(--ax-space-40)}.navds-form-field--small .navds-search__input{padding-right:var(--ax-space-28)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--ax-space-28)}.navds-form-field--small .navds-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.navds-form-field--small .navds-search__button-clear{right:var(--ax-space-4)}.navds-search__search-icon{left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.navds-search--disabled .navds-search__search-icon{opacity:var(--ax-opacity-disabled)}.navds-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.navds-search__button-search{border-radius:0;border-top-right-radius:var(--ax-border-radius-medium);border-bottom-right-radius:var(--ax-border-radius-medium);flex-shrink:0}.navds-search__button-search.navds-button--secondary{--__axc-button-border-width:1px;--__axc-button-border-color:var(--ax-border-default)}.navds-search__button-search.navds-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.navds-search__button-search.navds-button--secondary:hover:not(:disabled){--__axc-button-border-color:var(--ax-border-accent-strong)}.navds-search__button-search.navds-button--secondary:active:not(:disabled){--__axc-button-border-color:transparent}.navds-search:not(.navds-search--error,.navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover,:focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover,:active){--__axc-button-border-color:var(--ax-border-accent-strong)}.navds-search--error .navds-search__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:inset -2px 0 0 0 var(--ax-border-danger-strong),inset 0 0 0 1px var(--ax-border-danger-strong)}.navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple{box-shadow:inset 0 0 0 1px var(--ax-border-danger-strong)}.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}.navds-search--disabled .navds-search__input{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.navds-combobox__wrapper{--__axc-combobox-icon-size:1.5rem;--__axc-combobox-wrapper-inner-padding:var(--ax-space-8);--__axc-combobox-list-item-padding-block:var(--ax-space-12);--__axc-combobox-list-item-padding-inline:var(--ax-space-12);--__axc-combobox-border-width:1px;--__axc-combobox-input-height:2rem;border-radius:var(--ax-border-radius-medium);flex-direction:column;width:100%;display:flex;position:relative}.navds-form-field:not(:is(.navds-combobox--disabled,.navds-combobox--readonly)) .navds-combobox__wrapper:hover{border-color:var(--ax-border-accent-strong)}.navds-form-field--small .navds-combobox__wrapper{--__axc-combobox-icon-size:1.25rem;--__axc-combobox-wrapper-inner-padding:var(--ax-space-4);--__axc-combobox-list-item-padding-block:var(--ax-space-6);--__axc-combobox-list-item-padding-inline:var(--ax-space-8);--__axc-combobox-input-height:1.5rem}.navds-combobox--disabled{opacity:var(--ax-opacity-disabled)}.navds-combobox--disabled .navds-combobox__wrapper:hover{border-color:var(--ax-border-default)}.navds-combobox--disabled .navds-combobox__wrapper :hover{cursor:not-allowed}.navds-combobox--disabled .navds-combobox--readonly,.navds-combobox--disabled .navds-combobox__selected-options{pointer-events:none}.navds-combobox--readonly{pointer-events:none}.navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip{background-color:var(--ax-bg-moderateA)}.navds-combobox--readonly .navds-combobox__button-toggle-list{color:var(--ax-bg-moderate)}.navds-combobox--readonly .navds-combobox__wrapper{border-color:var(--ax-border-subtle);overflow:clip}.navds-combobox--readonly .navds-combobox__input,.navds-combobox--readonly .navds-text-field__input{background-color:var(--ax-bg-moderate)}.navds-combobox__button-toggle-list svg,.navds-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.navds-combobox__wrapper-inner{border:1px solid var(--ax-border-default);border-radius:var(--ax-border-radius-medium)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-strong)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-default);outline:0}.navds-combobox__wrapper-inner.navds-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{flex-flow:row;display:flex}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--disabled .navds-combobox__wrapper-inner:hover{border-color:var(--ax-border-default)}.navds-combobox--error .navds-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.navds-combobox__selected-options{align-items:center;gap:0}.navds-combobox__selected-options>li{border-radius:var(--ax-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{flex:1;display:flex}.navds-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:var(--ax-bg-input);border:none;flex:1;margin:0;padding:0}.navds-combobox__input:focus-visible{border:none;outline:0}.navds-combobox__selected-options>li:only-child>.navds-combobox__input{margin-left:var(--ax-space-4)}.navds-combobox__input--hide-caret{caret-color:rgba(0,0,0,0)}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;outline:0}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus),.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{outline:0}}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{border-radius:var(--ax-border-radius-medium);color:var(--ax-text-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.navds-combobox__button-toggle-list:hover{color:var(--ax-text-accent)}.navds-combobox__button-toggle-list:hover:active{color:var(--ax-text-accent-strong)}.navds-combobox__list{z-index:10;max-height:316px;left:0;right:0;top:calc(100% + var(--ax-space-8));border:1px solid var(--ax-border-subtleA);border-radius:var(--ax-border-radius-large);background-color:var(--ax-bg-raised);color:var(--ax-text-default);overscroll-behavior:contain;box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;position:absolute;overflow:clip}.navds-combobox__list .navds-combobox__list-options{overflow-y:auto}.navds-combobox__list--closed{display:none}.navds-combobox__list-item,.navds-combobox__list-item--loading,.navds-combobox__list-item--max-selected,.navds-combobox__list-item--new-option,.navds-combobox__list-item--no-options{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-border-radius-medium);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.navds-combobox__list-item--no-options{margin:0}.navds-combobox__list-item--loading{justify-content:center;margin:0}.navds-combobox__list-item--max-selected{background-color:var(--ax-bg-moderateA);border-bottom:1px solid var(--ax-border-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.navds-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.navds-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.navds-combobox__list-item{-webkit-user-select:none;user-select:none}.navds-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.navds-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-default);background-color:rgba(0,0,0,0)}.navds-combobox__list-item svg{color:var(--ax-text-default)}.navds-combobox__list-item--selected{background-color:var(--ax-bg-accent-moderate-pressedA)}.navds-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.navds-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-accent-subtleA);background:var(--ax-bg-accent-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-block-start:calc(var(--ax-space-4) * -1)}.navds-combobox__list-item--new-option svg{color:var(--ax-text-default)}.navds-combobox__list-item--new-option:only-child{margin-block:calc(var(--ax-space-4) * -1);border:none}.navds-combobox__list-item--new-option--focus{border-radius:calc(var(--ax-border-radius-large) - 1px) calc(var(--ax-border-radius-large) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.navds-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-border-radius-large) - 1px)}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--ax-space-4)}}@media (forced-colors:active){.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item:not([data-no-focus=true],.navds-combobox__list-item--new-option):hover,.navds-combobox__list-item--focus{color:highlight;border-left-color:highlight}.navds-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.navds-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.navds-combobox__list-item--selected *{color:#000}.navds-combobox__list-item--selected>*{forced-color-adjust:none}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{color:highlight;border-left-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.navds-combobox--disabled{opacity:1}.navds-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.navds-combobox__list-item--new-option svg{color:canvastext}.navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option:hover svg{color:highlight}}.navds-form-summary{border:1px solid var(--ax-border-subtleA);border-radius:var(--ax-border-radius-xlarge);background:var(--ax-bg-raised);overflow:hidden}.navds-form-summary__header{background:var(--ax-bg-moderateA);padding:var(--ax-space-16) var(--ax-space-24);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media (max-width:479px){.navds-form-summary__header{padding:var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.navds-form-summary__edit{margin-top:var(--ax-space-4);flex-shrink:0;align-self:flex-start}.navds-form-summary>.navds-form-summary__answers{border-top:1px solid var(--ax-border-subtleA)}.navds-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20);margin:0}@media (max-width:479px){.navds-form-summary__answers{padding:var(--ax-space-16)}}.navds-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-subtleA)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--ax-space-24)}.navds-form-summary__answer:has(.navds-form-summary__answer):last-child{padding-bottom:0}@media (max-width:479px){.navds-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--ax-space-20)}}.navds-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.navds-form-summary__value .navds-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-info-moderateA);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-info-subtleA)}.navds-form-summary__value .navds-form-summary__answers .navds-form-summary__answer{border-color:var(--ax-border-info-subtleA)}.navds-form-progress__bar{margin-bottom:var(--ax-space-8)}.navds-form-progress__button:focus-visible{z-index:1}.navds-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.navds-form-progress__button[data-state=closed] .navds-form-progress__btn-txt-hide,.navds-form-progress__button[data-state=open] .navds-form-progress__btn-txt-show{display:none}.navds-form-progress__collapsible{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2, 0, 0, 1);display:grid;overflow:hidden}.navds-form-progress__collapsible[hidden]{display:grid!important}.navds-form-progress__collapsible[data-state=open]{grid-template-rows:1fr}.navds-form-progress__collapsible-content{opacity:.01;visibility:hidden;min-height:0;transition-property:opacity,visibility;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1)}.navds-form-progress__collapsible[data-state=open] .navds-form-progress__collapsible-content{visibility:visible;opacity:1}.navds-form-progress__stepper{border:1px solid var(--ax-border-subtle);border-radius:var(--ax-border-radius-large);padding:var(--ax-space-16) var(--ax-space-20);margin-top:var(--ax-space-4);background:var(--ax-bg-raised)}}
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.navds-read-more__button:focus-visible {
|
|
24
|
-
outline:
|
|
25
|
-
outline-offset:
|
|
24
|
+
outline: 3px solid var(--ax-border-focus);
|
|
25
|
+
outline-offset: 3px;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.navds-read-more__button[data-state="open"] .navds-read-more__expand-icon {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.navds-read-more{--__axc-read-more-icon-size:1.5rem;--__axc-read-more-pi-start:0px;--__axc-read-more-pi-end:var(--ax-space-4);--__axc-read-more-pb:var(--ax-space-4)}.navds-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-accent);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:0 0;border:none;margin:0;display:flex}.navds-read-more__button:focus-visible{outline:
|
|
1
|
+
@layer aksel.components{.navds-read-more{--__axc-read-more-icon-size:1.5rem;--__axc-read-more-pi-start:0px;--__axc-read-more-pi-end:var(--ax-space-4);--__axc-read-more-pb:var(--ax-space-4)}.navds-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-accent);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:0 0;border:none;margin:0;display:flex}.navds-read-more__button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-read-more__button[data-state=open] .navds-read-more__expand-icon{transform:rotateX(-180deg)}.navds-read-more:is([data-volume=low],:not([data-volume])) .navds-read-more__button{border-radius:var(--ax-border-radius-medium)}.navds-read-more:is([data-volume=low],:not([data-volume])) .navds-read-more__button:hover{background-color:var(--ax-bg-hoverA);color:var(--ax-text-accent-strong)}.navds-read-more[data-volume=high] .navds-read-more__button{background-color:var(--ax-bg-accent-moderate);border-radius:var(--ax-border-radius-full)}.navds-read-more[data-volume=high] .navds-read-more__button:hover{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-accent-strong)}.navds-read-more[data-volume=high].navds-read-more--large{--__axc-read-more-pi-start:var(--ax-space-12);--__axc-read-more-pi-end:var(--ax-space-24)}.navds-read-more[data-volume=high].navds-read-more--medium,.navds-read-more[data-volume=high].navds-read-more--small{--__axc-read-more-pi-start:var(--ax-space-8);--__axc-read-more-pi-end:var(--ax-space-16)}.navds-read-more__content{margin-top:var(--ax-space-8);border-left:2px solid var(--ax-border-subtleA);color:var(--ax-text-default);margin-left:calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size)/ 2 - 1px);padding-left:calc(var(--__axc-read-more-icon-size)/ 2 - 1px + var(--ax-space-4))}.navds-read-more__content[data-state=closed]{display:none}.navds-read-more__expand-icon{font-size:var(--__axc-read-more-icon-size);flex-shrink:0;transition:transform .1s cubic-bezier(.2, 0, 0, 1)}.navds-read-more--large{--__axc-read-more-pb:var(--ax-space-12)}.navds-read-more--small{--__axc-read-more-icon-size:1.25rem;--__axc-read-more-pb:var(--ax-space-2)}@media (forced-colors:active){.navds-read-more__button{color:buttontext;background-color:buttonface;border:1px solid buttontext}}}
|
|
@@ -212,10 +212,27 @@
|
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
.navds-table__expanded-row-content {
|
|
215
|
-
|
|
215
|
+
--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
|
|
216
|
+
padding-block: var(--ax-space-16);
|
|
216
217
|
}
|
|
217
218
|
|
|
218
219
|
.navds-table--small .navds-table__expanded-row-content {
|
|
219
|
-
padding: var(--ax-space-8)
|
|
220
|
+
padding-block: var(--ax-space-8);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.navds-table__expanded-row-content--gutter-both {
|
|
224
|
+
padding-inline: var(--__ac-table-expanded-row-pi);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.navds-table__expanded-row-content--gutter-left {
|
|
228
|
+
padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.navds-table__expanded-row-content--gutter-right {
|
|
232
|
+
padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.navds-table__expanded-row-content--gutter-none {
|
|
236
|
+
padding-inline: var(--ax-space-8);
|
|
220
237
|
}
|
|
221
238
|
}
|