@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.
@@ -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}}
@@ -221,7 +221,7 @@
221
221
  }
222
222
 
223
223
  .navds-page__content--padding {
224
- padding-block-end: var(--a-spacing-8);
224
+ padding-block-end: var(--a-spacing-16);
225
225
  }
226
226
 
227
227
  .navds-pageblock--text {
@@ -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}}
@@ -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-combobox__wrapper-inner {
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(--a-spacing-2) - 2px) var(--a-spacing-2);
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(--a-spacing-2);
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: 2rem;
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(--a-spacing-3);
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-left: calc(var(--a-spacing-3) - 4px);
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-8);
7739
+ padding-block-end: var(--a-spacing-16);
7745
7740
  }
7746
7741
 
7747
7742
  .navds-pageblock--text {