@dnb/eufemia 10.62.2 → 10.62.4

package/cjs/style/themes/theme-ui/ui-theme-forms.min.css

@@ -1,4 +1,4 @@
-.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__right]){margin-right: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}.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}.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;margin-bottom:var(--space);outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-small){--space:var(--spacing-small)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-medium){--space:var(--spacing-medium)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-large){--space:var(--spacing-large)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){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):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
+.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__right]){margin-right: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}.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}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
     --color-mint-green-12
   );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
     --color-mint-green-50

package/components/card/Card.js

@@ -15,6 +15,7 @@ import CardContext from './CardContext';
 import Space from '../Space';
 import useId from '../../shared/helpers/useId';
 function Card(props) {
+  var _ref;
   const nestedContext = useContext(CardContext);
   const {
       className,
@@ -82,7 +83,7 @@ function Card(props) {
     alignSelf: alignSelf,
     align: stack ? 'stretch' : align,
     wrap: !stack,
-    gap: stack ? 'medium' : (gap !== null && gap !== void 0 ? gap : spacing) || false,
+    gap: (_ref = gap !== null && gap !== void 0 ? gap : spacing) !== null && _ref !== void 0 ? _ref : stack ? 'medium' : false,
     rowGap: rowGap || false
   }, title && React.createElement(Space, {
     id: titleId,

package/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","useContext","classnames","Flex","SectionParams","combineLabelledBy","CardContext","Space","useId","Card","props","nestedContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Provider","value","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={stack ? 'medium' : (gap ?? spacing) || false}\n          rowGap={rowGap || false}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["React","useContext","classnames","Flex","SectionParams","combineLabelledBy","CardContext","Space","useId","Card","props","_ref","nestedContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Provider","value","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={gap ?? spacing ?? (stack ? 'medium' : false)}\n          rowGap={rowGap || false}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}

package/components/radio/Radio.js

@@ -143,7 +143,8 @@ export default class Radio extends React.PureComponent {
       } = this.props;
       if (this.context.onChange) {
         this.context.onChange({
-          value
+          value,
+          event
         });
       }
       dispatchCustomElementEvent(this, 'on_change', {

package/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","keycode","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio 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  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","keycode","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio 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  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n        event,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/card/Card.js

@@ -15,6 +15,7 @@ import CardContext from './CardContext';
 import Space from '../Space';
 import useId from '../../shared/helpers/useId';
 function Card(props) {
+  var _ref;
   const nestedContext = useContext(CardContext);
   const {
       className,
@@ -82,7 +83,7 @@ function Card(props) {
     alignSelf: alignSelf,
     align: stack ? 'stretch' : align,
     wrap: !stack,
-    gap: stack ? 'medium' : (gap !== null && gap !== void 0 ? gap : spacing) || false,
+    gap: (_ref = gap !== null && gap !== void 0 ? gap : spacing) !== null && _ref !== void 0 ? _ref : stack ? 'medium' : false,
     rowGap: rowGap || false
   }, title && React.createElement(Space, {
     id: titleId,

package/es/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","useContext","classnames","Flex","SectionParams","combineLabelledBy","CardContext","Space","useId","Card","props","nestedContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Provider","value","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={stack ? 'medium' : (gap ?? spacing) || false}\n          rowGap={rowGap || false}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["React","useContext","classnames","Flex","SectionParams","combineLabelledBy","CardContext","Space","useId","Card","props","_ref","nestedContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Provider","value","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={gap ?? spacing ?? (stack ? 'medium' : false)}\n          rowGap={rowGap || false}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}

package/es/components/radio/Radio.js

@@ -142,7 +142,8 @@ export default class Radio extends React.PureComponent {
       } = this.props;
       if (this.context.onChange) {
         this.context.onChange({
-          value
+          value,
+          event
         });
       }
       dispatchCustomElementEvent(this, 'on_change', {

package/es/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","keycode","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio 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  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","keycode","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio 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  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n        event,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/extensions/forms/Form/Section/style/dnb-form-section.css

@@ -11,19 +11,9 @@
 .dnb-forms-section-block__inner {
   flex: 1;
   outline: none;
-  margin-bottom: var(--space);
   transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
   transform: translateY(-2.5rem);
 }
-.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-small) {
-  --space: var(--spacing-small);
-}
-.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-medium) {
-  --space: var(--spacing-medium);
-}
-.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-large) {
-  --space: var(--spacing-large);
-}
 .dnb-forms-section-block__inner .dnb-dl .dnb-dd {
   margin-bottom: 0;
 }

package/es/extensions/forms/Form/Section/style/dnb-form-section.min.css

@@ -1 +1 @@
-.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;margin-bottom:var(--space);outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-small){--space:var(--spacing-small)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-medium){--space:var(--spacing-medium)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-large){--space:var(--spacing-large)}.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-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)}