npm - @dnb/eufemia - Versions diffs - 10.64.0 → 10.65.0 - Mend

@dnb/eufemia 10.64.0 → 10.65.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.

Files changed (408) hide show

package/cjs/style/themes/theme-ui/ui-theme-components.min.css CHANGED Viewed

@@ -54,7 +54,7 @@
     --color-mint-green-50
   );--checkbox-color-gfx-indeterminate--active:var(--color-mint-green-50);--checkbox-color-gfx-indeterminate--error:var(--color-fire-red);--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-dialog{--dialog-background:var(--color-white);--dialog-icon-positioning:-50%;--dialog-icon-color--info:var(--color-emerald-green);--dialog-icon-color--warning:var(--color-fire-red);--dialog-icon-background--info:var(--color-pistachio);--dialog-icon-background--warning:var(--color-fire-red-8)}.dnb-drawer{background:var(--color-white)}.dnb-dropdown{--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 1rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:var(--dropdown-background-color-disabled);color:var(--dropdown-foreground-color-primary)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-label,.dnb-form-status__shell{color:var(--color-black-80)}.dnb-form-status__shell{font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{animation:attention-focus 2s ease-in-out .2s 1}@keyframes attention-focus{0%,to{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red);color:var(--color-fire-red)}35%{background-color:var(--color-fire-red);border-color:var(--color-fire-red);color:var(--color-white)}}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{--hr-color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--color-sea-green)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--color-accent-yellow)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--color-ocean-green)}.dnb-help-button__content{--help-button-content-background:var(--color-lavender)}.dnb-icon{--icon-border-positioning:var(--icon-border-positioning--default,-25%)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:var(--icon-border-positioning);content:"";left:var(--icon-border-positioning);margin:auto;position:absolute;right:var(--icon-border-positioning);top:var(--icon-border-positioning)}.dnb-input__border--tokens{--input-border-color:var(--color-sea-green);--input-border-color--hover:var(--color-emerald-green);--input-border-color--active:var(--color-emerald-green);--input-border-color--focus:var(--color-emerald-green);--input-border-color--disabled:var(--color-black-55);--input-border-color__error:var(--color-fire-red);--input-border-color__error--focus:var(--color-fire-red);--input-border-width:0.0625rem;--input-border-width--hover:0.125rem;--input-border-width--active:0.125rem;--input-border-width--focus:0.125rem;--input-border-width--disabled:0.0625rem;--input-border-width__error:0.0625rem;--input-border-width__error--hover:0.125rem;--input-border-width__error--active:0.125rem;--input-border-inset:inset;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled:inset;--input-border-radius:0.25rem;--input-border-radius--active:0.25rem;--input-border-radius--focus:0.25rem}.dnb-input{color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{background-color:var(--input-background-color);border:none;color:inherit}.dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within){color:var(--color-fire-red)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--color-black-3)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus-visible,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus-visible:after,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus-visible:active,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:active{color:var(--color-white)}.dnb-input__icon{color:var(--color-sea-green)}.dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:var(--color-black-55)}.dnb-logo{color:var(--color-sea-green)}.dnb-logo--inherit-color{color:currentcolor}.dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}.dnb-core-style .dnb-pagination__button.dnb-button--primary,.dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]),.dnb-pagination__button.dnb-button--primary,.dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-pagination__dots{color:var(--color-black-55)}.dnb-progress-indicator{--progress-indicator-circular-background-color:var(--color-mint-green);--progress-indicator-circular-bar-color:var(--color-emerald-green);--progress-indicator-linear-background-color:var(--color-black-8);--progress-indicator-linear-bar-color:var(--color-sea-green)}.dnb-radio{--radio-color-dot-on:var(--color-sea-green);--radio-color-background-on:var(--color-white);--radio-color-border-on:var(--color-sea-green);--radio-color-background-off:var(--color-white);--radio-color-border-off:var(--color-sea-green);--radio-color-dot-on--disabled:var(--color-sea-green-30);--radio-color-background--disabled:var(--color-white);--radio-color-border-on--disabled:var(--color-sea-green-30);--radio-color-border-off--disabled:var(--color-mint-green-50);--radio-color-dot-on--active:var(--color-mint-green-50);--radio-color-border-on--active:var(--color-mint-green-50);--radio-color-background-off--active:var(--color-mint-green-50);--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:var(--color-mint-green-50);--radio-color-background-on--hover:var(--color-white);--radio-color-background-off--hover:var(--color-mint-green-50);--radio-color-dot-on--focus:var(--color-sea-green);--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:var(--color-mint-green-50);--radio-color-dot-on--error:var(--color-fire-red);--radio-color-border-on--error:var(--color-fire-red);--radio-color-border--error-hover:var(--radio-color-border-on--error);--radio-color-background-off--error-hover:var(--color-fire-red-8);--radio-color-background-on--error-hover:var(--color-white);--radio-color-dot-on--error-hover:var(--color-fire-red-8)}.dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
     --background-color--value,var(--color-mint-green-12)
-  )}.dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}.dnb-slider{--slider-line-before:var(--color-sea-green);--slider-line-after:var(--color-mint-green-50);--slider-line-before--disabled:var(--color-sea-green-30);--slider-line-after--disabled:var(--color-mint-green-25)}.dnb-slider__marker:focus-within,.dnb-slider__marker:hover{background-color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);font-weight:var(--font-weight-medium)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--color-sand-yellow)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--color-fire-red-8)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}.dnb-table{--table-th-background-color:var(--color-white);text-align:left}.dnb-table thead th,.dnb-table__th{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table__size--medium .dnb-table thead th,.dnb-table__size--medium .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table thead th .dnb-button__text,.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table thead th,.dnb-table__size--small .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}.dnb-table tbody .dnb-table__th,.dnb-table tbody td,.dnb-table tbody th,.dnb-table__td{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:1rem;vertical-align:baseline}.dnb-table tbody .dnb-table__th,.dnb-table tbody th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table tbody td,.dnb-table__size--medium .dnb-table tbody th,.dnb-table__size--medium tbody .dnb-table__td,.dnb-table__size--medium tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.875rem 1rem}.dnb-table__size--small .dnb-table tbody td,.dnb-table__size--small .dnb-table tbody th,.dnb-table__size--small tbody .dnb-table__td,.dnb-table__size--small tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.625rem 1rem}.dnb-table:not(.dnb-table--outline)>tbody{position:relative}.dnb-table:not(.dnb-table--outline)>tbody:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table:not(.dnb-table--outline)>tbody:last-child:after{right:0}.dnb-table__container{background-color:var(--color-white)}.dnb-table,.dnb-table__container{--table-border-color:var(--color-black-8);--table-outline-color:var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--table-border-color:blue;--table-outline-color:red;--table-accordion-border-color:green}.dnb-tabs{--tablist-border-color--default:var(--color-black-8);--tab-title-font-color:var(--color-sea-green);--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-background--hover:var(--color-mint-green-50);--tab-title-color--hover:var(--color-sea-green);--tab-title-border--hover:var(--color-sea-green);--tab-title-color--disabled:var(--color-sea-green-30);--tab-title-border--active-selected:var(--color-sea-green);--tab-title-color--active-selected:var(--color-emerald-green)}.dnb-tabs__button__title{color:var(--color-sea-green);display:block;font-size:var(--font-size-basis);font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--color-emerald-green)}.dnb-tabs__button span[hidden],.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--font-weight-medium)}.dnb-textarea{--textarea-border-color:var(--color-sea-green);--textarea-border-color--hover:var(--color-emerald-green);--textarea-border-color--disabled:var(--color-black-55);--textarea-border-width:0.0625rem;--textarea-border-width--hover:0.125rem;--textarea-color:var(--color-black);--textarea-background-color:var(--color-white);--textarea-placeholder-color:var(--color-black-55);--textarea-placeholder-color--focus:var(--color-black-20)}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);text-shadow:none}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover~.dnb-textarea__state{--textarea-border-color:var(--textarea-border-color--hover);--textarea-border-width:var(--textarea-border-width--hover);--textarea-border-inset: }.dnb-textarea--disabled{--textarea-color:var(--color-black-55);--textarea-background-color:var(--color-black-3);--textarea-border-color:var(--textarea-border-color--disabled)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(
+  )}.dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}.dnb-skeleton{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-slider{--slider-line-before:var(--color-sea-green);--slider-line-after:var(--color-mint-green-50);--slider-line-before--disabled:var(--color-sea-green-30);--slider-line-after--disabled:var(--color-mint-green-25)}.dnb-slider__marker:focus-within,.dnb-slider__marker:hover{background-color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);font-weight:var(--font-weight-medium)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--color-sand-yellow)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--color-fire-red-8)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}.dnb-table{--table-th-background-color:var(--color-white);text-align:left}.dnb-table thead th,.dnb-table__th{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table__size--medium .dnb-table thead th,.dnb-table__size--medium .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table thead th .dnb-button__text,.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table thead th,.dnb-table__size--small .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}.dnb-table tbody .dnb-table__th,.dnb-table tbody td,.dnb-table tbody th,.dnb-table__td{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:1rem;vertical-align:baseline}.dnb-table tbody .dnb-table__th,.dnb-table tbody th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table tbody td,.dnb-table__size--medium .dnb-table tbody th,.dnb-table__size--medium tbody .dnb-table__td,.dnb-table__size--medium tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.875rem 1rem}.dnb-table__size--small .dnb-table tbody td,.dnb-table__size--small .dnb-table tbody th,.dnb-table__size--small tbody .dnb-table__td,.dnb-table__size--small tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.625rem 1rem}.dnb-table:not(.dnb-table--outline)>tbody{position:relative}.dnb-table:not(.dnb-table--outline)>tbody:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table:not(.dnb-table--outline)>tbody:last-child:after{right:0}.dnb-table__container{background-color:var(--color-white)}.dnb-table,.dnb-table__container{--table-border-color:var(--color-black-8);--table-outline-color:var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--table-border-color:blue;--table-outline-color:red;--table-accordion-border-color:green}.dnb-tabs{--tablist-border-color--default:var(--color-black-8);--tab-title-font-color:var(--color-sea-green);--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-background--hover:var(--color-mint-green-50);--tab-title-color--hover:var(--color-sea-green);--tab-title-border--hover:var(--color-sea-green);--tab-title-color--disabled:var(--color-sea-green-30);--tab-title-border--active-selected:var(--color-sea-green);--tab-title-color--active-selected:var(--color-emerald-green)}.dnb-tabs__button__title{color:var(--color-sea-green);display:block;font-size:var(--font-size-basis);font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--color-emerald-green)}.dnb-tabs__button span[hidden],.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--font-weight-medium)}.dnb-textarea{--textarea-border-color:var(--color-sea-green);--textarea-border-color--hover:var(--color-emerald-green);--textarea-border-color--disabled:var(--color-black-55);--textarea-border-width:0.0625rem;--textarea-border-width--hover:0.125rem;--textarea-color:var(--color-black);--textarea-background-color:var(--color-white);--textarea-placeholder-color:var(--color-black-55);--textarea-placeholder-color--focus:var(--color-black-20)}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);text-shadow:none}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover~.dnb-textarea__state{--textarea-border-color:var(--textarea-border-color--hover);--textarea-border-width:var(--textarea-border-width--hover);--textarea-border-inset: }.dnb-textarea--disabled{--textarea-color:var(--color-black-55);--textarea-background-color:var(--color-black-3);--textarea-border-color:var(--textarea-border-color--disabled)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(
             --timeline-icon-width--small
           ))/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}.dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled],.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled],.dnb-toggle-button--checked .dnb-toggle-button__button[disabled]{background-color:var(--color-mint-green-25)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:var(--color-emerald-green);color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:var(--color-mint-green);border-color:var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{box-shadow:none}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green);outline:none}html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button,.dnb-toggle-button__button:not([disabled]):active .dnb-radio__button{background-color:transparent;border-color:var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot,.dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot{background-color:var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button,.dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button{background-color:transparent;border-color:var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx,.dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx{color:var(--color-sea-green)}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active){--border-color:var(--color-fire-red);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__button{--border-color:var(--color-fire-red);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__focus{box-shadow:none}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__dot{background-color:transparent}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input~.dnb-checkbox__button{--border-color:var(--color-fire-red);--border-width:0.09375rem;border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not(:hover)~.dnb-checkbox__button .dnb-checkbox__focus{box-shadow:none}.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active){--border-color:var(--color-fire-red);--border-width:0.0625rem;background-color:var(--color-fire-red);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled])~.dnb-radio__button{--border-color:var(--color-white);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not([disabled]):not(:hover):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]):not(:hover)~.dnb-radio__dot{background-color:var(--color-white)}.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-checkbox__gfx{color:var(--color-fire-red)}.dnb-toggle-button>.dnb-form-status{transform:translateY(.1875rem)}.dnb-tooltip{--tooltip-color:var(--color-white);--tooltip-background-color:var(--color-black-80);--tooltip-border-color:1px solid rgba(0,0,0,.1)}.dnb-upload{--upload-background:var(--color-white);--upload-background--active:var(--color-pistachio);--upload-border:var(--color-sea-green);--upload-border--active:var(--color-emerald-green);--upload-list-border:var(--color-black-8);--upload-icon--default:var(--color-black-80);--upload-icon--warning:var(--color-fire-red);--upload-highlight:var(--color-sand-yellow);--upload-text--primary:var(--color-black-55);--upload-text--secondary:var(--color-black-55)}.dnb-drawer-list{--drawer-list-options-border-radius:0.25rem;--drawer-list-option-border-width:0.0625rem;--drawer-list-option-inner-background:var(--color-white);--drawer-list-list-background:var(--color-white);color:var(--color-emerald-green)}.dnb-drawer-list__list{border-radius:calc(var(--drawer-list-options-border-radius) + .15rem);box-shadow:var(--shadow-default)}.dnb-drawer-list__options{background-color:var(--color-white);border:none;border-radius:calc(var(--drawer-list-options-border-radius) + .15rem)}.dnb-drawer-list__options:focus{outline:none}html[data-whatinput=keyboard] .dnb-drawer-list__options:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-drawer-list__options--focusring{outline:none}html[data-whatinput=mouse] .dnb-drawer-list__options--focusring{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-drawer-list__option{background-color:var(--color-white);color:var(--color-black-80);position:relative}.dnb-drawer-list__option.ignore-events{pointer-events:none}.dnb-drawer-list__option__inner:before{background-color:var(--color-mint-green-25);bottom:0;content:"";height:var(--drawer-list-option-border-width);left:0;pointer-events:none;position:absolute;right:0;top:auto;z-index:2}.dnb-drawer-list__option__item.item-nr-1{font-weight:var(--font-weight-medium)}html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled]){background-color:var(--color-mint-green-12)}html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled]) .dnb-drawer-list__option__inner{background-color:var(--color-mint-green-12);color:var(--color-sea-green)}.dnb-drawer-list__option:active[disabled],html:not([data-whatintent=touch]) .dnb-drawer-list__option:active[disabled]{cursor:not-allowed}.dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner,html:not([data-whatintent=touch]) .dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner{color:var(--color-black)}.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner:before{--border-color:var(--color-emerald-green);--border-width:var(--drawer-list-focus-border-width);background-color:transparent;border-color:transparent;bottom:var(--drawer-list-focus-border-width);box-shadow:0 0 0 var(--border-width) var(--border-color);height:auto;left:var(--drawer-list-focus-border-width);right:var(--drawer-list-focus-border-width);top:var(--drawer-list-focus-border-width);z-index:3}.dnb-drawer-list__option--ignore .dnb-drawer-list__option__inner{background-color:var(--color-white);color:var(--color-black-80)}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner{background-color:var(--color-emerald-green);color:var(--color-white)}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner{background-color:inherit;color:inherit}html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) .dnb-drawer-list__option__inner{background-color:inherit;color:inherit}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:after{align-self:center;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0U5RjhGNCIgZD0iTTMgOC44YS43NS43NSAwIDEgMC0xLjIyLjg2TDMgOC43OXptMS44NCAzLjkuNjMtLjQxdi0uMDFoLS4wMXptMS43MS4wNS0uNTktLjQ2di4wMXptOC40My05LjQ1YS43NS43NSAwIDAgMC0xLjE4LS45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uNyA3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyeiIvPjwvc3ZnPg==");background-size:cover;content:"";grid-column:2;grid-row:1/-1;height:1rem;justify-self:end;width:1rem}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:before{visibility:hidden}@media screen and (min-width:40.00625em){.dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix{background-color:inherit;z-index:2}.dnb-drawer-list__option:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__suffix.dnb-drawer-list__option__item:nth-of-type(n+2){color:var(--color-black-80)}}html[data-whatinput=keyboard] .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner:before{--border-color:var(--color-mint-green);--border-width:var(--drawer-list-focus-border-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);visibility:visible}.dnb-drawer-list__option--focus:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__inner{background-color:var(--color-mint-green-12);color:var(--color-sea-green)}.dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner,.dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner:before{border-radius:var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0}.dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner,.dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner:before,.dnb-drawer-list__option.last-of-type{border-radius:0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius)}.dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner:before{content:none}.dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus{outline:none}html[data-whatinput=keyboard] .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-drawer-list--scroll .dnb-drawer-list__option:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner:before{left:.5rem;right:.5rem}.dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner:before{border-radius:var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0}.dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner:before,.dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner:before{border-radius:0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius)}.dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner:before{border-radius:var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0}.dnb-drawer-list__status--error:not(.dnb-drawer-list--opened) .dnb-drawer-list__icon{color:var(--color-fire-red)}.dnb-drawer-list__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--focus~.dnb-drawer-list__triangle:before,.dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top:hover~.dnb-drawer-list__triangle:before,.dnb-drawer-list--bottom .dnb-drawer-list__option.first-of-type:hover~.dnb-drawer-list__triangle:before,.dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--focus~.dnb-drawer-list__triangle:before,.dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom:hover~.dnb-drawer-list__triangle:before,.dnb-drawer-list--top .dnb-drawer-list__option.last-of-type:hover~.dnb-drawer-list__triangle:before{background-color:var(--color-mint-green-12)}.dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--selected~.dnb-drawer-list__triangle:before,.dnb-drawer-list--bottom .dnb-drawer-list__option.first-of-type.dnb-drawer-list__option--selected~.dnb-drawer-list__triangle:before,.dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--selected~.dnb-drawer-list__triangle:before,.dnb-drawer-list--top .dnb-drawer-list__option.last-of-type.dnb-drawer-list__option--selected~.dnb-drawer-list__triangle:before{background-color:var(--color-emerald-green)}.dnb-drawer-list>.dnb-form-status{transform:translateY(-.4375rem)}.dnb-text-counter.dnb-p{color:var(--color-black-55)}.dnb-text-counter--exceeded.dnb-p{color:var(--color-fire-red)}.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
     --color-mint-green-12

package/components/date-picker/DatePicker.js CHANGED Viewed

@@ -105,9 +105,9 @@ function DatePicker(externalProps) {
       args.event.persist();
     }
     setOpened(false);
-    onHide === null || onHide === void 0 ? void 0 : onHide(_objectSpread({}, getReturnObject.current(args)));
     hideTimeout.current = setTimeout(() => {
       setHidden(true);
+      onHide === null || onHide === void 0 ? void 0 : onHide(_objectSpread({}, getReturnObject.current(args)));
       if (args !== null && args !== void 0 && args['focusOnHide']) {
         try {
           submitButtonRef.current.focus({
@@ -166,11 +166,7 @@ function DatePicker(externalProps) {
     if (openedProp) {
       showPicker();
     }
-    return () => {
-      clearTimeout(hideTimeout.current);
-      removeOutsideClickHandler();
-    };
-  }, [openedProp, removeOutsideClickHandler, showPicker]);
+  }, [openedProp, showPicker]);
   const onPickerChange = useCallback(_ref2 => {
     let {
         hidePicker: shouldHidePicker = true

package/components/date-picker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","names":["React","useCallback","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","classnames","warn","makeUniqueId","extendPropsWithContext","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","format","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","pickFormElementProps","useTranslation","convertSnakeCaseProps","DatePickerPortal","defaultProps","maskOrder","maskPlaceholder","dateFormat","returnFormat","hideNavigation","hideNavigationButtons","hideDays","onlyMonth","hideLastWeek","disableAutofocus","enableKeyboardNav","showInput","submitButtonText","cancelButtonText","resetButtonText","resetDate","firstDay","range","link","sync","statusState","opened","noAnimation","direction","skipPortal","DatePicker","externalProps","props","_objectSpread","preventClose","onHide","onShow","onSubmit","onCancel","onReset","alignPicker","showSubmitButton","showCancelButton","openedProp","endDate","endDateProp","setOpened","hidden","setHidden","dates","setDates","context","blurDelay","id","innerRef","triangleRef","submitButtonRef","getReturnObject","hideTimeout","outsideClick","calendarContainerRef","translation","removeOutsideClickHandler","current","remove","hidePicker","args","event","persist","setTimeout","focus","preventScroll","e","setOutsideClickHandler","_ref","focusOnHide","setTrianglePosition","triangleWidth","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","showPicker","clearTimeout","onPickerChange","_ref2","shouldHidePicker","_objectWithoutProperties","_excluded","startDate","onSubmitHandler","onCancelHandler","onResetHandler","togglePicker","formatSelectedDateTitle","selectedDate","start","end","currentDate","replace","extendedProps","skeleton","getTranslation","FormRow","formElement","label","title","labelDirection","labelSrOnly","inputElement","addonElement","shortcuts","disabled","stretch","size","status","statusProps","statusNoAnimation","globalStatus","suffix","showResetButton","className","tooltip","restProps","_excluded2","attributes","filterOutNonAttributes","shouldHideDays","shouldHideNavigation","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","mainParams","lang","locale","containerClassNames","remainingDOMProps","remainingSubmitProps","remainingPickerProps","createElement","_extends","setReturnObject","fn","forId","text","srOnly","_AlignmentHelper","show","String","text_id","width_selector","state","no_animation","isRange","submitAttributes","alignment","targetElementRef","firstDayOfWeek","isLink","isSync","hideNav","views","nextBtn","prevBtn","hideNextMonthWeek","noAutoFocus","onChange","renderElement","NonAttributes","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, {\n HTMLProps,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n warn,\n makeUniqueId,\n extendPropsWithContext,\n detectOutsideClick,\n getStatusState,\n combineDescribedBy,\n validateDOMAttributes,\n DetectOutsideClickClass,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\n// date-fns\nimport format from 'date-fns/format'\n\nimport Context, { Locale } from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../form-status/FormStatus'\nimport DatePickerProvider, {\n DatePickerChangeEvent,\n type ReturnObject,\n} from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon, { DatePickerAddonProps } from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\nimport { SpacingProps } from '../space/types'\nimport { InputInputElement, InputSize } from '../Input'\nimport { SkeletonShow } from '../Skeleton'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { CalendarDay, DatePickerCalendarProps } from './DatePickerCalendar'\nimport { DatePickerContextValues, DateType } from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { useTranslation } from '../../shared'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport DatePickerPortal from './DatePickerPortal'\n\nexport type DatePickerEventAttributes = {\n day?: string\n year?: string\n start?: string\n end?: string\n} & Record<string, unknown>\n\n// Takes the return object from DatePickerProvider and extends it with the event\nexport type DatePickerEvent<T> = ReturnObject<T>\n\nexport type DisplayPickerEvent = (\n \| React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement \| HTMLElement>\n \| MouseEvent\n \| KeyboardEvent\n) &\n DatePickerDates & {\n focusOnHide?: boolean \| string\n event?: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>\n }\n\nexport type DatePickerProps = {\n /*\n Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"`.\n /\n date?: DateType\n /\n To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n /\n startDate?: DateType\n /\n To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n /\n endDate?: DateType\n /\n To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n /\n month?: DateType\n /\n To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n /\n startMonth?: DateType\n /\n To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.\n /\n endMonth?: DateType\n /\n To limit a date range to a minimum `startDate`. Defaults to `null`.\n /\n minDate?: DateType\n /\n To limit a date range to a maximum `endDate`. Defaults to `null`.\n /\n maxDate?: DateType\n /\n Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.\n /\n correctInvalidDate?: boolean\n /\n To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`\n /\n maskOrder?: string\n /\n To display the placeholder on input. Defaults to `dd/mm/åååå`.\n /\n maskPlaceholder?: string\n /\n Defines how the prop dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.\n /\n dateFormat?: string\n /\n Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.\n /\n returnFormat?: string\n /\n If set to `true`, the navigation will be hidden. Defaults to `false`.\n /\n hideNavigation?: boolean\n hideNavigationButtons?: boolean\n /\n If set to `true`, the week days will be hidden. Defaults to `false`.\n /\n hideDays?: boolean\n /\n Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.\n /\n onlyMonth?: boolean\n /\n Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.\n /\n hideLastWeek?: boolean\n /\n Once the date picker gets opened, there is a focus handling to ensure good accessibility. can be disabled with property. Defaults to `false`.\n /\n disableAutofocus?: boolean\n enableKeyboardNav?: boolean\n /\n If the input fields with the mask should be visible. Defaults to `false`.\n /\n showInput?: boolean\n /\n If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` prop is `true`, then the submit button is shown.\n /\n showSubmitButton?: boolean\n /\n If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `false`. If the `range` prop is `true`, then the cancel button is shown.\n /\n showCancelButton?: boolean\n /\n If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `false`.\n /\n showResetButton?: boolean\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n resetDate?: boolean\n /\n To define the first day of the week. Defaults to `monday`.\n /\n firstDay?:\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday'\n \| 'sunday'\n /\n If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.\n /\n range?: boolean\n /\n Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.\n /\n link?: boolean\n /\n Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.\n /\n sync?: boolean\n /\n A prepending label in sync with the date input field.\n /\n label?: React.ReactNode\n /\n Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.\n /\n labelDirection?: 'vertical' \| 'horizontal'\n /\n Use `true` to make the label only readable by screen readers.\n /\n labelSrOnly?: boolean\n /\n Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n /\n inputElement?: InputInputElement\n /\n Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.\n /\n addonElement?: React.ReactNode\n /\n Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n /\n shortcuts?: DatePickerAddonProps['shortcuts']\n disabled?: boolean\n /\n If set to `true`, then the date-picker input field will be 100% in `width`.\n /\n stretch?: boolean\n /\n If set to `true`, an overlaying skeleton with animation will be shown.\n /\n skeleton?: SkeletonShow\n /\n The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n /\n size?: InputSize\n /\n Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n /\n status?: FormStatusText\n /\n Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n /\n statusState?: FormStatusState\n /\n Use an object to define additional FormStatus properties.\n /\n statusProps?: FormStatusProps\n statusNoAnimation?: boolean\n /\n The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n /\n globalStatus?: GlobalStatusConfigObject\n /\n Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.\n /\n suffix?: React.ReactNode\n /\n To open the date-picker by default. Defaults to `false`.\n /\n opened?: boolean\n /\n Provide a short Tooltip content that shows up on the picker button.\n /\n tooltip?: React.ReactNode\n tabIndex?: number\n preventClose?: boolean\n noAnimation?: boolean\n direction?: 'auto' \| 'top' \| 'bottom'\n /\n Use `right` to change the calendar alignment direction. Defaults to `left`.\n /\n alignPicker?: 'auto' \| 'left' \| 'right'\n /\n If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.\n /\n skipPortal?: boolean\n className?: string\n /\n Will be called right before every new calendar view gets rendered. See the example above.\n /\n onDaysRender?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /\n Will be called on a date change event. Returns an `object`. See Returned Object below.\n /\n onChange?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.\n /\n onType?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once date-picker is visible.\n /\n onShow?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n Will be called once date-picker is hidden.\n /\n onHide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n Will be called once a user presses the submit button.\n /\n onSubmit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once a user presses the cancel button.\n /\n onCancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once a user presses the reset button.\n /\n onReset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once the input gets focus.\n /\n onFocus?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n /\n Will be called once the input lose focus.\n /\n onBlur?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n}\n// Can be removed in v11\ntype DatePickerDeprecatedProps = {\n /\n @deprecated use `startDate` instead.\n /\n start_date?: DateType\n /\n @deprecated use `endDate` instead.\n /\n end_date?: DateType\n /\n @deprecated use `startMonth` instead.\n /\n start_month?: DateType\n /\n @deprecated use `endMonth` instead.\n /\n end_month?: DateType\n /\n @deprecated use `minDate` instead.\n /\n min_date?: DateType\n /\n @deprecated use `maxDate` instead.\n /\n max_date?: DateType\n /\n @deprecated use `correctInvalidDate` instead.\n /\n correct_invalid_date?: boolean\n /\n @deprecated use `maskOrder` instead.\n /\n mask_order?: string\n /\n @deprecated use `maskPlaceholder` instead.\n /\n mask_placeholder?: string\n /\n @deprecated use `dateFormat` instead.\n /\n date_format?: string\n /\n @deprecated use `returnFormat` instead.\n /\n return_format?: string\n /\n @deprecated use `hideNavigation` instead.\n /\n hide_navigation?: boolean\n /\n @deprecated use `hideNavigationButtons` instead.\n /\n hide_navigation_buttons?: boolean\n /\n @deprecated use `hideDays` instead.\n /\n hide_days?: boolean\n /\n @deprecated use `onlyMonth` instead.\n /\n only_month?: boolean\n /\n @deprecated use `hideLastWeek` instead.\n /\n hide_last_week?: boolean\n /\n @deprecated use `disableAutofocus` instead.\n /\n disable_autofocus?: boolean\n /\n @deprecated use `enableKeyboardNav` instead.\n /\n enable_keyboard_nav?: boolean\n /\n @deprecated use `showInput` instead.\n /\n show_input?: boolean\n /\n @deprecated use `showSubmitButton` instead.\n /\n show_submit_button?: boolean\n /\n @deprecated use `showCancelButton` instead.\n /\n show_cancel_button?: boolean\n /\n @deprecated\n /\n show_reset_button?: boolean\n /\n @deprecated use `submitButtonText` instead.\n /\n submit_button_text?: string\n /\n @deprecated use `cancelButtonText` instead.\n /\n cancel_button_text?: string\n /\n @deprecated use `resetButtonText` instead.\n /\n reset_button_text?: string\n /\n @deprecated use `resetDate` instead.\n /\n reset_date?: boolean\n /\n @deprecated use `firstDay` instead.\n /\n first_day?: string\n /\n @deprecated set locale with `Provider` instead.\n /\n locale?: Locale\n /\n @deprecated use `labelDirection` instead.\n /\n label_direction?: 'vertical' \| 'horizontal'\n /\n @deprecated use `labelSrOnly` instead.\n /\n label_sr_only?: boolean\n /\n @deprecated use `inputElement` instead.\n /\n input_element?: InputInputElement\n /\n @deprecated use `addonElement` instead.\n /\n addon_element?: React.ReactNode\n /\n @deprecated use `statusState` instead.\n /\n status_state?: FormStatusState\n /\n @deprecated use `statusProps` instead.\n /\n status_props?: FormStatusProps\n /\n @deprecated use `statusNoAnimation` instead.\n /\n status_no_animation?: boolean\n /\n @deprecated use `preventClose` instead.\n /\n prevent_close?: boolean\n /\n @deprecated use `no_animation` instead.\n /\n no_animation?: boolean\n /\n @deprecated use `alignPicker` instead.\n /\n align_picker?: 'auto' \| 'left' \| 'right'\n /\n @deprecated use `onDaysRender` instead.\n /\n on_days_render?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /\n @deprecated use `onChange` instead.\n /\n on_change?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n @deprecated use `onType` instead.\n /\n on_type?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n @deprecated use `onShow` instead.\n /\n on_show?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n @deprecated use `onHide` instead.\n /\n on_hide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n @deprecated use `onSubmit` instead.\n /\n on_submit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n @deprecated use `onCancel` instead.\n /\n on_cancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n @deprecated use `onReset` instead.\n */\n on_reset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n}\n\nexport type DatePickerAllProps = DatePickerProps &\n DatePickerDeprecatedProps &\n SpacingProps &\n Omit<\n React.HTMLProps<HTMLElement>,\n \| 'ref'\n \| 'children'\n \| 'label'\n \| 'size'\n \| 'onChange'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onSubmit'\n \| 'onReset'\n \| 'start'\n >\n\nconst defaultProps: DatePickerProps = {\n maskOrder: 'dd/mm/yyyy',\n maskPlaceholder: 'dd/mm/åååå', // have to be same setup as \"mask\" - but can be like\n dateFormat: 'yyyy-MM-dd', // in v1 of date-fns we were more flexible in terms of the format\n returnFormat: 'yyyy-MM-dd', // used in date-fns v1\n hideNavigation: false,\n hideNavigationButtons: false,\n hideDays: false,\n onlyMonth: false,\n hideLastWeek: false,\n disableAutofocus: false,\n enableKeyboardNav: false,\n showInput: false,\n submitButtonText: 'Ok',\n cancelButtonText: 'Avbryt',\n resetButtonText: 'Tilbakestill',\n resetDate: true,\n firstDay: 'monday',\n range: false,\n link: false,\n sync: true,\n statusState: 'error',\n opened: false,\n noAnimation: false,\n direction: 'auto',\n skipPortal: false,\n}\n\nfunction DatePicker(externalProps: DatePickerAllProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n preventClose,\n onHide,\n onShow,\n onSubmit,\n onCancel,\n onReset,\n noAnimation,\n showInput,\n alignPicker,\n showSubmitButton,\n showCancelButton,\n range,\n hideDays,\n hideNavigation,\n opened: openedProp,\n endDate: endDateProp,\n } = convertSnakeCaseProps(props) // convertSnakeCaseProps - can be removed in v11\n\n const [opened, setOpened] = useState<boolean>(openedProp)\n const [hidden, setHidden] = useState(!opened)\n const [dates, setDates] = useState<\n Pick<DatePickerDates, 'startDate' \| 'endDate'>\n >({})\n\n const context = useContext(Context)\n const blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n const id = props.id \|\| makeUniqueId()\n\n const innerRef = useRef<HTMLSpanElement>()\n const triangleRef = useRef<HTMLSpanElement>()\n const submitButtonRef = useRef<HTMLButtonElement>()\n const getReturnObject =\n useRef<DatePickerContextValues['getReturnObject']>()\n const hideTimeout = useRef<NodeJS.Timeout>()\n const outsideClick = useRef<DetectOutsideClickClass>()\n const calendarContainerRef = useRef<HTMLDivElement>()\n\n const translation = useTranslation().DatePicker\n\n if (endDateProp && !range) {\n warn(\n `The DatePicker got a \"endDate\". You have to set range={true} as well!.`\n )\n }\n\n const removeOutsideClickHandler = useCallback(() => {\n if (outsideClick.current) {\n outsideClick.current.remove()\n }\n }, [])\n\n const hidePicker = useCallback(\n (args?: DisplayPickerEvent) => {\n if (preventClose) {\n return // stop here\n }\n\n if (args && args.event && args.event.persist) {\n args.event.persist()\n }\n\n setOpened(false)\n\n // Double check and compare return\n onHide?.({\n ...getReturnObject.current(args),\n })\n\n hideTimeout.current = setTimeout(\n () => {\n setHidden(true)\n if (args?.['focusOnHide']) {\n try {\n submitButtonRef.current.focus({\n preventScroll: true,\n })\n } catch (e) {\n warn(e)\n }\n }\n },\n noAnimation ? 1 : blurDelay\n ) // wait until animation is over\n\n removeOutsideClickHandler()\n },\n [noAnimation, preventClose, onHide, removeOutsideClickHandler]\n )\n\n const setOutsideClickHandler = useCallback(() => {\n outsideClick.current = detectOutsideClick(\n // Sending in portalRef, instead of portalRef.current,\n // as that would lead to the ignoreElement being null/undefined,\n // since the portal has not been rendered yet,\n // causing the calendar to close when clicking on the calendar itself\n [innerRef.current, calendarContainerRef],\n ({ event }: { event: MouseEvent \| KeyboardEvent }) => {\n hidePicker({ ...event, focusOnHide: event?.['code'] })\n }\n )\n }, [hidePicker])\n\n const setTrianglePosition = useCallback(() => {\n const triangleWidth = 16\n if (showInput && triangleRef.current && innerRef.current) {\n try {\n const shellWidth = innerRef.current\n .querySelector('.dnb-input__shell')\n .getBoundingClientRect().width\n\n const buttonWidth = innerRef.current\n .querySelector('.dnb-input__submit-button__button')\n .getBoundingClientRect().width\n\n if (alignPicker === 'right') {\n const distance = buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginRight = `${distance / 16}rem`\n } else {\n const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginLeft = `${distance / 16}rem`\n }\n } catch (e) {\n warn(e)\n }\n }\n }, [showInput, alignPicker])\n\n const showPicker = useCallback(\n (event?: DisplayPickerEvent) => {\n if (hideTimeout.current) {\n clearTimeout(hideTimeout.current)\n }\n\n setOpened(true)\n setHidden(false)\n\n onShow?.({ ...getReturnObject.current(event) })\n\n setOutsideClickHandler()\n },\n [setOutsideClickHandler, onShow]\n )\n\n // Make sure the triangle is positioned correctly after calendar is mounted\n useLayoutEffect(() => {\n if (!hidden) {\n setTrianglePosition()\n }\n }, [hidden, setTrianglePosition])\n\n // React to opened prop changes\n useEffect(() => {\n if (openedProp) {\n showPicker()\n }\n\n return () => {\n clearTimeout(hideTimeout.current)\n removeOutsideClickHandler()\n }\n }, [openedProp, removeOutsideClickHandler, showPicker])\n\n const onPickerChange = useCallback(\n ({\n hidePicker: shouldHidePicker = true,\n ...args\n }: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n >) => {\n if (shouldHidePicker && !showSubmitButton && !showCancelButton) {\n hidePicker()\n }\n\n setDates({ startDate: args.startDate, endDate: args.endDate })\n },\n [hidePicker, showSubmitButton, showCancelButton]\n )\n\n const onSubmitHandler = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n hidePicker(event)\n onSubmit?.({\n ...getReturnObject.current({ event }),\n })\n },\n [hidePicker, onSubmit]\n )\n\n const onCancelHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onCancel?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onCancel]\n )\n\n const onResetHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onReset?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onReset]\n )\n\n const togglePicker = useCallback(\n (args: React.MouseEvent<HTMLButtonElement>) => {\n !opened ? showPicker(args) : hidePicker(args)\n },\n [opened, showPicker, hidePicker]\n )\n\n const formatSelectedDateTitle = useCallback(() => {\n const { selectedDate, start, end } = translation\n const { startDate, endDate } = dates\n\n let currentDate = startDate ? format(startDate, 'PPPP') : null\n\n if (range && startDate && endDate) {\n currentDate = `${start} ${currentDate} - ${end} ${format(\n endDate,\n 'PPPP'\n )}`\n }\n\n return currentDate ? selectedDate.replace(/%s/, currentDate) : ''\n }, [range, translation, dates])\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n defaultProps,\n { skeleton: context?.skeleton },\n convertSnakeCaseProps(context.getTranslation(props).DatePicker), // convertSnakeCaseProps - can be removed in v11\n pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n convertSnakeCaseProps(pickFormElementProps(context?.formElement)), // Deprecated – can be removed in v11\n context.DatePicker\n )\n\n const {\n label,\n title,\n labelDirection,\n labelSrOnly,\n onlyMonth,\n hideLastWeek,\n disableAutofocus,\n hideNavigationButtons,\n firstDay,\n resetDate,\n link,\n sync,\n inputElement,\n addonElement,\n shortcuts,\n disabled,\n stretch,\n skeleton,\n size,\n status,\n statusState,\n statusProps,\n statusNoAnimation,\n globalStatus,\n suffix,\n maskOrder,\n maskPlaceholder,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n showResetButton,\n className,\n tooltip,\n skipPortal,\n ...restProps\n } = extendedProps\n\n const attributes = useMemo(\n () => filterOutNonAttributes(restProps),\n [restProps]\n )\n\n const shouldHideDays = onlyMonth ? true : hideDays\n const shouldHideNavigation = onlyMonth\n ? hideNavigationButtons\n ? false\n : true\n : hideNavigation\n\n const showStatus = getStatusState(status)\n\n const pickerParams = {} as HTMLProps<HTMLSpanElement>\n\n if (showStatus \|\| suffix) {\n pickerParams['aria-describedby'] = combineDescribedBy(\n pickerParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n\n const submitParams = {\n ['aria-expanded']: opened,\n ref: submitButtonRef,\n tabIndex: extendedProps.tabIndex,\n tooltip,\n }\n\n const selectedDateTitle = formatSelectedDateTitle()\n\n const mainParams = {\n className: classnames(\n 'dnb-date-picker',\n status && `dnb-date-picker__status--${statusState}`,\n labelDirection && `dnb-date-picker--${labelDirection}`,\n opened && 'dnb-date-picker--opened',\n hidden && 'dnb-date-picker--hidden',\n showInput && 'dnb-date-picker--show-input',\n (range \|\| showSubmitButton \|\| showCancelButton \|\| showResetButton) &&\n 'dnb-date-picker--show-footer',\n alignPicker && `dnb-date-picker--${alignPicker}`,\n stretch && `dnb-date-picker--stretch`,\n 'dnb-form-component',\n size && `dnb-date-picker--${size}`,\n createSpacingClasses(props),\n className\n ),\n lang: context.locale,\n } as HTMLProps<HTMLSpanElement>\n\n const containerClassNames = classnames(\n 'dnb-date-picker__container',\n opened && 'dnb-date-picker__container--opened',\n !opened && 'dnb-date-picker__container--closed',\n hidden && 'dnb-date-picker__container--hidden',\n showInput && 'dnb-date-picker__container--show-input',\n alignPicker && `dnb-date-picker__container--${alignPicker}`,\n size && `dnb-date-picker--${size}`\n )\n\n const remainingDOMProps = validateDOMAttributes(props, attributes)\n const remainingSubmitProps = validateDOMAttributes(null, submitParams)\n const remainingPickerProps = validateDOMAttributes(\n null,\n skeletonDOMAttributes(pickerParams, skeleton, context)\n )\n\n return (\n <DatePickerProvider\n {...props}\n attributes={remainingDOMProps}\n setReturnObject={(fn) => (getReturnObject.current = fn)}\n hidePicker={hidePicker}\n >\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n forId={id}\n text={label}\n labelDirection={labelDirection}\n srOnly={labelSrOnly}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span\n className=\"dnb-date-picker__inner\"\n ref={innerRef}\n {...remainingPickerProps}\n >\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={String(label)}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + '-shell'}\n text={status}\n state={statusState}\n no_animation={statusNoAnimation}\n skeleton={skeleton}\n {...statusProps}\n />\n\n <span className=\"dnb-date-picker__row\">\n <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n <DatePickerInput\n id={id}\n title={title}\n disabled={disabled}\n stretch={stretch}\n skeleton={skeleton}\n maskOrder={maskOrder}\n maskPlaceholder={maskPlaceholder}\n isRange={range}\n showInput={showInput}\n selectedDateTitle={selectedDateTitle}\n inputElement={inputElement}\n opened={opened}\n hidden={hidden}\n size={size}\n status={status ? 'error' : null}\n statusState={statusState}\n lang={context.locale}\n {...attributes}\n submitAttributes={remainingSubmitProps}\n onSubmit={togglePicker}\n {...statusProps}\n />\n\n {!hidden && (\n <DatePickerPortal\n alignment={alignPicker}\n skipPortal={skipPortal}\n targetElementRef={innerRef}\n >\n <span\n className={containerClassNames}\n ref={calendarContainerRef}\n >\n <span\n className=\"dnb-date-picker__triangle\"\n ref={triangleRef}\n />\n <DatePickerRange\n id={id}\n firstDayOfWeek={firstDay}\n resetDate={resetDate}\n isRange={range}\n isLink={link}\n isSync={sync}\n hideDays={shouldHideDays}\n hideNav={shouldHideNavigation}\n views={\n hideNavigationButtons\n ? [{ nextBtn: false, prevBtn: false }]\n : null\n }\n onlyMonth={onlyMonth}\n hideNextMonthWeek={hideLastWeek}\n noAutoFocus={disableAutofocus}\n onChange={onPickerChange}\n locale={context.locale}\n />\n {(addonElement \|\| shortcuts) && (\n <DatePickerAddon\n renderElement={addonElement}\n shortcuts={shortcuts}\n />\n )}\n <DatePickerFooter\n isRange={range}\n onSubmit={onSubmitHandler}\n onCancel={onCancelHandler}\n onReset={onResetHandler}\n submitButtonText={submitButtonText}\n cancelButtonText={cancelButtonText}\n resetButtonText={resetButtonText}\n />\n </span>\n </DatePickerPortal>\n )}\n </span>\n {suffix && (\n <Suffix\n className=\"dnb-date-picker__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n\n <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n {selectedDateTitle}\n </p>\n </span>\n </DatePickerProvider>\n )\n}\n\nconst NonAttributes = [\n 'locale',\n 'id',\n 'month',\n 'date',\n 'startDate',\n 'endDate',\n 'minDate',\n 'maxDate',\n 'enableKeyboardNav',\n 'hideNavigation',\n 'returnFormat',\n 'dateFormat',\n 'hideDays',\n 'correctInvalidDate',\n 'opened',\n 'direction',\n 'range',\n 'showInput',\n 'noAnimation',\n 'onDaysRender',\n 'onShow',\n 'onType',\n 'onHide',\n 'showSubmitButton',\n 'showCancelButton',\n 'selectedDate',\n 'selectedMonth',\n 'selectedYear',\n 'nextMonth',\n 'nextYear',\n 'openPickerText',\n 'placeholderCharacters',\n 'prevMonth',\n 'prevYear',\n 'endMonth',\n 'startMonth',\n 'alignPicker',\n 'preventClose',\n]\n\nfunction filterOutNonAttributes(props: DatePickerProps) {\n return Object.keys(props).reduce((attributes, key) => {\n if (!NonAttributes.includes(key)) {\n attributes[key] = props[key]\n }\n return attributes\n }, {})\n}\n\nexport default DatePicker\n\nDatePicker._supportsSpacingProps = true\n"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","names":["React","useCallback","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","classnames","warn","makeUniqueId","extendPropsWithContext","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","format","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","pickFormElementProps","useTranslation","convertSnakeCaseProps","DatePickerPortal","defaultProps","maskOrder","maskPlaceholder","dateFormat","returnFormat","hideNavigation","hideNavigationButtons","hideDays","onlyMonth","hideLastWeek","disableAutofocus","enableKeyboardNav","showInput","submitButtonText","cancelButtonText","resetButtonText","resetDate","firstDay","range","link","sync","statusState","opened","noAnimation","direction","skipPortal","DatePicker","externalProps","props","_objectSpread","preventClose","onHide","onShow","onSubmit","onCancel","onReset","alignPicker","showSubmitButton","showCancelButton","openedProp","endDate","endDateProp","setOpened","hidden","setHidden","dates","setDates","context","blurDelay","id","innerRef","triangleRef","submitButtonRef","getReturnObject","hideTimeout","outsideClick","calendarContainerRef","translation","removeOutsideClickHandler","current","remove","hidePicker","args","event","persist","setTimeout","focus","preventScroll","e","setOutsideClickHandler","_ref","focusOnHide","setTrianglePosition","triangleWidth","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","showPicker","clearTimeout","onPickerChange","_ref2","shouldHidePicker","_objectWithoutProperties","_excluded","startDate","onSubmitHandler","onCancelHandler","onResetHandler","togglePicker","formatSelectedDateTitle","selectedDate","start","end","currentDate","replace","extendedProps","skeleton","getTranslation","FormRow","formElement","label","title","labelDirection","labelSrOnly","inputElement","addonElement","shortcuts","disabled","stretch","size","status","statusProps","statusNoAnimation","globalStatus","suffix","showResetButton","className","tooltip","restProps","_excluded2","attributes","filterOutNonAttributes","shouldHideDays","shouldHideNavigation","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","mainParams","lang","locale","containerClassNames","remainingDOMProps","remainingSubmitProps","remainingPickerProps","createElement","_extends","setReturnObject","fn","forId","text","srOnly","_AlignmentHelper","show","String","text_id","width_selector","state","no_animation","isRange","submitAttributes","alignment","targetElementRef","firstDayOfWeek","isLink","isSync","hideNav","views","nextBtn","prevBtn","hideNextMonthWeek","noAutoFocus","onChange","renderElement","NonAttributes","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, {\n HTMLProps,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n warn,\n makeUniqueId,\n extendPropsWithContext,\n detectOutsideClick,\n getStatusState,\n combineDescribedBy,\n validateDOMAttributes,\n DetectOutsideClickClass,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\n// date-fns\nimport format from 'date-fns/format'\n\nimport Context, { Locale } from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../form-status/FormStatus'\nimport DatePickerProvider, {\n DatePickerChangeEvent,\n type ReturnObject,\n} from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon, { DatePickerAddonProps } from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\nimport { SpacingProps } from '../space/types'\nimport { InputInputElement, InputSize } from '../Input'\nimport { SkeletonShow } from '../Skeleton'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { CalendarDay, DatePickerCalendarProps } from './DatePickerCalendar'\nimport { DatePickerContextValues, DateType } from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { useTranslation } from '../../shared'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport DatePickerPortal from './DatePickerPortal'\n\nexport type DatePickerEventAttributes = {\n day?: string\n year?: string\n start?: string\n end?: string\n} & Record<string, unknown>\n\n// Takes the return object from DatePickerProvider and extends it with the event\nexport type DatePickerEvent<T> = ReturnObject<T>\n\nexport type DisplayPickerEvent = (\n \| React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement \| HTMLElement>\n \| MouseEvent\n \| KeyboardEvent\n) &\n DatePickerDates & {\n focusOnHide?: boolean \| string\n event?: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>\n }\n\nexport type DatePickerProps = {\n /*\n Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"`.\n /\n date?: DateType\n /\n To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n /\n startDate?: DateType\n /\n To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n /\n endDate?: DateType\n /\n To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n /\n month?: DateType\n /\n To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n /\n startMonth?: DateType\n /\n To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.\n /\n endMonth?: DateType\n /\n To limit a date range to a minimum `startDate`. Defaults to `null`.\n /\n minDate?: DateType\n /\n To limit a date range to a maximum `endDate`. Defaults to `null`.\n /\n maxDate?: DateType\n /\n Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.\n /\n correctInvalidDate?: boolean\n /\n To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`\n /\n maskOrder?: string\n /\n To display the placeholder on input. Defaults to `dd/mm/åååå`.\n /\n maskPlaceholder?: string\n /\n Defines how the prop dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.\n /\n dateFormat?: string\n /\n Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.\n /\n returnFormat?: string\n /\n If set to `true`, the navigation will be hidden. Defaults to `false`.\n /\n hideNavigation?: boolean\n hideNavigationButtons?: boolean\n /\n If set to `true`, the week days will be hidden. Defaults to `false`.\n /\n hideDays?: boolean\n /\n Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.\n /\n onlyMonth?: boolean\n /\n Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.\n /\n hideLastWeek?: boolean\n /\n Once the date picker gets opened, there is a focus handling to ensure good accessibility. can be disabled with property. Defaults to `false`.\n /\n disableAutofocus?: boolean\n enableKeyboardNav?: boolean\n /\n If the input fields with the mask should be visible. Defaults to `false`.\n /\n showInput?: boolean\n /\n If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` prop is `true`, then the submit button is shown.\n /\n showSubmitButton?: boolean\n /\n If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `false`. If the `range` prop is `true`, then the cancel button is shown.\n /\n showCancelButton?: boolean\n /\n If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `false`.\n /\n showResetButton?: boolean\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n resetDate?: boolean\n /\n To define the first day of the week. Defaults to `monday`.\n /\n firstDay?:\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday'\n \| 'sunday'\n /\n If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.\n /\n range?: boolean\n /\n Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.\n /\n link?: boolean\n /\n Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.\n /\n sync?: boolean\n /\n A prepending label in sync with the date input field.\n /\n label?: React.ReactNode\n /\n Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.\n /\n labelDirection?: 'vertical' \| 'horizontal'\n /\n Use `true` to make the label only readable by screen readers.\n /\n labelSrOnly?: boolean\n /\n Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n /\n inputElement?: InputInputElement\n /\n Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.\n /\n addonElement?: React.ReactNode\n /\n Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n /\n shortcuts?: DatePickerAddonProps['shortcuts']\n disabled?: boolean\n /\n If set to `true`, then the date-picker input field will be 100% in `width`.\n /\n stretch?: boolean\n /\n If set to `true`, an overlaying skeleton with animation will be shown.\n /\n skeleton?: SkeletonShow\n /\n The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n /\n size?: InputSize\n /\n Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n /\n status?: FormStatusText\n /\n Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n /\n statusState?: FormStatusState\n /\n Use an object to define additional FormStatus properties.\n /\n statusProps?: FormStatusProps\n statusNoAnimation?: boolean\n /\n The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n /\n globalStatus?: GlobalStatusConfigObject\n /\n Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.\n /\n suffix?: React.ReactNode\n /\n To open the date-picker by default. Defaults to `false`.\n /\n opened?: boolean\n /\n Provide a short Tooltip content that shows up on the picker button.\n /\n tooltip?: React.ReactNode\n tabIndex?: number\n preventClose?: boolean\n noAnimation?: boolean\n direction?: 'auto' \| 'top' \| 'bottom'\n /\n Use `right` to change the calendar alignment direction. Defaults to `left`.\n /\n alignPicker?: 'auto' \| 'left' \| 'right'\n /\n If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.\n /\n skipPortal?: boolean\n className?: string\n /\n Will be called right before every new calendar view gets rendered. See the example above.\n /\n onDaysRender?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /\n Will be called on a date change event. Returns an `object`. See Returned Object below.\n /\n onChange?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.\n /\n onType?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once date-picker is visible.\n /\n onShow?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n Will be called once date-picker is hidden.\n /\n onHide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n Will be called once a user presses the submit button.\n /\n onSubmit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once a user presses the cancel button.\n /\n onCancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once a user presses the reset button.\n /\n onReset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n Will be called once the input gets focus.\n /\n onFocus?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n /\n Will be called once the input lose focus.\n /\n onBlur?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n}\n// Can be removed in v11\ntype DatePickerDeprecatedProps = {\n /\n @deprecated use `startDate` instead.\n /\n start_date?: DateType\n /\n @deprecated use `endDate` instead.\n /\n end_date?: DateType\n /\n @deprecated use `startMonth` instead.\n /\n start_month?: DateType\n /\n @deprecated use `endMonth` instead.\n /\n end_month?: DateType\n /\n @deprecated use `minDate` instead.\n /\n min_date?: DateType\n /\n @deprecated use `maxDate` instead.\n /\n max_date?: DateType\n /\n @deprecated use `correctInvalidDate` instead.\n /\n correct_invalid_date?: boolean\n /\n @deprecated use `maskOrder` instead.\n /\n mask_order?: string\n /\n @deprecated use `maskPlaceholder` instead.\n /\n mask_placeholder?: string\n /\n @deprecated use `dateFormat` instead.\n /\n date_format?: string\n /\n @deprecated use `returnFormat` instead.\n /\n return_format?: string\n /\n @deprecated use `hideNavigation` instead.\n /\n hide_navigation?: boolean\n /\n @deprecated use `hideNavigationButtons` instead.\n /\n hide_navigation_buttons?: boolean\n /\n @deprecated use `hideDays` instead.\n /\n hide_days?: boolean\n /\n @deprecated use `onlyMonth` instead.\n /\n only_month?: boolean\n /\n @deprecated use `hideLastWeek` instead.\n /\n hide_last_week?: boolean\n /\n @deprecated use `disableAutofocus` instead.\n /\n disable_autofocus?: boolean\n /\n @deprecated use `enableKeyboardNav` instead.\n /\n enable_keyboard_nav?: boolean\n /\n @deprecated use `showInput` instead.\n /\n show_input?: boolean\n /\n @deprecated use `showSubmitButton` instead.\n /\n show_submit_button?: boolean\n /\n @deprecated use `showCancelButton` instead.\n /\n show_cancel_button?: boolean\n /\n @deprecated\n /\n show_reset_button?: boolean\n /\n @deprecated use `submitButtonText` instead.\n /\n submit_button_text?: string\n /\n @deprecated use `cancelButtonText` instead.\n /\n cancel_button_text?: string\n /\n @deprecated use `resetButtonText` instead.\n /\n reset_button_text?: string\n /\n @deprecated use `resetDate` instead.\n /\n reset_date?: boolean\n /\n @deprecated use `firstDay` instead.\n /\n first_day?: string\n /\n @deprecated set locale with `Provider` instead.\n /\n locale?: Locale\n /\n @deprecated use `labelDirection` instead.\n /\n label_direction?: 'vertical' \| 'horizontal'\n /\n @deprecated use `labelSrOnly` instead.\n /\n label_sr_only?: boolean\n /\n @deprecated use `inputElement` instead.\n /\n input_element?: InputInputElement\n /\n @deprecated use `addonElement` instead.\n /\n addon_element?: React.ReactNode\n /\n @deprecated use `statusState` instead.\n /\n status_state?: FormStatusState\n /\n @deprecated use `statusProps` instead.\n /\n status_props?: FormStatusProps\n /\n @deprecated use `statusNoAnimation` instead.\n /\n status_no_animation?: boolean\n /\n @deprecated use `preventClose` instead.\n /\n prevent_close?: boolean\n /\n @deprecated use `no_animation` instead.\n /\n no_animation?: boolean\n /\n @deprecated use `alignPicker` instead.\n /\n align_picker?: 'auto' \| 'left' \| 'right'\n /\n @deprecated use `onDaysRender` instead.\n /\n on_days_render?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /\n @deprecated use `onChange` instead.\n /\n on_change?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n @deprecated use `onType` instead.\n /\n on_type?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n @deprecated use `onShow` instead.\n /\n on_show?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n @deprecated use `onHide` instead.\n /\n on_hide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /\n @deprecated use `onSubmit` instead.\n /\n on_submit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n @deprecated use `onCancel` instead.\n /\n on_cancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /\n @deprecated use `onReset` instead.\n */\n on_reset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n}\n\nexport type DatePickerAllProps = DatePickerProps &\n DatePickerDeprecatedProps &\n SpacingProps &\n Omit<\n React.HTMLProps<HTMLElement>,\n \| 'ref'\n \| 'children'\n \| 'label'\n \| 'size'\n \| 'onChange'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onSubmit'\n \| 'onReset'\n \| 'start'\n >\n\nconst defaultProps: DatePickerProps = {\n maskOrder: 'dd/mm/yyyy',\n maskPlaceholder: 'dd/mm/åååå', // have to be same setup as \"mask\" - but can be like\n dateFormat: 'yyyy-MM-dd', // in v1 of date-fns we were more flexible in terms of the format\n returnFormat: 'yyyy-MM-dd', // used in date-fns v1\n hideNavigation: false,\n hideNavigationButtons: false,\n hideDays: false,\n onlyMonth: false,\n hideLastWeek: false,\n disableAutofocus: false,\n enableKeyboardNav: false,\n showInput: false,\n submitButtonText: 'Ok',\n cancelButtonText: 'Avbryt',\n resetButtonText: 'Tilbakestill',\n resetDate: true,\n firstDay: 'monday',\n range: false,\n link: false,\n sync: true,\n statusState: 'error',\n opened: false,\n noAnimation: false,\n direction: 'auto',\n skipPortal: false,\n}\n\nfunction DatePicker(externalProps: DatePickerAllProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n preventClose,\n onHide,\n onShow,\n onSubmit,\n onCancel,\n onReset,\n noAnimation,\n showInput,\n alignPicker,\n showSubmitButton,\n showCancelButton,\n range,\n hideDays,\n hideNavigation,\n opened: openedProp,\n endDate: endDateProp,\n } = convertSnakeCaseProps(props) // convertSnakeCaseProps - can be removed in v11\n\n const [opened, setOpened] = useState<boolean>(openedProp)\n const [hidden, setHidden] = useState(!opened)\n const [dates, setDates] = useState<\n Pick<DatePickerDates, 'startDate' \| 'endDate'>\n >({})\n\n const context = useContext(Context)\n const blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n const id = props.id \|\| makeUniqueId()\n\n const innerRef = useRef<HTMLSpanElement>()\n const triangleRef = useRef<HTMLSpanElement>()\n const submitButtonRef = useRef<HTMLButtonElement>()\n const getReturnObject =\n useRef<DatePickerContextValues['getReturnObject']>()\n const hideTimeout = useRef<NodeJS.Timeout>()\n const outsideClick = useRef<DetectOutsideClickClass>()\n const calendarContainerRef = useRef<HTMLDivElement>()\n\n const translation = useTranslation().DatePicker\n\n if (endDateProp && !range) {\n warn(\n `The DatePicker got a \"endDate\". You have to set range={true} as well!.`\n )\n }\n\n const removeOutsideClickHandler = useCallback(() => {\n if (outsideClick.current) {\n outsideClick.current.remove()\n }\n }, [])\n\n const hidePicker = useCallback(\n (args?: DisplayPickerEvent) => {\n if (preventClose) {\n return // stop here\n }\n\n if (args && args.event && args.event.persist) {\n args.event.persist()\n }\n\n setOpened(false)\n\n hideTimeout.current = setTimeout(\n () => {\n setHidden(true)\n onHide?.({\n ...getReturnObject.current(args),\n })\n if (args?.['focusOnHide']) {\n try {\n submitButtonRef.current.focus({\n preventScroll: true,\n })\n } catch (e) {\n warn(e)\n }\n }\n },\n noAnimation ? 1 : blurDelay\n ) // wait until animation is over\n\n removeOutsideClickHandler()\n },\n [noAnimation, preventClose, onHide, removeOutsideClickHandler]\n )\n\n const setOutsideClickHandler = useCallback(() => {\n outsideClick.current = detectOutsideClick(\n // Sending in portalRef, instead of portalRef.current,\n // as that would lead to the ignoreElement being null/undefined,\n // since the portal has not been rendered yet,\n // causing the calendar to close when clicking on the calendar itself\n [innerRef.current, calendarContainerRef],\n ({ event }: { event: MouseEvent \| KeyboardEvent }) => {\n hidePicker({ ...event, focusOnHide: event?.['code'] })\n }\n )\n }, [hidePicker])\n\n const setTrianglePosition = useCallback(() => {\n const triangleWidth = 16\n if (showInput && triangleRef.current && innerRef.current) {\n try {\n const shellWidth = innerRef.current\n .querySelector('.dnb-input__shell')\n .getBoundingClientRect().width\n\n const buttonWidth = innerRef.current\n .querySelector('.dnb-input__submit-button__button')\n .getBoundingClientRect().width\n\n if (alignPicker === 'right') {\n const distance = buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginRight = `${distance / 16}rem`\n } else {\n const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginLeft = `${distance / 16}rem`\n }\n } catch (e) {\n warn(e)\n }\n }\n }, [showInput, alignPicker])\n\n const showPicker = useCallback(\n (event?: DisplayPickerEvent) => {\n if (hideTimeout.current) {\n clearTimeout(hideTimeout.current)\n }\n\n setOpened(true)\n setHidden(false)\n\n onShow?.({ ...getReturnObject.current(event) })\n\n setOutsideClickHandler()\n },\n [setOutsideClickHandler, onShow]\n )\n\n // Make sure the triangle is positioned correctly after calendar is mounted\n useLayoutEffect(() => {\n if (!hidden) {\n setTrianglePosition()\n }\n }, [hidden, setTrianglePosition])\n\n // React to opened prop changes\n useEffect(() => {\n if (openedProp) {\n showPicker()\n }\n }, [openedProp, showPicker])\n\n const onPickerChange = useCallback(\n ({\n hidePicker: shouldHidePicker = true,\n ...args\n }: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n >) => {\n if (shouldHidePicker && !showSubmitButton && !showCancelButton) {\n hidePicker()\n }\n\n setDates({ startDate: args.startDate, endDate: args.endDate })\n },\n [hidePicker, showSubmitButton, showCancelButton]\n )\n\n const onSubmitHandler = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n hidePicker(event)\n onSubmit?.({\n ...getReturnObject.current({ event }),\n })\n },\n [hidePicker, onSubmit]\n )\n\n const onCancelHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onCancel?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onCancel]\n )\n\n const onResetHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onReset?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onReset]\n )\n\n const togglePicker = useCallback(\n (args: React.MouseEvent<HTMLButtonElement>) => {\n !opened ? showPicker(args) : hidePicker(args)\n },\n [opened, showPicker, hidePicker]\n )\n\n const formatSelectedDateTitle = useCallback(() => {\n const { selectedDate, start, end } = translation\n const { startDate, endDate } = dates\n\n let currentDate = startDate ? format(startDate, 'PPPP') : null\n\n if (range && startDate && endDate) {\n currentDate = `${start} ${currentDate} - ${end} ${format(\n endDate,\n 'PPPP'\n )}`\n }\n\n return currentDate ? selectedDate.replace(/%s/, currentDate) : ''\n }, [range, translation, dates])\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n defaultProps,\n { skeleton: context?.skeleton },\n convertSnakeCaseProps(context.getTranslation(props).DatePicker), // convertSnakeCaseProps - can be removed in v11\n pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n convertSnakeCaseProps(pickFormElementProps(context?.formElement)), // Deprecated – can be removed in v11\n context.DatePicker\n )\n\n const {\n label,\n title,\n labelDirection,\n labelSrOnly,\n onlyMonth,\n hideLastWeek,\n disableAutofocus,\n hideNavigationButtons,\n firstDay,\n resetDate,\n link,\n sync,\n inputElement,\n addonElement,\n shortcuts,\n disabled,\n stretch,\n skeleton,\n size,\n status,\n statusState,\n statusProps,\n statusNoAnimation,\n globalStatus,\n suffix,\n maskOrder,\n maskPlaceholder,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n showResetButton,\n className,\n tooltip,\n skipPortal,\n ...restProps\n } = extendedProps\n\n const attributes = useMemo(\n () => filterOutNonAttributes(restProps),\n [restProps]\n )\n\n const shouldHideDays = onlyMonth ? true : hideDays\n const shouldHideNavigation = onlyMonth\n ? hideNavigationButtons\n ? false\n : true\n : hideNavigation\n\n const showStatus = getStatusState(status)\n\n const pickerParams = {} as HTMLProps<HTMLSpanElement>\n\n if (showStatus \|\| suffix) {\n pickerParams['aria-describedby'] = combineDescribedBy(\n pickerParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n\n const submitParams = {\n ['aria-expanded']: opened,\n ref: submitButtonRef,\n tabIndex: extendedProps.tabIndex,\n tooltip,\n }\n\n const selectedDateTitle = formatSelectedDateTitle()\n\n const mainParams = {\n className: classnames(\n 'dnb-date-picker',\n status && `dnb-date-picker__status--${statusState}`,\n labelDirection && `dnb-date-picker--${labelDirection}`,\n opened && 'dnb-date-picker--opened',\n hidden && 'dnb-date-picker--hidden',\n showInput && 'dnb-date-picker--show-input',\n (range \|\| showSubmitButton \|\| showCancelButton \|\| showResetButton) &&\n 'dnb-date-picker--show-footer',\n alignPicker && `dnb-date-picker--${alignPicker}`,\n stretch && `dnb-date-picker--stretch`,\n 'dnb-form-component',\n size && `dnb-date-picker--${size}`,\n createSpacingClasses(props),\n className\n ),\n lang: context.locale,\n } as HTMLProps<HTMLSpanElement>\n\n const containerClassNames = classnames(\n 'dnb-date-picker__container',\n opened && 'dnb-date-picker__container--opened',\n !opened && 'dnb-date-picker__container--closed',\n hidden && 'dnb-date-picker__container--hidden',\n showInput && 'dnb-date-picker__container--show-input',\n alignPicker && `dnb-date-picker__container--${alignPicker}`,\n size && `dnb-date-picker--${size}`\n )\n\n const remainingDOMProps = validateDOMAttributes(props, attributes)\n const remainingSubmitProps = validateDOMAttributes(null, submitParams)\n const remainingPickerProps = validateDOMAttributes(\n null,\n skeletonDOMAttributes(pickerParams, skeleton, context)\n )\n\n return (\n <DatePickerProvider\n {...props}\n attributes={remainingDOMProps}\n setReturnObject={(fn) => (getReturnObject.current = fn)}\n hidePicker={hidePicker}\n >\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n forId={id}\n text={label}\n labelDirection={labelDirection}\n srOnly={labelSrOnly}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span\n className=\"dnb-date-picker__inner\"\n ref={innerRef}\n {...remainingPickerProps}\n >\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={String(label)}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + '-shell'}\n text={status}\n state={statusState}\n no_animation={statusNoAnimation}\n skeleton={skeleton}\n {...statusProps}\n />\n\n <span className=\"dnb-date-picker__row\">\n <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n <DatePickerInput\n id={id}\n title={title}\n disabled={disabled}\n stretch={stretch}\n skeleton={skeleton}\n maskOrder={maskOrder}\n maskPlaceholder={maskPlaceholder}\n isRange={range}\n showInput={showInput}\n selectedDateTitle={selectedDateTitle}\n inputElement={inputElement}\n opened={opened}\n hidden={hidden}\n size={size}\n status={status ? 'error' : null}\n statusState={statusState}\n lang={context.locale}\n {...attributes}\n submitAttributes={remainingSubmitProps}\n onSubmit={togglePicker}\n {...statusProps}\n />\n\n {!hidden && (\n <DatePickerPortal\n alignment={alignPicker}\n skipPortal={skipPortal}\n targetElementRef={innerRef}\n >\n <span\n className={containerClassNames}\n ref={calendarContainerRef}\n >\n <span\n className=\"dnb-date-picker__triangle\"\n ref={triangleRef}\n />\n <DatePickerRange\n id={id}\n firstDayOfWeek={firstDay}\n resetDate={resetDate}\n isRange={range}\n isLink={link}\n isSync={sync}\n hideDays={shouldHideDays}\n hideNav={shouldHideNavigation}\n views={\n hideNavigationButtons\n ? [{ nextBtn: false, prevBtn: false }]\n : null\n }\n onlyMonth={onlyMonth}\n hideNextMonthWeek={hideLastWeek}\n noAutoFocus={disableAutofocus}\n onChange={onPickerChange}\n locale={context.locale}\n />\n {(addonElement \|\| shortcuts) && (\n <DatePickerAddon\n renderElement={addonElement}\n shortcuts={shortcuts}\n />\n )}\n <DatePickerFooter\n isRange={range}\n onSubmit={onSubmitHandler}\n onCancel={onCancelHandler}\n onReset={onResetHandler}\n submitButtonText={submitButtonText}\n cancelButtonText={cancelButtonText}\n resetButtonText={resetButtonText}\n />\n </span>\n </DatePickerPortal>\n )}\n </span>\n {suffix && (\n <Suffix\n className=\"dnb-date-picker__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n\n <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n {selectedDateTitle}\n </p>\n </span>\n </DatePickerProvider>\n )\n}\n\nconst NonAttributes = [\n 'locale',\n 'id',\n 'month',\n 'date',\n 'startDate',\n 'endDate',\n 'minDate',\n 'maxDate',\n 'enableKeyboardNav',\n 'hideNavigation',\n 'returnFormat',\n 'dateFormat',\n 'hideDays',\n 'correctInvalidDate',\n 'opened',\n 'direction',\n 'range',\n 'showInput',\n 'noAnimation',\n 'onDaysRender',\n 'onShow',\n 'onType',\n 'onHide',\n 'showSubmitButton',\n 'showCancelButton',\n 'selectedDate',\n 'selectedMonth',\n 'selectedYear',\n 'nextMonth',\n 'nextYear',\n 'openPickerText',\n 'placeholderCharacters',\n 'prevMonth',\n 'prevYear',\n 'endMonth',\n 'startMonth',\n 'alignPicker',\n 'preventClose',\n]\n\nfunction filterOutNonAttributes(props: DatePickerProps) {\n return Object.keys(props).reduce((attributes, key) => {\n if (!NonAttributes.includes(key)) {\n attributes[key] = props[key]\n }\n return attributes\n }, {})\n}\n\nexport default DatePicker\n\nDatePicker._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/date-picker/DatePickerInput.js CHANGED Viewed

@@ -281,8 +281,8 @@ function DatePickerInput(externalProps) {
       event
     } = _ref3;
     try {
-      const isDate = target.getAttribute('class').match(/__input--([day|month|year]+)($|\s)/)[1];
-      const isInRange = target.getAttribute('id').match(/-([start|end]+)-/)[1];
+      const isDate = target.getAttribute('class').match(/__input--(day|month|year)($|\s)/)[1];
+      const isInRange = target.getAttribute('id').match(/-(start|end)-(day|month|year)/)[1];
       let date = isInRange === 'start' ? startDate : endDate;
       if (!date) {
         return;