@dnb/eufemia 10.65.0 → 10.66.0

package/extensions/forms/style/dnb-forms.css

@@ -693,6 +693,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   display: block;
   font-size: var(--font-size-basis);
 }
+.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content {
+  display: block;
+}
 .dnb-forms-value-block--inline:not([class*=__composition]) {
   display: inline-block;
   font-size: inherit;
@@ -700,6 +703,19 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
   font-weight: var(--font-weight-medium);
 }
+.dnb-forms-value-block__label > strong:has(+ .dnb-help-button), .dnb-forms-value-block__label__content:has(+ .dnb-help-button) {
+  margin-right: 0.5rem;
+}
+.dnb-forms-value-block__help {
+  display: flex;
+  flex-flow: column;
+}
+.dnb-forms-value-block__help .dnb-section {
+  margin-bottom: 0.5rem;
+}
+.dnb-forms-value-block__help .dnb-section > .dnb-p--lead {
+  margin-bottom: 0.5rem;
+}
 .dnb-forms-value-block__placeholder {
   color: var(--color-black-80);
 }
@@ -755,6 +771,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   }
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)) {
     --row-gap: var(--spacing-x-small);
+    flex-flow: row wrap;
   }
 }
 .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-dt, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl {

package/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-.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--variant-filled .dnb-forms-section-block__inner{--space:var(--spacing-small);background-color:var(--color-lavender)}.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-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--variant-filled .dnb-forms-section-block__inner{--space:var(--spacing-small);background-color:var(--color-lavender)}.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:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.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__label>strong:has(+.dnb-help-button),.dnb-forms-value-block__label__content:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.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);flex-flow:row wrap}}.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%}

package/extensions/forms/types.d.ts

@@ -1,12 +1,13 @@
 import type { AriaAttributes } from 'react';
 import type { SpacingProps } from '../../components/space/types';
-import type { ContextState, EventListenerCall, FilterData, TransformData, VisibleDataOptions } from './DataContext';
+import type { ContextState, DataPathHandlerParameters, EventListenerCall, FilterData, TransformData, VisibleDataOptions } from './DataContext';
 import type { SharedFieldBlockProps } from './FieldBlock';
 import type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema';
 import type { JSONSchemaType } from 'ajv/dist/2020';
 import { JsonObject, FormError } from './utils';
 import { FormsTranslationFlat, FormsTranslationLocale } from './hooks/useTranslation';
 import { GetValueByPath } from './hooks/useDataValue';
+import { HelpProps } from '../../components/help-button/HelpButtonInline';
 export type * from 'json-schema';
 export type JSONSchema = JSONSchema7;
 export type AllJSONSchemaVersionsBasis<DataType> = JSONSchema4 | JSONSchema6 | JSONSchema7 | JSONSchemaType<DataType>;
@@ -305,6 +306,10 @@ export interface ValueProps<Value = unknown> extends DataValueReadComponentProps
     inline?: boolean;
     /** The max-width of a value block. Defaults to large */
     maxWidth?: 'small' | 'medium' | 'large' | 'auto';
+    /**
+     * Provide help content for the value.
+     */
+    help?: HelpProps;
     /**
      * Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.
      */
@@ -395,6 +400,9 @@ export type OnSubmitParams<Data = JsonObject> = {
 };
 export type OnSubmitReturn = EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
 export type OnSubmit<Data = JsonObject> = (data: Data, { reduceToVisibleFields, transformData, filterData, resetForm, clearData, }: OnSubmitParams) => OnSubmitReturn;
+export type OnSubmitRequest = ({ getErrors, }: {
+    getErrors: () => Array<DataPathHandlerParameters>;
+}) => void;
 export type OnCommit<Data = JsonObject> = (data: Data, { clearData, preventCommit, }: {
     clearData: () => void;
     preventCommit?: () => void;

package/extensions/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","key","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { AriaAttributes } from 'react'\nimport type { SpacingProps } from '../../components/space/types'\nimport type {\n  ContextState,\n  EventListenerCall,\n  FilterData,\n  TransformData,\n  VisibleDataOptions,\n} from './DataContext'\nimport type { SharedFieldBlockProps } from './FieldBlock'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject, FormError } from './utils'\nimport {\n  FormsTranslationFlat,\n  FormsTranslationLocale,\n} from './hooks/useTranslation'\nimport { GetValueByPath } from './hooks/useDataValue'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersionsBasis<DataType> =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<DataType>\nexport type AllJSONSchemaVersions<DataType = unknown> =\n  | AllJSONSchemaVersionsBasis<DataType>\n\n  // In order to support \"schema = { ... } as const\"\n  | (Omit<AllJSONSchemaVersionsBasis<DataType>, 'required'> & {\n      required?: readonly string[]\n    })\nexport { JSONSchemaType }\n\nexport type ValidatorReturnSync<Value> =\n  | Error\n  | FormError\n  | undefined\n  | void\n  | Array<Validator<Value>>\n  | Array<Error | FormError>\n\nexport type ValidatorReturnAsync<Value> =\n  | ValidatorReturnSync<Value>\n  | Promise<ValidatorReturnSync<Value>>\nexport type Validator<Value, ErrorMessages = DefaultErrorMessages> = (\n  value: Value,\n  additionalArgs: ReceiveAdditionalEventArgs<Value, ErrorMessages>\n) => ValidatorReturnAsync<Value>\nexport type ReceiveAdditionalEventArgs<\n  Value,\n  ErrorMessages = DefaultErrorMessages,\n> = {\n  /**\n   * Returns the error messages from the { errorMessages } object.\n   */\n  errorMessages: ErrorMessages\n\n  /**\n   * Connects the validator to another field.\n   * This allows you to rerun the validator function once the value of the connected field changes.\n   */\n  connectWithPath: (path: Path) => { getValue: () => Value }\n\n  /**\n   * Connects the validator to another field within an Iterate.Array.\n   * This allows you to rerun the validator function once the value of the connected field changes.\n   */\n  connectWithItemPath: (path: Path) => { getValue: () => Value }\n\n  /**\n   * Returns the value of the given path.\n   */\n  getValueByPath: GetValueByPath<Value>\n\n  /**\n   * Returns the value of the given path or the source value.\n   */\n  getSourceValue: GetValueByPath<Value>\n\n  /**\n   * Used internally to connect a field event listener to a path.\n   */\n  setFieldEventListener: (\n    path: Path,\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n\n  /**\n   * Returns the validators from the { exportValidators } object.\n   */\n  validators: Record<string, Validator<Value>> | undefined\n\n  /**\n   * The props passed to the Field component.\n   */\n  props: UseFieldProps<Value>\n\n  /**\n   * The internal data context.\n   */\n  dataContext: ContextState\n} & {\n  /** @deprecated use the error messages from the { errorMessages } object instead. */\n  pattern?: string\n  /** @deprecated use the error messages from the { errorMessages } object instead. */\n  required?: string\n}\n\nexport type ValidatorDisableable<Value> = Validator<Value> | false\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type GlobalErrorMessagesWithPaths =\n  | VariousErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: VariousErrorMessages\n    }\n\n/**\n * 'MyCustom.message': 'Your custom message'\n */\nexport type DotNotationErrorMessages = Record<\n  `${string}` | `${string}.${string}`,\n  string\n>\n/**\n * { 'nb-NO': { 'Field.errorRequired': 'Dette feltet er påkrevd' } }\n */\nexport type ErrorMessagesWithLocaleSupport = Record<\n  FormsTranslationLocale,\n  DefaultErrorMessages\n>\n\nexport type InternalErrorMessages = Record<FormsTranslationFlat, string>\nexport type DefaultErrorMessages = Partial<InternalErrorMessages> &\n  Partial<DotNotationErrorMessages> &\n  Partial<DeprecatedErrorMessages>\n\nexport type VariousErrorMessages =\n  | DefaultErrorMessages\n  | ErrorMessagesWithLocaleSupport\n\nexport type DeprecatedErrorMessages = {\n  /**\n   * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorRequired)\n   */\n  required?: string\n  /**\n   * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorPattern)\n   */\n  pattern?: string\n  /**\n   * @deprecated use StringField.errorMinLength instead\n   */\n  minLength?: string\n  /**\n   * @deprecated use StringField.errorMaxLength instead\n   */\n  maxLength?: string\n  /**\n   * @deprecated use NumberField.errorMinimum instead\n   */\n  minimum?: string\n  /**\n   * @deprecated use NumberField.errorMaximum instead\n   */\n  maximum?: string\n  /**\n   * @deprecated use NumberField.errorExclusiveMinimum instead\n   */\n  exclusiveMinimum?: string\n  /**\n   * @deprecated use NumberField.errorExclusiveMaximum instead\n   */\n  exclusiveMaximum?: string\n  /**\n   * @deprecated use NumberField.errorMultipleOf instead\n   */\n  multipleOf?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: Path\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: Path\n  /** Source data value for the field. Will take precedence over the path value given in the data context */\n  value?: Value\n  /** Default source data value for the field. Will not take precedence over the path value given in the data context */\n  defaultValue?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\ntype EventArgs<Value, ExtraValue extends ProvideAdditionalEventArgs> = [\n  value: Value,\n  additionalArgs?: ExtraValue | ReceiveAdditionalEventArgs<Value>,\n]\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ExtraValue extends ProvideAdditionalEventArgs = undefined,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (...args: EventArgs<Value | EmptyValue, ExtraValue>) => void\n  onBlur?: (...args: EventArgs<Value | EmptyValue, ExtraValue>) => void\n  onChange?: (\n    ...args: EventArgs<Value | EmptyValue, ExtraValue>\n  ) => OnChangeReturnType\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type ProvideAdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type MessagePropParams<Value, ReturnValue> = {\n  conditionally: (\n    callback: () => ReturnValue | void,\n    options?: {\n      showInitially?: boolean\n    }\n  ) => ReturnValue\n  getValueByPath: GetValueByPath<Value>\n  getFieldByPath: (path: Path) => {\n    props: FieldProps\n    id: Identifier\n  }\n}\nexport type MessageProp<Value, ReturnValue> =\n  | ReturnValue\n  | ((\n      value: Value,\n      options: MessagePropParams<Value, ReturnValue>\n    ) => ReturnValue)\nexport type MessageTypes<Value> =\n  | UseFieldProps<Value>['info']\n  | UseFieldProps<Value>['warning']\n  | UseFieldProps<Value>['error']\n\nexport type ConnectorProps<Value = unknown> = Pick<\n  UseFieldProps<Value>,\n  'onChange' | 'onBlurValidator'\n>\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all given props in a props object.\n   */\n  props?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: MessageProp<Value, React.ReactNode | Array<React.ReactNode>>\n  warning?: MessageProp<Value, React.ReactNode | Array<React.ReactNode>>\n  error?: MessageProp<Value, Error | FormError | Array<Error | FormError>>\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions<Value>\n  /** @deprecated Use `onChangeValidator` instead */\n  validator?: Validator<Value>\n  onChangeValidator?: Validator<Value>\n  onBlurValidator?: Validator<Value>\n  exportValidators?: Record<string, Validator<Value>>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  /**\n   * @deprecated – Replaced with validateContinuously, continuousValidation can be removed in v11.\n   */\n  continuousValidation?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  validateContinuously?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before it's displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: unknown) => Value\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value, additionalArgs?: unknown) => unknown\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transform additionalArgs or generate it based on `value`.\n   */\n  provideAdditionalArgs?: (\n    value: Value,\n    additionalArgs?: ProvideAdditionalEventArgs\n  ) => ProvideAdditionalEventArgs\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value from the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n\n  /**\n   * For internal use only.\n   */\n  valueType?: string | number | boolean | Array<string | number | boolean>\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & SharedFieldBlockProps\n\nexport type FieldPropsGeneric<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = Omit<\n  FieldProps<Value, EmptyValue, ErrorMessages>,\n  keyof DataValueWriteProps\n> &\n  DataValueWriteProps<Value, EmptyValue, ProvideAdditionalEventArgs>\n\nexport type FieldPropsWithExtraValue<\n  Value = unknown,\n  ExtraValue extends\n    ProvideAdditionalEventArgs = ProvideAdditionalEventArgs,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = Omit<\n  FieldProps<Value, EmptyValue, ErrorMessages>,\n  keyof DataValueWriteProps\n> &\n  DataValueWriteProps<Value, EmptyValue, ExtraValue>\n\nexport interface ValueProps<Value = unknown>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /** Use `true` to make the label only readable by screen readers. */\n  labelSrOnly?: boolean\n\n  /**\n   * Use `true` to inherit the label from a visible (rendered) field with the same path.\n   */\n  inheritLabel?: boolean\n\n  /**\n   * Use `true` to inherit the visibility from a field with the same path.\n   */\n  inheritVisibility?: boolean\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.\n   */\n  transformLabel?: (\n    label: React.ReactNode,\n    convertJsxToString: (label: React.ReactNode) => string\n  ) => React.ReactNode\n\n  /**\n   * Transforms the `value` before it's displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n  customStatus?: unknown\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n  | { customStatus: unknown }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Cannot be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams<Data = JsonObject> = {\n  /** Will remove data entries of fields that are not visible */\n  reduceToVisibleFields: (\n    data: Data,\n    options?: VisibleDataOptions\n  ) => Partial<Data>\n\n  /** Will call the given function for each data path. The returned `value` will replace each data entry. It's up to you to define the shape of the value. */\n  transformData: (data: Data, handler: TransformData) => Partial<Data>\n\n  /** Will filter data based on the given \"filterDataHandler\" method */\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmitReturn =\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  {\n    reduceToVisibleFields,\n    transformData,\n    filterData,\n    resetForm,\n    clearData,\n  }: OnSubmitParams\n) => OnSubmitReturn\n\nexport type OnCommit<Data = JsonObject> = (\n  data: Data,\n  {\n    clearData,\n    preventCommit,\n  }: {\n    clearData: () => void\n    preventCommit?: () => void\n  }\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = JsonObject> = (\n  data: Data,\n  additionalArgs: Pick<OnSubmitParams, 'filterData'>\n) => OnChangeReturnType\n\ntype OnChangeReturnType =\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":"AAsMA,MAAMA,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACC,IAAA;IAAA,IAAC,CAACC,GAAG,CAAC,GAAAD,IAAA;IAAA,OACvCP,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC;EAAA,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASE,sBAAsBA,CACpCR,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCK,KAAA;IAAA,IAAC,CAACH,GAAG,CAAC,GAAAG,KAAA;IAAA,OAAK,CAACX,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC;EAAA,CAC9C,CACF,CAAC;AACH;AAoBA,MAAMI,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCX,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACQ,KAAA;IAAA,IAAC,CAACN,GAAG,CAAC,GAAAM,KAAA;IAAA,OACvCF,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACnC,CACF,CAAC;AACH;AAEA,OAAO,SAASO,uBAAuBA,CACrCb,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCU,KAAA;IAAA,IAAC,CAACR,GAAG,CAAC,GAAAQ,KAAA;IAAA,OAAK,CAACJ,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CAC/C,CACF,CAAC;AACH;AAOA,OAAO,SAASS,2BAA2BA,CAEzCf,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCY,KAAA;IAAA,IAAC,CAACV,GAAG,CAAC,GAAAU,KAAA;IAAA,OACJlB,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC,IAChCI,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACrC,CACF,CAAC;AACH;AAEA,OAAO,SAASW,2BAA2BA,CAGzCjB,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCc,KAAA;IAAA,IAAC,CAACZ,GAAG,CAAC,GAAAY,KAAA;IAAA,OACJ,CAACpB,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC,IACjC,CAACI,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACtC,CACF,CAAC;AACH"}
+{"version":3,"file":"types.js","names":["dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","key","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { AriaAttributes } from 'react'\nimport type { SpacingProps } from '../../components/space/types'\nimport type {\n  ContextState,\n  DataPathHandlerParameters,\n  EventListenerCall,\n  FilterData,\n  TransformData,\n  VisibleDataOptions,\n} from './DataContext'\nimport type { SharedFieldBlockProps } from './FieldBlock'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject, FormError } from './utils'\nimport {\n  FormsTranslationFlat,\n  FormsTranslationLocale,\n} from './hooks/useTranslation'\nimport { GetValueByPath } from './hooks/useDataValue'\nimport { HelpProps } from '../../components/help-button/HelpButtonInline'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersionsBasis<DataType> =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<DataType>\nexport type AllJSONSchemaVersions<DataType = unknown> =\n  | AllJSONSchemaVersionsBasis<DataType>\n\n  // In order to support \"schema = { ... } as const\"\n  | (Omit<AllJSONSchemaVersionsBasis<DataType>, 'required'> & {\n      required?: readonly string[]\n    })\nexport { JSONSchemaType }\n\nexport type ValidatorReturnSync<Value> =\n  | Error\n  | FormError\n  | undefined\n  | void\n  | Array<Validator<Value>>\n  | Array<Error | FormError>\n\nexport type ValidatorReturnAsync<Value> =\n  | ValidatorReturnSync<Value>\n  | Promise<ValidatorReturnSync<Value>>\nexport type Validator<Value, ErrorMessages = DefaultErrorMessages> = (\n  value: Value,\n  additionalArgs: ReceiveAdditionalEventArgs<Value, ErrorMessages>\n) => ValidatorReturnAsync<Value>\nexport type ReceiveAdditionalEventArgs<\n  Value,\n  ErrorMessages = DefaultErrorMessages,\n> = {\n  /**\n   * Returns the error messages from the { errorMessages } object.\n   */\n  errorMessages: ErrorMessages\n\n  /**\n   * Connects the validator to another field.\n   * This allows you to rerun the validator function once the value of the connected field changes.\n   */\n  connectWithPath: (path: Path) => { getValue: () => Value }\n\n  /**\n   * Connects the validator to another field within an Iterate.Array.\n   * This allows you to rerun the validator function once the value of the connected field changes.\n   */\n  connectWithItemPath: (path: Path) => { getValue: () => Value }\n\n  /**\n   * Returns the value of the given path.\n   */\n  getValueByPath: GetValueByPath<Value>\n\n  /**\n   * Returns the value of the given path or the source value.\n   */\n  getSourceValue: GetValueByPath<Value>\n\n  /**\n   * Used internally to connect a field event listener to a path.\n   */\n  setFieldEventListener: (\n    path: Path,\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n\n  /**\n   * Returns the validators from the { exportValidators } object.\n   */\n  validators: Record<string, Validator<Value>> | undefined\n\n  /**\n   * The props passed to the Field component.\n   */\n  props: UseFieldProps<Value>\n\n  /**\n   * The internal data context.\n   */\n  dataContext: ContextState\n} & {\n  /** @deprecated use the error messages from the { errorMessages } object instead. */\n  pattern?: string\n  /** @deprecated use the error messages from the { errorMessages } object instead. */\n  required?: string\n}\n\nexport type ValidatorDisableable<Value> = Validator<Value> | false\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type GlobalErrorMessagesWithPaths =\n  | VariousErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: VariousErrorMessages\n    }\n\n/**\n * 'MyCustom.message': 'Your custom message'\n */\nexport type DotNotationErrorMessages = Record<\n  `${string}` | `${string}.${string}`,\n  string\n>\n/**\n * { 'nb-NO': { 'Field.errorRequired': 'Dette feltet er påkrevd' } }\n */\nexport type ErrorMessagesWithLocaleSupport = Record<\n  FormsTranslationLocale,\n  DefaultErrorMessages\n>\n\nexport type InternalErrorMessages = Record<FormsTranslationFlat, string>\nexport type DefaultErrorMessages = Partial<InternalErrorMessages> &\n  Partial<DotNotationErrorMessages> &\n  Partial<DeprecatedErrorMessages>\n\nexport type VariousErrorMessages =\n  | DefaultErrorMessages\n  | ErrorMessagesWithLocaleSupport\n\nexport type DeprecatedErrorMessages = {\n  /**\n   * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorRequired)\n   */\n  required?: string\n  /**\n   * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorPattern)\n   */\n  pattern?: string\n  /**\n   * @deprecated use StringField.errorMinLength instead\n   */\n  minLength?: string\n  /**\n   * @deprecated use StringField.errorMaxLength instead\n   */\n  maxLength?: string\n  /**\n   * @deprecated use NumberField.errorMinimum instead\n   */\n  minimum?: string\n  /**\n   * @deprecated use NumberField.errorMaximum instead\n   */\n  maximum?: string\n  /**\n   * @deprecated use NumberField.errorExclusiveMinimum instead\n   */\n  exclusiveMinimum?: string\n  /**\n   * @deprecated use NumberField.errorExclusiveMaximum instead\n   */\n  exclusiveMaximum?: string\n  /**\n   * @deprecated use NumberField.errorMultipleOf instead\n   */\n  multipleOf?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: Path\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: Path\n  /** Source data value for the field. Will take precedence over the path value given in the data context */\n  value?: Value\n  /** Default source data value for the field. Will not take precedence over the path value given in the data context */\n  defaultValue?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\ntype EventArgs<Value, ExtraValue extends ProvideAdditionalEventArgs> = [\n  value: Value,\n  additionalArgs?: ExtraValue | ReceiveAdditionalEventArgs<Value>,\n]\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ExtraValue extends ProvideAdditionalEventArgs = undefined,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (...args: EventArgs<Value | EmptyValue, ExtraValue>) => void\n  onBlur?: (...args: EventArgs<Value | EmptyValue, ExtraValue>) => void\n  onChange?: (\n    ...args: EventArgs<Value | EmptyValue, ExtraValue>\n  ) => OnChangeReturnType\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type ProvideAdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type MessagePropParams<Value, ReturnValue> = {\n  conditionally: (\n    callback: () => ReturnValue | void,\n    options?: {\n      showInitially?: boolean\n    }\n  ) => ReturnValue\n  getValueByPath: GetValueByPath<Value>\n  getFieldByPath: (path: Path) => {\n    props: FieldProps\n    id: Identifier\n  }\n}\nexport type MessageProp<Value, ReturnValue> =\n  | ReturnValue\n  | ((\n      value: Value,\n      options: MessagePropParams<Value, ReturnValue>\n    ) => ReturnValue)\nexport type MessageTypes<Value> =\n  | UseFieldProps<Value>['info']\n  | UseFieldProps<Value>['warning']\n  | UseFieldProps<Value>['error']\n\nexport type ConnectorProps<Value = unknown> = Pick<\n  UseFieldProps<Value>,\n  'onChange' | 'onBlurValidator'\n>\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all given props in a props object.\n   */\n  props?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: MessageProp<Value, React.ReactNode | Array<React.ReactNode>>\n  warning?: MessageProp<Value, React.ReactNode | Array<React.ReactNode>>\n  error?: MessageProp<Value, Error | FormError | Array<Error | FormError>>\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions<Value>\n  /** @deprecated Use `onChangeValidator` instead */\n  validator?: Validator<Value>\n  onChangeValidator?: Validator<Value>\n  onBlurValidator?: Validator<Value>\n  exportValidators?: Record<string, Validator<Value>>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  /**\n   * @deprecated – Replaced with validateContinuously, continuousValidation can be removed in v11.\n   */\n  continuousValidation?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  validateContinuously?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before it's displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: unknown) => Value\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value, additionalArgs?: unknown) => unknown\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transform additionalArgs or generate it based on `value`.\n   */\n  provideAdditionalArgs?: (\n    value: Value,\n    additionalArgs?: ProvideAdditionalEventArgs\n  ) => ProvideAdditionalEventArgs\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value from the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n\n  /**\n   * For internal use only.\n   */\n  valueType?: string | number | boolean | Array<string | number | boolean>\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & SharedFieldBlockProps\n\nexport type FieldPropsGeneric<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = Omit<\n  FieldProps<Value, EmptyValue, ErrorMessages>,\n  keyof DataValueWriteProps\n> &\n  DataValueWriteProps<Value, EmptyValue, ProvideAdditionalEventArgs>\n\nexport type FieldPropsWithExtraValue<\n  Value = unknown,\n  ExtraValue extends\n    ProvideAdditionalEventArgs = ProvideAdditionalEventArgs,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = Omit<\n  FieldProps<Value, EmptyValue, ErrorMessages>,\n  keyof DataValueWriteProps\n> &\n  DataValueWriteProps<Value, EmptyValue, ExtraValue>\n\nexport interface ValueProps<Value = unknown>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /** Use `true` to make the label only readable by screen readers. */\n  labelSrOnly?: boolean\n\n  /**\n   * Use `true` to inherit the label from a visible (rendered) field with the same path.\n   */\n  inheritLabel?: boolean\n\n  /**\n   * Use `true` to inherit the visibility from a field with the same path.\n   */\n  inheritVisibility?: boolean\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Provide help content for the value.\n   */\n  help?: HelpProps\n\n  /**\n   * Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.\n   */\n  transformLabel?: (\n    label: React.ReactNode,\n    convertJsxToString: (label: React.ReactNode) => string\n  ) => React.ReactNode\n\n  /**\n   * Transforms the `value` before it's displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n  customStatus?: unknown\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n  | { customStatus: unknown }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Cannot be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams<Data = JsonObject> = {\n  /** Will remove data entries of fields that are not visible */\n  reduceToVisibleFields: (\n    data: Data,\n    options?: VisibleDataOptions\n  ) => Partial<Data>\n\n  /** Will call the given function for each data path. The returned `value` will replace each data entry. It's up to you to define the shape of the value. */\n  transformData: (data: Data, handler: TransformData) => Partial<Data>\n\n  /** Will filter data based on the given \"filterDataHandler\" method */\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmitReturn =\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  {\n    reduceToVisibleFields,\n    transformData,\n    filterData,\n    resetForm,\n    clearData,\n  }: OnSubmitParams\n) => OnSubmitReturn\nexport type OnSubmitRequest = ({\n  getErrors,\n}: {\n  getErrors: () => Array<DataPathHandlerParameters>\n}) => void\n\nexport type OnCommit<Data = JsonObject> = (\n  data: Data,\n  {\n    clearData,\n    preventCommit,\n  }: {\n    clearData: () => void\n    preventCommit?: () => void\n  }\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = JsonObject> = (\n  data: Data,\n  additionalArgs: Pick<OnSubmitParams, 'filterData'>\n) => OnChangeReturnType\n\ntype OnChangeReturnType =\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":"AAwMA,MAAMA,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACC,IAAA;IAAA,IAAC,CAACC,GAAG,CAAC,GAAAD,IAAA;IAAA,OACvCP,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC;EAAA,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASE,sBAAsBA,CACpCR,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCK,KAAA;IAAA,IAAC,CAACH,GAAG,CAAC,GAAAG,KAAA;IAAA,OAAK,CAACX,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC;EAAA,CAC9C,CACF,CAAC;AACH;AAoBA,MAAMI,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCX,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACQ,KAAA;IAAA,IAAC,CAACN,GAAG,CAAC,GAAAM,KAAA;IAAA,OACvCF,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACnC,CACF,CAAC;AACH;AAEA,OAAO,SAASO,uBAAuBA,CACrCb,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCU,KAAA;IAAA,IAAC,CAACR,GAAG,CAAC,GAAAQ,KAAA;IAAA,OAAK,CAACJ,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CAC/C,CACF,CAAC;AACH;AAOA,OAAO,SAASS,2BAA2BA,CAEzCf,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCY,KAAA;IAAA,IAAC,CAACV,GAAG,CAAC,GAAAU,KAAA;IAAA,OACJlB,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC,IAChCI,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACrC,CACF,CAAC;AACH;AAEA,OAAO,SAASW,2BAA2BA,CAGzCjB,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCc,KAAA;IAAA,IAAC,CAACZ,GAAG,CAAC,GAAAY,KAAA;IAAA,OACJ,CAACpB,kBAAkB,CAACS,QAAQ,CAACD,GAAG,CAAC,IACjC,CAACI,mBAAmB,CAACH,QAAQ,CAACD,GAAG,CAAC;EAAA,CACtC,CACF,CAAC;AACH"}

package/fragments/drawer-list/DrawerList.d.ts

@@ -208,6 +208,9 @@ export type DrawerListItemProps = {
     value: string;
   }) => void;
 } & Omit<React.HTMLProps<HTMLElement>, 'children'>;
+export type DrawerListHorizontalItemProps = {
+  children: React.ReactNode;
+} & Omit<React.HTMLProps<HTMLElement>, 'children'>;
 export type DrawerListAllProps = DrawerListProps &
   SpacingProps &
   Omit<
@@ -221,7 +224,9 @@ export default class DrawerList extends React.Component<
   static defaultProps: object;
   static Options: (props: DrawerListOptionsProps) => JSX.Element;
   static Item: (props: DrawerListItemProps) => JSX.Element;
-  static HorizontalItem: (props: DrawerListItemProps) => JSX.Element;
+  static HorizontalItem: (
+    props: DrawerListHorizontalItemProps
+  ) => JSX.Element;
   render(): JSX.Element;
 }
 export type ItemContentChildren =

package/fragments/drawer-list/DrawerList.js

@@ -381,6 +381,7 @@ DrawerList.HorizontalItem = _ref4 => {
   }, props));
 };
 DrawerList.HorizontalItem.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
   className: PropTypes.string
 };
 class OnMounted extends React.PureComponent {

package/fragments/drawer-list/DrawerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListPropTypes","drawerListDefaultProps","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","PureComponent","constructor","props","_id","id","render","_this$context","hasProvider","context","drawerList","createElement","DrawerListInstance","_extends","data","children","_defineProperty","blurDelay","_objectSpread","process","env","NODE_ENV","propTypes","e","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","setState","Object","entries","reduce","acc","_ref","key","triangle_position","_this$context2","defaultProps","getTranslation","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","prepared_data","_prepared_data","raw_data","_raw_data","opened","_opened","value","_value","attributes","_objectWithoutProperties","_excluded","hidden","active_item","showFocusRing","closestToTop","closestToBottom","usePortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","rest","_excluded2","prevProps","nextProps","displayName","oneOfType","node","func","isRequired","string","bool","object","on_click","_excluded3","params","ItemContent","number","_ref2","undefined","content","Array","isArray","item","n","DrawerListOptionItem","prototype","hasOwnProperty","call","suffix_value","_ref3","_excluded4","HorizontalItem","_ref4","_excluded5","componentDidMount","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.js"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport {\n  drawerListPropTypes,\n  drawerListDefaultProps,\n} from './DrawerListHelpers'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport default class DrawerList extends React.PureComponent {\n  static contextType = DrawerListContext // only used for the hasProvide check\n\n  static blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\n  static propTypes = {\n    ...drawerListPropTypes,\n  }\n\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n  }\n\n  render() {\n    const hasProvider = this.context?.drawerList\n\n    if (hasProvider) {\n      return <DrawerListInstance {...this.props} />\n    }\n\n    return (\n      <DrawerListProvider\n        id={this._id}\n        {...this.props}\n        data={this.props.data || this.props.children}\n      >\n        <DrawerListInstance id={this._id} {...this.props} />\n      </DrawerListProvider>\n    )\n  }\n}\n\nclass DrawerListInstance extends React.PureComponent {\n  static propTypes = DrawerList.propTypes\n  static defaultProps = DrawerList.defaultProps\n  static contextType = DrawerListContext\n\n  constructor(props, context) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n\n    // send along the event handlers to the provider state\n    context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (props[key]) {\n          acc[key] = props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    context.drawerList.setState({\n      triangle_position: props.triangle_position,\n    })\n  }\n\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerList.defaultProps,\n      this.context.getTranslation(this.props).DrawerList\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      prepared_data: _prepared_data, // eslint-disable-line\n      raw_data: _raw_data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      usePortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = this.context.drawerList\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: '-1',\n      style: {\n        maxHeight: max_height > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item) > -1 ||\n        (!(parseFloat(active_item) > -1) &&\n          !(parseFloat(selected_item) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = '0'\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n          style: dataItem.style,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            children && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          usePortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        {usePortal ? (\n          <DrawerListPortal\n            id={this._id}\n            rootRef={_refRoot}\n            opened={hidden === false}\n            include_owner_width={align_drawer === 'right'}\n            independent_width={isTrue(independent_width)}\n            fixed_position={isTrue(fixed_position)}\n            className={getThemeClasses(this.context?.theme, portal_class)}\n          >\n            {mainList}\n          </DrawerListPortal>\n        ) : (\n          mainList\n        )}\n      </span>\n    )\n  }\n}\n\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef((props, ref) => {\n    const {\n      children,\n      className = null,\n      triangleRef = null,\n      cache_hash = null, // eslint-disable-line\n      showFocusRing = false,\n      ...rest\n    } = props\n\n    return (\n      <ul\n        className={classnames(\n          'dnb-drawer-list__options',\n          showFocusRing && 'dnb-drawer-list__options--focusring',\n          className\n        )}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n        <li\n          className=\"dnb-drawer-list__triangle\"\n          aria-hidden\n          ref={triangleRef}\n        />\n      </ul>\n    )\n  }),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\nDrawerList.Options.displayName = 'DrawerList.Options'\nDrawerList.Options.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n  cache_hash: PropTypes.string,\n  showFocusRing: PropTypes.bool,\n  className: PropTypes.string,\n  triangleRef: PropTypes.object,\n}\n\n// DrawerList Item\nDrawerList.Item = React.forwardRef((props, ref) => {\n  const {\n    role = 'option', // eslint-disable-line\n    hash = '', // eslint-disable-line\n    children, // eslint-disable-line\n    className = null, // eslint-disable-line\n    on_click = null, // eslint-disable-line\n    selected, // eslint-disable-line\n    active = null, // eslint-disable-line\n    value = null, // eslint-disable-line\n    disabled, // eslint-disable-line\n    ...rest\n  } = props\n\n  const params = {\n    className: classnames(\n      className,\n      'dnb-drawer-list__option',\n      selected && 'dnb-drawer-list__option--selected',\n      active && 'dnb-drawer-list__option--focus'\n    ),\n    role,\n    tabIndex: selected ? '0' : '-1',\n    'aria-selected': active,\n    disabled,\n    'aria-disabled': disabled,\n  }\n  if (selected) {\n    params['aria-current'] = true // has best support on NVDA\n  }\n\n  if (on_click) {\n    params.onClick = () =>\n      dispatchCustomElementEvent(\n        {\n          props: { ...props, displayName: DrawerList.Item.displayName },\n        },\n        'on_click',\n        {\n          selected,\n          value,\n          ...rest,\n        }\n      )\n  }\n\n  return (\n    <li {...params} {...rest} ref={ref} key={'li' + hash}>\n      <span className=\"dnb-drawer-list__option__inner\">\n        <ItemContent hash={hash}>{children}</ItemContent>\n      </span>\n    </li>\n  )\n})\nDrawerList.Item.displayName = 'DrawerList.Item'\nDrawerList.Item.propTypes = {\n  role: PropTypes.string,\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.object,\n  ]).isRequired,\n  className: PropTypes.string,\n  on_click: PropTypes.func,\n  selected: PropTypes.bool,\n  active: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n}\n\nexport function ItemContent({ hash = '', children = undefined }) {\n  let content = null\n\n  if (Array.isArray(children.content || children)) {\n    content = (children.content || children).map((item, n) => (\n      <DrawerListOptionItem\n        key={hash + n}\n        className={`item-nr-${n + 1}`} // \"item-nr\" is used by CSS\n      >\n        {children.render ? children.render(item, hash + n) : item}\n      </DrawerListOptionItem>\n    ))\n  } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {\n    content = children.render\n      ? children.render(children.content, hash, children)\n      : children.content\n    if (content) {\n      content = <DrawerListOptionItem>{content}</DrawerListOptionItem>\n    }\n  } else {\n    content = children && (\n      <DrawerListOptionItem>{children}</DrawerListOptionItem>\n    )\n  }\n\n  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? (\n    <>\n      {content}\n\n      <DrawerListOptionItem className=\"dnb-drawer-list__option__suffix\">\n        {children.suffix_value}\n      </DrawerListOptionItem>\n    </>\n  ) : (\n    content\n  )\n}\nItemContent.propTypes = {\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n}\n\nfunction DrawerListOptionItem({\n  children = undefined,\n  className = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames(['dnb-drawer-list__option__item', className])}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nDrawerList.HorizontalItem = ({ className = null, ...props }) => (\n  <DrawerListOptionItem\n    className={classnames([\n      'dnb-drawer-list__option__item--horizontal',\n      className,\n    ])}\n    {...props}\n  />\n)\n\nDrawerList.HorizontalItem.propTypes = {\n  className: PropTypes.string,\n}\n\nclass OnMounted extends React.PureComponent {\n  static propTypes = {\n    addObservers: PropTypes.func.isRequired,\n    removeObservers: PropTypes.func.isRequired,\n  }\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListPropTypes","drawerListDefaultProps","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","PureComponent","constructor","props","_id","id","render","_this$context","hasProvider","context","drawerList","createElement","DrawerListInstance","_extends","data","children","_defineProperty","blurDelay","_objectSpread","process","env","NODE_ENV","propTypes","e","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","setState","Object","entries","reduce","acc","_ref","key","triangle_position","_this$context2","defaultProps","getTranslation","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","prepared_data","_prepared_data","raw_data","_raw_data","opened","_opened","value","_value","attributes","_objectWithoutProperties","_excluded","hidden","active_item","showFocusRing","closestToTop","closestToBottom","usePortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","rest","_excluded2","prevProps","nextProps","displayName","oneOfType","node","func","isRequired","string","bool","object","on_click","_excluded3","params","ItemContent","number","_ref2","undefined","content","Array","isArray","item","n","DrawerListOptionItem","prototype","hasOwnProperty","call","suffix_value","_ref3","_excluded4","HorizontalItem","_ref4","_excluded5","componentDidMount","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.js"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport {\n  drawerListPropTypes,\n  drawerListDefaultProps,\n} from './DrawerListHelpers'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport default class DrawerList extends React.PureComponent {\n  static contextType = DrawerListContext // only used for the hasProvide check\n\n  static blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\n  static propTypes = {\n    ...drawerListPropTypes,\n  }\n\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n  }\n\n  render() {\n    const hasProvider = this.context?.drawerList\n\n    if (hasProvider) {\n      return <DrawerListInstance {...this.props} />\n    }\n\n    return (\n      <DrawerListProvider\n        id={this._id}\n        {...this.props}\n        data={this.props.data || this.props.children}\n      >\n        <DrawerListInstance id={this._id} {...this.props} />\n      </DrawerListProvider>\n    )\n  }\n}\n\nclass DrawerListInstance extends React.PureComponent {\n  static propTypes = DrawerList.propTypes\n  static defaultProps = DrawerList.defaultProps\n  static contextType = DrawerListContext\n\n  constructor(props, context) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n\n    // send along the event handlers to the provider state\n    context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (props[key]) {\n          acc[key] = props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    context.drawerList.setState({\n      triangle_position: props.triangle_position,\n    })\n  }\n\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerList.defaultProps,\n      this.context.getTranslation(this.props).DrawerList\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      prepared_data: _prepared_data, // eslint-disable-line\n      raw_data: _raw_data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      usePortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = this.context.drawerList\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: '-1',\n      style: {\n        maxHeight: max_height > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item) > -1 ||\n        (!(parseFloat(active_item) > -1) &&\n          !(parseFloat(selected_item) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = '0'\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n          style: dataItem.style,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            children && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          usePortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        {usePortal ? (\n          <DrawerListPortal\n            id={this._id}\n            rootRef={_refRoot}\n            opened={hidden === false}\n            include_owner_width={align_drawer === 'right'}\n            independent_width={isTrue(independent_width)}\n            fixed_position={isTrue(fixed_position)}\n            className={getThemeClasses(this.context?.theme, portal_class)}\n          >\n            {mainList}\n          </DrawerListPortal>\n        ) : (\n          mainList\n        )}\n      </span>\n    )\n  }\n}\n\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef((props, ref) => {\n    const {\n      children,\n      className = null,\n      triangleRef = null,\n      cache_hash = null, // eslint-disable-line\n      showFocusRing = false,\n      ...rest\n    } = props\n\n    return (\n      <ul\n        className={classnames(\n          'dnb-drawer-list__options',\n          showFocusRing && 'dnb-drawer-list__options--focusring',\n          className\n        )}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n        <li\n          className=\"dnb-drawer-list__triangle\"\n          aria-hidden\n          ref={triangleRef}\n        />\n      </ul>\n    )\n  }),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\nDrawerList.Options.displayName = 'DrawerList.Options'\nDrawerList.Options.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n  cache_hash: PropTypes.string,\n  showFocusRing: PropTypes.bool,\n  className: PropTypes.string,\n  triangleRef: PropTypes.object,\n}\n\n// DrawerList Item\nDrawerList.Item = React.forwardRef((props, ref) => {\n  const {\n    role = 'option', // eslint-disable-line\n    hash = '', // eslint-disable-line\n    children, // eslint-disable-line\n    className = null, // eslint-disable-line\n    on_click = null, // eslint-disable-line\n    selected, // eslint-disable-line\n    active = null, // eslint-disable-line\n    value = null, // eslint-disable-line\n    disabled, // eslint-disable-line\n    ...rest\n  } = props\n\n  const params = {\n    className: classnames(\n      className,\n      'dnb-drawer-list__option',\n      selected && 'dnb-drawer-list__option--selected',\n      active && 'dnb-drawer-list__option--focus'\n    ),\n    role,\n    tabIndex: selected ? '0' : '-1',\n    'aria-selected': active,\n    disabled,\n    'aria-disabled': disabled,\n  }\n  if (selected) {\n    params['aria-current'] = true // has best support on NVDA\n  }\n\n  if (on_click) {\n    params.onClick = () =>\n      dispatchCustomElementEvent(\n        {\n          props: { ...props, displayName: DrawerList.Item.displayName },\n        },\n        'on_click',\n        {\n          selected,\n          value,\n          ...rest,\n        }\n      )\n  }\n\n  return (\n    <li {...params} {...rest} ref={ref} key={'li' + hash}>\n      <span className=\"dnb-drawer-list__option__inner\">\n        <ItemContent hash={hash}>{children}</ItemContent>\n      </span>\n    </li>\n  )\n})\nDrawerList.Item.displayName = 'DrawerList.Item'\nDrawerList.Item.propTypes = {\n  role: PropTypes.string,\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.object,\n  ]).isRequired,\n  className: PropTypes.string,\n  on_click: PropTypes.func,\n  selected: PropTypes.bool,\n  active: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n}\n\nexport function ItemContent({ hash = '', children = undefined }) {\n  let content = null\n\n  if (Array.isArray(children.content || children)) {\n    content = (children.content || children).map((item, n) => (\n      <DrawerListOptionItem\n        key={hash + n}\n        className={`item-nr-${n + 1}`} // \"item-nr\" is used by CSS\n      >\n        {children.render ? children.render(item, hash + n) : item}\n      </DrawerListOptionItem>\n    ))\n  } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {\n    content = children.render\n      ? children.render(children.content, hash, children)\n      : children.content\n    if (content) {\n      content = <DrawerListOptionItem>{content}</DrawerListOptionItem>\n    }\n  } else {\n    content = children && (\n      <DrawerListOptionItem>{children}</DrawerListOptionItem>\n    )\n  }\n\n  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? (\n    <>\n      {content}\n\n      <DrawerListOptionItem className=\"dnb-drawer-list__option__suffix\">\n        {children.suffix_value}\n      </DrawerListOptionItem>\n    </>\n  ) : (\n    content\n  )\n}\nItemContent.propTypes = {\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n}\n\nfunction DrawerListOptionItem({\n  children = undefined,\n  className = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames(['dnb-drawer-list__option__item', className])}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nDrawerList.HorizontalItem = ({ className = null, ...props }) => (\n  <DrawerListOptionItem\n    className={classnames([\n      'dnb-drawer-list__option__item--horizontal',\n      className,\n    ])}\n    {...props}\n  />\n)\n\nDrawerList.HorizontalItem.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n  className: PropTypes.string,\n}\n\nclass OnMounted extends React.PureComponent {\n  static propTypes = {\n    addObservers: PropTypes.func.isRequired,\n    removeObservers: PropTypes.func.isRequired,\n  }\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "10.65.0",
+  "version": "10.66.0",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.65.0";
+export declare const version = "10.66.0";
 export declare function init(): void;

package/shared/Eufemia.js

@@ -1,9 +1,9 @@
-export const version = '10.65.0';
+export const version = '10.66.0';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.65.0';
+        return '10.66.0';
       }
     }
     window.Eufemia = new Eufemia();

package/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.65.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.65.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.66.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.66.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.65.0';
+  --eufemia-version: '10.66.0';
 
   @content;
 }

package/style/dnb-ui-basis.css

@@ -244,7 +244,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.65.0";
+  --eufemia-version: "10.66.0";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,