@navikt/ds-css 6.8.0 → 6.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 +14 -0
- package/dist/component/form.css +29 -41
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +40 -43
- package/dist/component/index.min.css +1 -1
- package/dist/component/modal.css +12 -0
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.css +1 -1
- package/dist/component/primitives.min.css +1 -1
- package/dist/components.css +44 -49
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +40 -43
- package/dist/index.min.css +1 -1
- package/form/combobox.css +31 -48
- package/modal.css +12 -0
- package/package.json +2 -2
- package/primitives/page.css +1 -1
package/dist/component/modal.css
CHANGED
|
@@ -103,6 +103,10 @@
|
|
|
103
103
|
padding: var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
+
.navds-modal--small .navds-modal__header {
|
|
107
|
+
padding: var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);
|
|
108
|
+
}
|
|
109
|
+
|
|
106
110
|
.navds-modal__header-icon svg {
|
|
107
111
|
display: inline;
|
|
108
112
|
vertical-align: -0.25rem;
|
|
@@ -121,6 +125,10 @@
|
|
|
121
125
|
position: relative; /* Needed to make sr-only elements position correctly - see Storybook */
|
|
122
126
|
}
|
|
123
127
|
|
|
128
|
+
.navds-modal--small .navds-modal__body {
|
|
129
|
+
padding: var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4);
|
|
130
|
+
}
|
|
131
|
+
|
|
124
132
|
.navds-modal__header + .navds-modal__body {
|
|
125
133
|
padding-top: var(--a-spacing-0);
|
|
126
134
|
}
|
|
@@ -132,6 +140,10 @@
|
|
|
132
140
|
padding: var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6);
|
|
133
141
|
}
|
|
134
142
|
|
|
143
|
+
.navds-modal--small .navds-modal__footer {
|
|
144
|
+
padding: var(--a-spacing-4);
|
|
145
|
+
}
|
|
146
|
+
|
|
135
147
|
.navds-modal__footer :nth-of-type(2) {
|
|
136
148
|
margin-left: auto;
|
|
137
149
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,#0214317d)}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,#0214317d);bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6);position:relative}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{animation:none;max-height:100vh;max-width:100vw;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}}
|
|
1
|
+
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,#0214317d)}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,#0214317d);bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal--small .navds-modal__header{padding:var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6);position:relative}.navds-modal--small .navds-modal__body{padding:var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4)}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal--small .navds-modal__footer{padding:var(--a-spacing-4)}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{animation:none;max-height:100vh;max-width:100vw;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-box{--__ac-box-padding-xs:initial;--__ac-box-padding-sm:var(--__ac-box-padding-xs);--__ac-box-padding-md:var(--__ac-box-padding-sm);--__ac-box-padding-lg:var(--__ac-box-padding-md);--__ac-box-padding-xl:var(--__ac-box-padding-lg);--__ac-box-padding-2xl:var(--__ac-box-padding-xl);--__ac-box-padding-inline-xs:initial;--__ac-box-padding-inline-sm:var(--__ac-box-padding-inline-xs);--__ac-box-padding-inline-md:var(--__ac-box-padding-inline-sm);--__ac-box-padding-inline-lg:var(--__ac-box-padding-inline-md);--__ac-box-padding-inline-xl:var(--__ac-box-padding-inline-lg);--__ac-box-padding-inline-2xl:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block-xs:initial;--__ac-box-padding-block-sm:var(--__ac-box-padding-block-xs);--__ac-box-padding-block-md:var(--__ac-box-padding-block-sm);--__ac-box-padding-block-lg:var(--__ac-box-padding-block-md);--__ac-box-padding-block-xl:var(--__ac-box-padding-block-lg);--__ac-box-padding-block-2xl:var(--__ac-box-padding-block-xl);--__ac-box-padding:var(--__ac-box-padding-xs);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xs);--__ac-box-padding-block:var(--__ac-box-padding-block-xs);--__ac-box-background:initial;--__ac-box-border-color:initial;--__ac-box-shadow:initial;--__ac-box-border-width:initial;--__ac-box-border-radius-xs:initial;--__ac-box-border-radius-sm:var(--__ac-box-border-radius-xs);--__ac-box-border-radius-md:var(--__ac-box-border-radius-sm);--__ac-box-border-radius-lg:var(--__ac-box-border-radius-md);--__ac-box-border-radius-xl:var(--__ac-box-border-radius-lg);--__ac-box-border-radius-2xl:var(--__ac-box-border-radius-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xs);background-color:var(--__ac-box-background);border-color:var(--__ac-box-border-color);border-radius:var(--__ac-box-border-radius);border-style:solid;border-width:var(--__ac-box-border-width,0);box-shadow:var(--__ac-box-shadow);padding-block:var(--__ac-box-padding-block,var(--__ac-box-padding));padding-inline:var(--__ac-box-padding-inline,var(--__ac-box-padding))}@media (min-width:480px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-sm);--__ac-box-padding-inline:var(--__ac-box-padding-inline-sm);--__ac-box-padding-block:var(--__ac-box-padding-block-sm);--__ac-box-border-radius:var(--__ac-box-border-radius-sm)}}@media (min-width:768px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-md);--__ac-box-padding-inline:var(--__ac-box-padding-inline-md);--__ac-box-padding-block:var(--__ac-box-padding-block-md);--__ac-box-border-radius:var(--__ac-box-border-radius-md)}}@media (min-width:1024px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-lg);--__ac-box-padding-inline:var(--__ac-box-padding-inline-lg);--__ac-box-padding-block:var(--__ac-box-padding-block-lg);--__ac-box-border-radius:var(--__ac-box-border-radius-lg)}}@media (min-width:1280px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block:var(--__ac-box-padding-block-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xl)}}@media (min-width:1440px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-2xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-2xl);--__ac-box-padding-block:var(--__ac-box-padding-block-2xl);--__ac-box-border-radius:var(--__ac-box-border-radius-2xl)}}.navds-bleed{--__ac-bleed-margin-inline-xs:initial;--__ac-bleed-margin-inline-sm:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-inline-md:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-inline-lg:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-inline-xl:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-inline-2xl:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block-xs:initial;--__ac-bleed-margin-block-sm:var(--__ac-bleed-margin-block-xs);--__ac-bleed-margin-block-md:var(--__ac-bleed-margin-block-sm);--__ac-bleed-margin-block-lg:var(--__ac-bleed-margin-block-md);--__ac-bleed-margin-block-xl:var(--__ac-bleed-margin-block-lg);--__ac-bleed-margin-block-2xl:var(--__ac-bleed-margin-block-xl);--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xs);margin-block:var(--__ac-bleed-margin-block);margin-inline:var(--__ac-bleed-margin-inline)}.navds-bleed--padding{--__ac-bleed-padding-inline-xs:initial;--__ac-bleed-padding-inline-sm:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-inline-md:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-inline-lg:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-inline-xl:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-inline-2xl:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block-xs:initial;--__ac-bleed-padding-block-sm:var(--__ac-bleed-padding-block-xs);--__ac-bleed-padding-block-md:var(--__ac-bleed-padding-block-sm);--__ac-bleed-padding-block-lg:var(--__ac-bleed-padding-block-md);--__ac-bleed-padding-block-xl:var(--__ac-bleed-padding-block-lg);--__ac-bleed-padding-block-2xl:var(--__ac-bleed-padding-block-xl);--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xs);padding-block:var(--__ac-bleed-padding-block);padding-inline:var(--__ac-bleed-padding-inline)}@media (min-width:480px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-sm)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-sm)}}@media (min-width:768px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-md)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-md)}}@media (min-width:1024px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-lg)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-lg)}}@media (min-width:1280px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xl)}}@media (min-width:1440px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-2xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-2xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-2xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-2xl)}}.navds-page{background-color:var(--__ac-page-background);display:flex;flex-direction:column;min-height:100vh;min-height:100lvh}.navds-pageblock{--__ac-page-padding-inline:0px;margin-inline:auto;width:100%}.navds-page__content--grow{flex-grow:1}.navds-page__content--fullheight{min-height:100vh;min-height:100lvh}.navds-page__content--padding{padding-block-end:var(--a-spacing-8)}.navds-pageblock--text{max-width:calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline))}.navds-pageblock--md{max-width:768px}.navds-pageblock--lg{max-width:1024px}.navds-pageblock--xl{max-width:1280px}.navds-pageblock--2xl{max-width:1440px}.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-4);padding-inline:var(--__ac-page-padding-inline)}@media (min-width:1024px){.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-12)}}.navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:var(--__ac-hgrid-columns-xs);--__ac-hgrid-columns-md:var(--__ac-hgrid-columns-sm);--__ac-hgrid-columns-lg:var(--__ac-hgrid-columns-md);--__ac-hgrid-columns-xl:var(--__ac-hgrid-columns-lg);--__ac-hgrid-columns-2xl:var(--__ac-hgrid-columns-xl);--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:var(--__ac-hgrid-gap-xs);--__ac-hgrid-gap-md:var(--__ac-hgrid-gap-sm);--__ac-hgrid-gap-lg:var(--__ac-hgrid-gap-md);--__ac-hgrid-gap-xl:var(--__ac-hgrid-gap-lg);--__ac-hgrid-gap-2xl:var(--__ac-hgrid-gap-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm);--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm)}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md);--__ac-hgrid-gap:var(--__ac-hgrid-gap-md)}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-lg);--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg)}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xl)}}@media (min-width:1440px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-2xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-2xl)}}.navds-stack{--__ac-stack-wrap:initial;--__ac-stack-gap-xs:initial;--__ac-stack-gap-sm:var(--__ac-stack-gap-xs);--__ac-stack-gap-md:var(--__ac-stack-gap-sm);--__ac-stack-gap-lg:var(--__ac-stack-gap-md);--__ac-stack-gap-xl:var(--__ac-stack-gap-lg);--__ac-stack-gap-2xl:var(--__ac-stack-gap-xl);--__ac-stack-gap:var(--__ac-stack-gap-xs);--__ac-stack-justify-xs:initial;--__ac-stack-justify-sm:var(--__ac-stack-justify-xs);--__ac-stack-justify-md:var(--__ac-stack-justify-sm);--__ac-stack-justify-lg:var(--__ac-stack-justify-md);--__ac-stack-justify-xl:var(--__ac-stack-justify-lg);--__ac-stack-justify-2xl:var(--__ac-stack-justify-xl);--__ac-stack-justify:var(--__ac-stack-justify-xs);--__ac-stack-align-xs:initial;--__ac-stack-align-sm:var(--__ac-stack-align-xs);--__ac-stack-align-md:var(--__ac-stack-align-sm);--__ac-stack-align-lg:var(--__ac-stack-align-md);--__ac-stack-align-xl:var(--__ac-stack-align-lg);--__ac-stack-align-2xl:var(--__ac-stack-align-xl);--__ac-stack-align:var(--__ac-stack-align-xs);--__ac-stack-direction-xs:initial;--__ac-stack-direction-sm:var(--__ac-stack-direction-xs);--__ac-stack-direction-md:var(--__ac-stack-direction-sm);--__ac-stack-direction-lg:var(--__ac-stack-direction-md);--__ac-stack-direction-xl:var(--__ac-stack-direction-lg);--__ac-stack-direction-2xl:var(--__ac-stack-direction-xl);--__ac-stack-direction:var(--__ac-stack-direction-xs);align-items:var(--__ac-stack-align);display:flex;flex-flow:var(--__ac-stack-direction) var(--__ac-stack-wrap);gap:var(--__ac-stack-gap);justify-content:var(--__ac-stack-justify)}.navds-stack__spacer{align-self:stretch;flex:1;justify-self:stretch}.navds-stack>.navds-stack__spacer{margin-block-start:calc(var(--__ac-stack-gap)*-1);margin-inline-start:calc(var(--__ac-stack-gap)*-1)}@media (min-width:480px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-sm);--__ac-stack-align:var(--__ac-stack-align-sm);--__ac-stack-justify:var(--__ac-stack-justify-sm);--__ac-stack-direction:var(--__ac-stack-direction-sm)}}@media (min-width:768px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-md);--__ac-stack-align:var(--__ac-stack-align-md);--__ac-stack-justify:var(--__ac-stack-justify-md);--__ac-stack-direction:var(--__ac-stack-direction-md)}}@media (min-width:1024px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-lg);--__ac-stack-align:var(--__ac-stack-align-lg);--__ac-stack-justify:var(--__ac-stack-justify-lg);--__ac-stack-direction:var(--__ac-stack-direction-lg)}}@media (min-width:1280px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-xl);--__ac-stack-align:var(--__ac-stack-align-xl);--__ac-stack-justify:var(--__ac-stack-justify-xl);--__ac-stack-direction:var(--__ac-stack-direction-xl)}}@media (min-width:1440px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-2xl);--__ac-stack-align:var(--__ac-stack-align-2xl);--__ac-stack-justify:var(--__ac-stack-justify-2xl);--__ac-stack-direction:var(--__ac-stack-direction-2xl)}}@media (min-width:480px){.navds-responsive__below--sm{display:none!important}}@media (max-width:479px){.navds-responsive__above--sm{display:none!important}}@media (min-width:768px){.navds-responsive__below--md{display:none!important}}@media (max-width:767px){.navds-responsive__above--md{display:none!important}}@media (min-width:1024px){.navds-responsive__below--lg{display:none!important}}@media (max-width:1023px){.navds-responsive__above--lg{display:none!important}}@media (min-width:1280px){.navds-responsive__below--xl{display:none!important}}@media (max-width:1279px){.navds-responsive__above--xl{display:none!important}}@media (min-width:1440px){.navds-responsive__below--2xl{display:none!important}}@media (max-width:1439px){.navds-responsive__above--2xl{display:none!important}}
|
|
1
|
+
.navds-box{--__ac-box-padding-xs:initial;--__ac-box-padding-sm:var(--__ac-box-padding-xs);--__ac-box-padding-md:var(--__ac-box-padding-sm);--__ac-box-padding-lg:var(--__ac-box-padding-md);--__ac-box-padding-xl:var(--__ac-box-padding-lg);--__ac-box-padding-2xl:var(--__ac-box-padding-xl);--__ac-box-padding-inline-xs:initial;--__ac-box-padding-inline-sm:var(--__ac-box-padding-inline-xs);--__ac-box-padding-inline-md:var(--__ac-box-padding-inline-sm);--__ac-box-padding-inline-lg:var(--__ac-box-padding-inline-md);--__ac-box-padding-inline-xl:var(--__ac-box-padding-inline-lg);--__ac-box-padding-inline-2xl:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block-xs:initial;--__ac-box-padding-block-sm:var(--__ac-box-padding-block-xs);--__ac-box-padding-block-md:var(--__ac-box-padding-block-sm);--__ac-box-padding-block-lg:var(--__ac-box-padding-block-md);--__ac-box-padding-block-xl:var(--__ac-box-padding-block-lg);--__ac-box-padding-block-2xl:var(--__ac-box-padding-block-xl);--__ac-box-padding:var(--__ac-box-padding-xs);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xs);--__ac-box-padding-block:var(--__ac-box-padding-block-xs);--__ac-box-background:initial;--__ac-box-border-color:initial;--__ac-box-shadow:initial;--__ac-box-border-width:initial;--__ac-box-border-radius-xs:initial;--__ac-box-border-radius-sm:var(--__ac-box-border-radius-xs);--__ac-box-border-radius-md:var(--__ac-box-border-radius-sm);--__ac-box-border-radius-lg:var(--__ac-box-border-radius-md);--__ac-box-border-radius-xl:var(--__ac-box-border-radius-lg);--__ac-box-border-radius-2xl:var(--__ac-box-border-radius-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xs);background-color:var(--__ac-box-background);border-color:var(--__ac-box-border-color);border-radius:var(--__ac-box-border-radius);border-style:solid;border-width:var(--__ac-box-border-width,0);box-shadow:var(--__ac-box-shadow);padding-block:var(--__ac-box-padding-block,var(--__ac-box-padding));padding-inline:var(--__ac-box-padding-inline,var(--__ac-box-padding))}@media (min-width:480px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-sm);--__ac-box-padding-inline:var(--__ac-box-padding-inline-sm);--__ac-box-padding-block:var(--__ac-box-padding-block-sm);--__ac-box-border-radius:var(--__ac-box-border-radius-sm)}}@media (min-width:768px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-md);--__ac-box-padding-inline:var(--__ac-box-padding-inline-md);--__ac-box-padding-block:var(--__ac-box-padding-block-md);--__ac-box-border-radius:var(--__ac-box-border-radius-md)}}@media (min-width:1024px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-lg);--__ac-box-padding-inline:var(--__ac-box-padding-inline-lg);--__ac-box-padding-block:var(--__ac-box-padding-block-lg);--__ac-box-border-radius:var(--__ac-box-border-radius-lg)}}@media (min-width:1280px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block:var(--__ac-box-padding-block-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xl)}}@media (min-width:1440px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-2xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-2xl);--__ac-box-padding-block:var(--__ac-box-padding-block-2xl);--__ac-box-border-radius:var(--__ac-box-border-radius-2xl)}}.navds-bleed{--__ac-bleed-margin-inline-xs:initial;--__ac-bleed-margin-inline-sm:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-inline-md:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-inline-lg:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-inline-xl:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-inline-2xl:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block-xs:initial;--__ac-bleed-margin-block-sm:var(--__ac-bleed-margin-block-xs);--__ac-bleed-margin-block-md:var(--__ac-bleed-margin-block-sm);--__ac-bleed-margin-block-lg:var(--__ac-bleed-margin-block-md);--__ac-bleed-margin-block-xl:var(--__ac-bleed-margin-block-lg);--__ac-bleed-margin-block-2xl:var(--__ac-bleed-margin-block-xl);--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xs);margin-block:var(--__ac-bleed-margin-block);margin-inline:var(--__ac-bleed-margin-inline)}.navds-bleed--padding{--__ac-bleed-padding-inline-xs:initial;--__ac-bleed-padding-inline-sm:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-inline-md:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-inline-lg:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-inline-xl:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-inline-2xl:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block-xs:initial;--__ac-bleed-padding-block-sm:var(--__ac-bleed-padding-block-xs);--__ac-bleed-padding-block-md:var(--__ac-bleed-padding-block-sm);--__ac-bleed-padding-block-lg:var(--__ac-bleed-padding-block-md);--__ac-bleed-padding-block-xl:var(--__ac-bleed-padding-block-lg);--__ac-bleed-padding-block-2xl:var(--__ac-bleed-padding-block-xl);--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xs);padding-block:var(--__ac-bleed-padding-block);padding-inline:var(--__ac-bleed-padding-inline)}@media (min-width:480px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-sm)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-sm)}}@media (min-width:768px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-md)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-md)}}@media (min-width:1024px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-lg)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-lg)}}@media (min-width:1280px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xl)}}@media (min-width:1440px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-2xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-2xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-2xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-2xl)}}.navds-page{background-color:var(--__ac-page-background);display:flex;flex-direction:column;min-height:100vh;min-height:100lvh}.navds-pageblock{--__ac-page-padding-inline:0px;margin-inline:auto;width:100%}.navds-page__content--grow{flex-grow:1}.navds-page__content--fullheight{min-height:100vh;min-height:100lvh}.navds-page__content--padding{padding-block-end:var(--a-spacing-16)}.navds-pageblock--text{max-width:calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline))}.navds-pageblock--md{max-width:768px}.navds-pageblock--lg{max-width:1024px}.navds-pageblock--xl{max-width:1280px}.navds-pageblock--2xl{max-width:1440px}.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-4);padding-inline:var(--__ac-page-padding-inline)}@media (min-width:1024px){.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-12)}}.navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:var(--__ac-hgrid-columns-xs);--__ac-hgrid-columns-md:var(--__ac-hgrid-columns-sm);--__ac-hgrid-columns-lg:var(--__ac-hgrid-columns-md);--__ac-hgrid-columns-xl:var(--__ac-hgrid-columns-lg);--__ac-hgrid-columns-2xl:var(--__ac-hgrid-columns-xl);--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:var(--__ac-hgrid-gap-xs);--__ac-hgrid-gap-md:var(--__ac-hgrid-gap-sm);--__ac-hgrid-gap-lg:var(--__ac-hgrid-gap-md);--__ac-hgrid-gap-xl:var(--__ac-hgrid-gap-lg);--__ac-hgrid-gap-2xl:var(--__ac-hgrid-gap-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm);--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm)}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md);--__ac-hgrid-gap:var(--__ac-hgrid-gap-md)}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-lg);--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg)}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xl)}}@media (min-width:1440px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-2xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-2xl)}}.navds-stack{--__ac-stack-wrap:initial;--__ac-stack-gap-xs:initial;--__ac-stack-gap-sm:var(--__ac-stack-gap-xs);--__ac-stack-gap-md:var(--__ac-stack-gap-sm);--__ac-stack-gap-lg:var(--__ac-stack-gap-md);--__ac-stack-gap-xl:var(--__ac-stack-gap-lg);--__ac-stack-gap-2xl:var(--__ac-stack-gap-xl);--__ac-stack-gap:var(--__ac-stack-gap-xs);--__ac-stack-justify-xs:initial;--__ac-stack-justify-sm:var(--__ac-stack-justify-xs);--__ac-stack-justify-md:var(--__ac-stack-justify-sm);--__ac-stack-justify-lg:var(--__ac-stack-justify-md);--__ac-stack-justify-xl:var(--__ac-stack-justify-lg);--__ac-stack-justify-2xl:var(--__ac-stack-justify-xl);--__ac-stack-justify:var(--__ac-stack-justify-xs);--__ac-stack-align-xs:initial;--__ac-stack-align-sm:var(--__ac-stack-align-xs);--__ac-stack-align-md:var(--__ac-stack-align-sm);--__ac-stack-align-lg:var(--__ac-stack-align-md);--__ac-stack-align-xl:var(--__ac-stack-align-lg);--__ac-stack-align-2xl:var(--__ac-stack-align-xl);--__ac-stack-align:var(--__ac-stack-align-xs);--__ac-stack-direction-xs:initial;--__ac-stack-direction-sm:var(--__ac-stack-direction-xs);--__ac-stack-direction-md:var(--__ac-stack-direction-sm);--__ac-stack-direction-lg:var(--__ac-stack-direction-md);--__ac-stack-direction-xl:var(--__ac-stack-direction-lg);--__ac-stack-direction-2xl:var(--__ac-stack-direction-xl);--__ac-stack-direction:var(--__ac-stack-direction-xs);align-items:var(--__ac-stack-align);display:flex;flex-flow:var(--__ac-stack-direction) var(--__ac-stack-wrap);gap:var(--__ac-stack-gap);justify-content:var(--__ac-stack-justify)}.navds-stack__spacer{align-self:stretch;flex:1;justify-self:stretch}.navds-stack>.navds-stack__spacer{margin-block-start:calc(var(--__ac-stack-gap)*-1);margin-inline-start:calc(var(--__ac-stack-gap)*-1)}@media (min-width:480px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-sm);--__ac-stack-align:var(--__ac-stack-align-sm);--__ac-stack-justify:var(--__ac-stack-justify-sm);--__ac-stack-direction:var(--__ac-stack-direction-sm)}}@media (min-width:768px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-md);--__ac-stack-align:var(--__ac-stack-align-md);--__ac-stack-justify:var(--__ac-stack-justify-md);--__ac-stack-direction:var(--__ac-stack-direction-md)}}@media (min-width:1024px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-lg);--__ac-stack-align:var(--__ac-stack-align-lg);--__ac-stack-justify:var(--__ac-stack-justify-lg);--__ac-stack-direction:var(--__ac-stack-direction-lg)}}@media (min-width:1280px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-xl);--__ac-stack-align:var(--__ac-stack-align-xl);--__ac-stack-justify:var(--__ac-stack-justify-xl);--__ac-stack-direction:var(--__ac-stack-direction-xl)}}@media (min-width:1440px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-2xl);--__ac-stack-align:var(--__ac-stack-align-2xl);--__ac-stack-justify:var(--__ac-stack-justify-2xl);--__ac-stack-direction:var(--__ac-stack-direction-2xl)}}@media (min-width:480px){.navds-responsive__below--sm{display:none!important}}@media (max-width:479px){.navds-responsive__above--sm{display:none!important}}@media (min-width:768px){.navds-responsive__below--md{display:none!important}}@media (max-width:767px){.navds-responsive__above--md{display:none!important}}@media (min-width:1024px){.navds-responsive__below--lg{display:none!important}}@media (max-width:1023px){.navds-responsive__above--lg{display:none!important}}@media (min-width:1280px){.navds-responsive__below--xl{display:none!important}}@media (max-width:1279px){.navds-responsive__above--xl{display:none!important}}@media (min-width:1440px){.navds-responsive__below--2xl{display:none!important}}@media (max-width:1439px){.navds-responsive__above--2xl{display:none!important}}
|
package/dist/components.css
CHANGED
|
@@ -3799,20 +3799,43 @@
|
|
|
3799
3799
|
}
|
|
3800
3800
|
|
|
3801
3801
|
.navds-combobox__wrapper {
|
|
3802
|
+
--__ac-combobox-icon-size: 1.5rem;
|
|
3803
|
+
--__ac-combobox-wrapper-inner-padding: var(--a-spacing-2);
|
|
3804
|
+
--__ac-combobox-list-item-padding-block: var(--a-spacing-3);
|
|
3805
|
+
--__ac-combobox-list-item-padding-inline: var(--a-spacing-3);
|
|
3806
|
+
--__ac-combobox-border-width: 1px;
|
|
3807
|
+
--__ac-combobox-input-height: 2rem;
|
|
3808
|
+
|
|
3802
3809
|
display: flex;
|
|
3803
3810
|
flex-direction: column;
|
|
3804
3811
|
width: 100%;
|
|
3805
3812
|
position: relative;
|
|
3806
3813
|
}
|
|
3807
3814
|
|
|
3808
|
-
.navds-
|
|
3815
|
+
.navds-form-field--small .navds-combobox__wrapper {
|
|
3816
|
+
--__ac-combobox-icon-size: 1.25rem;
|
|
3817
|
+
--__ac-combobox-wrapper-inner-padding: var(--a-spacing-1);
|
|
3818
|
+
--__ac-combobox-list-item-padding-block: var(--a-spacing-1-alt);
|
|
3819
|
+
--__ac-combobox-list-item-padding-inline: var(--a-spacing-2);
|
|
3820
|
+
--__ac-combobox-input-height: 1.5rem;
|
|
3821
|
+
}
|
|
3822
|
+
|
|
3823
|
+
.navds-combobox__button-clear svg,
|
|
3824
|
+
.navds-combobox__button-toggle-list svg,
|
|
3825
|
+
.navds-combobox__list svg {
|
|
3826
|
+
width: var(--__ac-combobox-icon-size);
|
|
3827
|
+
height: var(--__ac-combobox-icon-size);
|
|
3828
|
+
}
|
|
3829
|
+
|
|
3830
|
+
.navds-combobox__wrapper-inner.navds-text-field__input {
|
|
3809
3831
|
position: relative;
|
|
3810
3832
|
display: flex;
|
|
3811
3833
|
flex-direction: row;
|
|
3812
3834
|
align-items: center;
|
|
3813
3835
|
justify-content: space-between;
|
|
3814
3836
|
width: 100%;
|
|
3815
|
-
padding: calc(var(--
|
|
3837
|
+
padding-block: calc(var(--__ac-combobox-wrapper-inner-padding) - var(--__ac-combobox-border-width));
|
|
3838
|
+
padding-inline: var(--__ac-combobox-wrapper-inner-padding);
|
|
3816
3839
|
}
|
|
3817
3840
|
|
|
3818
3841
|
.navds-combobox__wrapper-inner > :first-child {
|
|
@@ -3824,10 +3847,6 @@
|
|
|
3824
3847
|
flex-flow: row nowrap;
|
|
3825
3848
|
}
|
|
3826
3849
|
|
|
3827
|
-
.navds-form-field--small .navds-combobox__wrapper-inner {
|
|
3828
|
-
padding: var(--a-spacing-1) calc(var(--a-spacing-3) / 2);
|
|
3829
|
-
}
|
|
3830
|
-
|
|
3831
3850
|
.navds-combobox__wrapper-inner:hover {
|
|
3832
3851
|
cursor: text;
|
|
3833
3852
|
}
|
|
@@ -3847,7 +3866,7 @@
|
|
|
3847
3866
|
}
|
|
3848
3867
|
|
|
3849
3868
|
.navds-combobox__selected-options {
|
|
3850
|
-
gap: var(--
|
|
3869
|
+
gap: var(--__ac-combobox-wrapper-inner-padding);
|
|
3851
3870
|
align-items: center;
|
|
3852
3871
|
}
|
|
3853
3872
|
|
|
@@ -3882,7 +3901,7 @@
|
|
|
3882
3901
|
margin: 0;
|
|
3883
3902
|
min-width: 10ch;
|
|
3884
3903
|
width: 100%;
|
|
3885
|
-
height:
|
|
3904
|
+
height: var(--__ac-combobox-input-height);
|
|
3886
3905
|
}
|
|
3887
3906
|
|
|
3888
3907
|
.navds-combobox__input:focus-visible {
|
|
@@ -3947,11 +3966,6 @@
|
|
|
3947
3966
|
padding: 0;
|
|
3948
3967
|
}
|
|
3949
3968
|
|
|
3950
|
-
.navds-combobox__button-clear svg {
|
|
3951
|
-
width: 1.5rem;
|
|
3952
|
-
height: 1.5rem;
|
|
3953
|
-
}
|
|
3954
|
-
|
|
3955
3969
|
.navds-combobox__input::-webkit-search-cancel-button {
|
|
3956
3970
|
display: none;
|
|
3957
3971
|
}
|
|
@@ -3997,18 +4011,6 @@
|
|
|
3997
4011
|
}
|
|
3998
4012
|
}
|
|
3999
4013
|
|
|
4000
|
-
.navds-combobox__button-toggle-list svg {
|
|
4001
|
-
width: 1.5rem;
|
|
4002
|
-
height: 1.5rem;
|
|
4003
|
-
pointer-events: none;
|
|
4004
|
-
}
|
|
4005
|
-
|
|
4006
|
-
.navds-form-field--small .navds-combobox__button-toggle-list svg,
|
|
4007
|
-
.navds-form-field--small .navds-combobox__button-clear svg {
|
|
4008
|
-
width: 1.25rem;
|
|
4009
|
-
height: 1.25rem;
|
|
4010
|
-
}
|
|
4011
|
-
|
|
4012
4014
|
/* dropdown & non selectable dropdown items */
|
|
4013
4015
|
|
|
4014
4016
|
.navds-combobox__list {
|
|
@@ -4026,18 +4028,12 @@
|
|
|
4026
4028
|
border-radius: var(--a-border-radius-medium);
|
|
4027
4029
|
background-color: var(--ac-combobox-list-bg, var(--a-surface-default));
|
|
4028
4030
|
color: var(--ac-combobox-list-text, var(--a-text-default));
|
|
4029
|
-
gap: var(--a-spacing-1) 0;
|
|
4030
4031
|
}
|
|
4031
4032
|
|
|
4032
4033
|
.navds-combobox__list--closed {
|
|
4033
4034
|
display: none;
|
|
4034
4035
|
}
|
|
4035
4036
|
|
|
4036
|
-
.navds-combobox__list svg {
|
|
4037
|
-
height: 1.5rem;
|
|
4038
|
-
width: 1.5rem;
|
|
4039
|
-
}
|
|
4040
|
-
|
|
4041
4037
|
.navds-combobox__list_non-selectables {
|
|
4042
4038
|
position: sticky;
|
|
4043
4039
|
top: 0;
|
|
@@ -4051,23 +4047,17 @@
|
|
|
4051
4047
|
.navds-combobox__list-item--no-options,
|
|
4052
4048
|
.navds-combobox__list-item--new-option,
|
|
4053
4049
|
.navds-combobox__list-item--max-selected {
|
|
4050
|
+
align-items: center;
|
|
4054
4051
|
display: flex;
|
|
4055
4052
|
flex-direction: row;
|
|
4056
4053
|
justify-content: space-between;
|
|
4057
|
-
padding: var(--
|
|
4054
|
+
padding-block: var(--__ac-combobox-list-item-padding-block);
|
|
4055
|
+
padding-inline: var(--__ac-combobox-list-item-padding-inline);
|
|
4058
4056
|
width: 100%;
|
|
4059
4057
|
background-color: var(--ac-combobox-list-item-bg, var(--a-surface-default));
|
|
4060
4058
|
scroll-margin-top: 50px;
|
|
4061
4059
|
}
|
|
4062
4060
|
|
|
4063
|
-
.navds-form-field--small .navds-combobox__list-item,
|
|
4064
|
-
.navds-form-field--small .navds-combobox__list-item--loading,
|
|
4065
|
-
.navds-form-field--small .navds-combobox__list-item--no-options,
|
|
4066
|
-
.navds-form-field--small .navds-combobox__list-item--new-option,
|
|
4067
|
-
.navds-form-field--small .navds-combobox__list-item--max-selected {
|
|
4068
|
-
padding: calc(var(--a-spacing-3) / 2) var(--a-spacing-2);
|
|
4069
|
-
}
|
|
4070
|
-
|
|
4071
4061
|
.navds-combobox__list-item--loading {
|
|
4072
4062
|
justify-content: center;
|
|
4073
4063
|
background-color: var(--ac-combobox-list-item-loading-bg, var(--a-surface-default));
|
|
@@ -4078,7 +4068,6 @@
|
|
|
4078
4068
|
border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
4079
4069
|
border-start-end-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
4080
4070
|
border: 1px solid var(--ac-combobox-list-item-max-selected-border, var(--a-border-info));
|
|
4081
|
-
margin-bottom: calc(var(--a-spacing-1) * -1);
|
|
4082
4071
|
}
|
|
4083
4072
|
|
|
4084
4073
|
.navds-combobox__list_non-selectables:hover {
|
|
@@ -4105,12 +4094,7 @@
|
|
|
4105
4094
|
background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
|
|
4106
4095
|
cursor: pointer;
|
|
4107
4096
|
border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
|
|
4108
|
-
padding-
|
|
4109
|
-
}
|
|
4110
|
-
|
|
4111
|
-
.navds-form-field--small .navds-combobox__list-item--focus,
|
|
4112
|
-
.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
|
|
4113
|
-
padding-left: calc(var(--a-spacing-2) - 4px);
|
|
4097
|
+
padding-inline-start: calc(var(--__ac-combobox-list-item-padding-inline) - 4px);
|
|
4114
4098
|
}
|
|
4115
4099
|
|
|
4116
4100
|
.navds-combobox__list-item[data-no-focus="true"] {
|
|
@@ -4130,7 +4114,6 @@
|
|
|
4130
4114
|
.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
|
|
4131
4115
|
background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
|
|
4132
4116
|
border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
|
|
4133
|
-
padding-left: calc(var(--a-spacing-3) - 4px);
|
|
4134
4117
|
}
|
|
4135
4118
|
|
|
4136
4119
|
.navds-combobox__list-item--new-option {
|
|
@@ -4846,6 +4829,10 @@ button.navds-internalheader__title:active,
|
|
|
4846
4829
|
padding: var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6);
|
|
4847
4830
|
}
|
|
4848
4831
|
|
|
4832
|
+
.navds-modal--small .navds-modal__header {
|
|
4833
|
+
padding: var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);
|
|
4834
|
+
}
|
|
4835
|
+
|
|
4849
4836
|
.navds-modal__header-icon svg {
|
|
4850
4837
|
display: inline;
|
|
4851
4838
|
vertical-align: -0.25rem;
|
|
@@ -4864,6 +4851,10 @@ button.navds-internalheader__title:active,
|
|
|
4864
4851
|
position: relative; /* Needed to make sr-only elements position correctly - see Storybook */
|
|
4865
4852
|
}
|
|
4866
4853
|
|
|
4854
|
+
.navds-modal--small .navds-modal__body {
|
|
4855
|
+
padding: var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4);
|
|
4856
|
+
}
|
|
4857
|
+
|
|
4867
4858
|
.navds-modal__header + .navds-modal__body {
|
|
4868
4859
|
padding-top: var(--a-spacing-0);
|
|
4869
4860
|
}
|
|
@@ -4875,6 +4866,10 @@ button.navds-internalheader__title:active,
|
|
|
4875
4866
|
padding: var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6);
|
|
4876
4867
|
}
|
|
4877
4868
|
|
|
4869
|
+
.navds-modal--small .navds-modal__footer {
|
|
4870
|
+
padding: var(--a-spacing-4);
|
|
4871
|
+
}
|
|
4872
|
+
|
|
4878
4873
|
.navds-modal__footer :nth-of-type(2) {
|
|
4879
4874
|
margin-left: auto;
|
|
4880
4875
|
}
|
|
@@ -7741,7 +7736,7 @@ button.navds-stepper__step {
|
|
|
7741
7736
|
}
|
|
7742
7737
|
|
|
7743
7738
|
.navds-page__content--padding {
|
|
7744
|
-
padding-block-end: var(--a-spacing-
|
|
7739
|
+
padding-block-end: var(--a-spacing-16);
|
|
7745
7740
|
}
|
|
7746
7741
|
|
|
7747
7742
|
.navds-pageblock--text {
|