@dnb/eufemia 10.34.0 → 10.35.0

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

@@ -159,6 +159,16 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
   width: var(--number-control-button-width--large);
 }
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
+  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;
+}
 
 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
   color: var(--color-fire-red);
@@ -380,6 +390,52 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   margin-bottom: var(--spacing-small);
 }
 
+.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;
+  margin-bottom: var(--space);
+  padding: var(--padding, 1rem);
+  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
+  transform: translateY(-2.5rem);
+}
+.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner, .dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]) {
+  --padding: 0;
+}
+.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
+  border-radius: 0.375rem;
+}
+.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
+  --space: var(--spacing-small);
+}
+.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
+  --space: var(--spacing-medium);
+}
+.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
+  --space: var(--spacing-large);
+}
+.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
+  box-shadow: inset 0 0 0 2px var(--block-outline-color);
+}
+.dnb-forms-section-block__inner .dnb-dl .dnb-dd {
+  margin-bottom: 0;
+}
+.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner {
+  transform: translateY(-0.5rem);
+}
+.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner {
+  transform: translateY(0);
+}
+
 /*
  * Utilities
  */
@@ -489,50 +545,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     font-size: 0;
   }
 }
-.dnb-forms-iterate-block {
-  --block-outline-color: var(--outline-color, var(--color-lavender));
-}
-.dnb-forms-iterate-block--error:has(.dnb-form-status--error) {
-  --block-outline-color: var(--color-fire-red);
-}
-.dnb-forms-iterate-block:not(.dnb-height-animation--hidden) {
-  display: flex;
-  flex-direction: column;
-}
-.dnb-forms-iterate-block__inner {
-  flex: 1;
-  margin-bottom: var(--space);
-  padding: var(--padding, 1rem);
-  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
-  transform: translateY(-2.5rem);
-}
-.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner, .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
-  --padding: 0;
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
-  border-radius: 0.375rem;
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
-  --space: var(--spacing-small);
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
-  --space: var(--spacing-medium);
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
-  --space: var(--spacing-large);
-}
-.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
-  box-shadow: inset 0 0 0 2px var(--block-outline-color);
-}
-.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
-  margin-bottom: 0;
-}
-.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner {
-  transform: translateY(-0.5rem);
-}
-.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner {
-  transform: translateY(0);
-}
 .dnb-forms-iterate__element {
   outline: none;
 }

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

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.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(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;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{display:flex}.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-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__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}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__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.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__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.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__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.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:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.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-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.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);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;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.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-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner,.dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner{transform:translateY(-.5rem)}.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner{transform:translateY(0)}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.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--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.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:25em){.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-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:25em){.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-medium);column-gap:var(--spacing-medium);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-card{max-width:var(--forms-card-max-width)}.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 (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@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:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
+@charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.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(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;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{display:flex}.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}.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__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}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__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.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__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.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__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.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:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.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;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom: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-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.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);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;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.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-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.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--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.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:25em){.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-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:25em){.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-medium);column-gap:var(--spacing-medium);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-card{max-width:var(--forms-card-max-width)}.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 (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@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:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}

package/cjs/extensions/payment-card/PaymentCard.js

@@ -132,7 +132,6 @@ _defineProperty(PaymentCard, "defaultProps", _objectSpread({
   id: null,
   raw_data: null,
   skeleton: false,
-  class: null,
   className: null,
   children: null
 }, translationDefaultPropsProps));
@@ -147,7 +146,6 @@ process.env.NODE_ENV !== "production" ? PaymentCard.propTypes = _objectSpread(_o
   locale: _propTypes.default.string,
   skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
 }, _SpacingHelper.spacingPropTypes), {}, {
-  class: _propTypes.default.string,
   className: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func])
 }) : void 0;

package/cjs/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_P","_Types","_CardDesigns","_interopRequireWildcard","_cardProducts","_icons","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","cardDataPropTypes","process","env","NODE_ENV","PropTypes","shape","productCode","string","isRequired","productName","displayName","cardDesign","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","text_unknown","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","NormalCard","isTrue","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","propTypes","oneOf","oneOfType","number","bool","spacingPropTypes","node","func","formatCardNumberRegex","slice","replace","trim","card","cardProducts","find","item","defaultCard","defaultDesign","CardType","None","ProductType","BankAxeptType","StatusOverlay","BlockingOverlay","_ref2","text","StatusIcon","status","top","_ref3","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","_ref4","modifier","_ref5","_data$cardDesign","cardStyle","backgroundImage","style","BankLogo","logoType","bankLogo","ProductLogo","BankAxeptLogo","TypeLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    class: null,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  const cardStatusMap = {\n    not_active: translations.text_not_active,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    unknown: translations.text_unknown,\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <BlockingOverlay\n      cardStatus={cardStatus}\n      text={cardStatusMap[cardStatus]}\n    />\n  ) : null\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_P","_Types","_CardDesigns","_interopRequireWildcard","_cardProducts","_icons","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","cardDataPropTypes","process","env","NODE_ENV","PropTypes","shape","productCode","string","isRequired","productName","displayName","cardDesign","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","text_unknown","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","NormalCard","isTrue","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","propTypes","oneOf","oneOfType","number","bool","spacingPropTypes","node","func","formatCardNumberRegex","slice","replace","trim","card","cardProducts","find","item","defaultCard","defaultDesign","CardType","None","ProductType","BankAxeptType","StatusOverlay","BlockingOverlay","_ref2","text","StatusIcon","status","top","_ref3","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","_ref4","modifier","_ref5","_data$cardDesign","cardStyle","backgroundImage","style","BankLogo","logoType","bankLogo","ProductLogo","BankAxeptLogo","TypeLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  const cardStatusMap = {\n    not_active: translations.text_not_active,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    unknown: translations.text_unknown,\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <BlockingOverlay\n      cardStatus={cardStatus}\n      text={cardStatusMap[cardStatus]}\n    />\n  ) : null\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -145,7 +145,6 @@ export interface DrawerListProps {
    */
   skip_keysearch?: boolean;
   opened?: boolean;
-  class?: string;
   /**
    * The data we want to fill the list with. Provide the data as a JSON string, array, or object in the specified data structure. If you don't have to define a value, you can also send in a function which will be called once the user opens the DrawerList.
    */

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

@@ -16,9 +16,9 @@ var _DrawerListContext = _interopRequireDefault(require("./DrawerListContext"));
 var _DrawerListProvider = _interopRequireDefault(require("./DrawerListProvider"));
 var _DrawerListPortal = _interopRequireDefault(require("./DrawerListPortal"));
 var _DrawerListHelpers = require("./DrawerListHelpers");
-const _excluded = ["role", "align_drawer", "fixed_position", "independent_width", "scrollable", "focusable", "size", "no_animation", "no_scroll_animation", "prevent_selection", "action_menu", "is_popup", "portal_class", "list_class", "ignore_events", "options_render", "className", "class", "cache_hash", "wrapper_element", "triangle_position", "direction", "max_height", "id", "data", "prepared_data", "raw_data", "opened", "value", "children"],
-  _excluded2 = ["children", "className", "class", "triangleRef", "cache_hash", "showFocusRing"],
-  _excluded3 = ["role", "hash", "children", "className", "class", "on_click", "selected", "active", "value"],
+const _excluded = ["role", "align_drawer", "fixed_position", "independent_width", "scrollable", "focusable", "size", "no_animation", "no_scroll_animation", "prevent_selection", "action_menu", "is_popup", "portal_class", "list_class", "ignore_events", "options_render", "className", "cache_hash", "wrapper_element", "triangle_position", "direction", "max_height", "id", "data", "prepared_data", "raw_data", "opened", "value", "children"],
+  _excluded2 = ["children", "className", "triangleRef", "cache_hash", "showFocusRing"],
+  _excluded3 = ["role", "hash", "children", "className", "on_click", "selected", "active", "value"],
   _excluded4 = ["className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -127,7 +127,6 @@ class DrawerListInstance extends _react.default.PureComponent {
         ignore_events,
         options_render,
         className,
-        class: _className,
         cache_hash: _cache_hash,
         wrapper_element: _wrapper_element,
         triangle_position: _triangle_position,
@@ -166,7 +165,7 @@ class DrawerListInstance extends _react.default.PureComponent {
     } = this.context.drawerList;
     const mainParams = _objectSpread({
       id: `${id}-drawer-list`,
-      className: (0, _classnames.default)(`dnb-drawer-list dnb-drawer-list--${direction}`, ((0, _componentHelper.isTrue)(independent_width) || (0, _componentHelper.isTrue)(action_menu)) && 'dnb-drawer-list--independent-width', (0, _SpacingHelper.createSpacingClasses)(props), _className, className, opened && 'dnb-drawer-list--opened', hidden && 'dnb-drawer-list--hidden', triangle_position && `dnb-drawer-list--triangle-position-${triangle_position}`, align_drawer && `dnb-drawer-list--${align_drawer}`, size && `dnb-drawer-list--${size}`, (0, _componentHelper.isTrue)(action_menu) && `dnb-drawer-list--action-menu`, (0, _componentHelper.isTrue)(is_popup) && 'dnb-drawer-list--is-popup', (0, _componentHelper.isTrue)(scrollable) && 'dnb-drawer-list--scroll', (0, _componentHelper.isTrue)(no_scroll_animation) && 'dnb-drawer-list--no-scroll-animation')
+      className: (0, _classnames.default)(`dnb-drawer-list dnb-drawer-list--${direction}`, ((0, _componentHelper.isTrue)(independent_width) || (0, _componentHelper.isTrue)(action_menu)) && 'dnb-drawer-list--independent-width', (0, _SpacingHelper.createSpacingClasses)(props), className, opened && 'dnb-drawer-list--opened', hidden && 'dnb-drawer-list--hidden', triangle_position && `dnb-drawer-list--triangle-position-${triangle_position}`, align_drawer && `dnb-drawer-list--${align_drawer}`, size && `dnb-drawer-list--${size}`, (0, _componentHelper.isTrue)(action_menu) && `dnb-drawer-list--action-menu`, (0, _componentHelper.isTrue)(is_popup) && 'dnb-drawer-list--is-popup', (0, _componentHelper.isTrue)(scrollable) && 'dnb-drawer-list--scroll', (0, _componentHelper.isTrue)(no_scroll_animation) && 'dnb-drawer-list--no-scroll-animation')
     }, attributes);
     const listParams = {
       id: `${id}-listbox`,
@@ -262,14 +261,13 @@ DrawerList.Options = _react.default.memo(_react.default.forwardRef((props, ref)
   const {
       children,
       className,
-      class: _className,
       triangleRef = null,
       cache_hash,
       showFocusRing
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   return _react.default.createElement("ul", _extends({
-    className: (0, _classnames.default)('dnb-drawer-list__options', className, _className, showFocusRing && 'dnb-drawer-list__options--focusring')
+    className: (0, _classnames.default)('dnb-drawer-list__options', className, showFocusRing && 'dnb-drawer-list__options--focusring')
   }, rest, {
     ref: ref
   }), children, _react.default.createElement("li", {
@@ -289,14 +287,12 @@ DrawerList.Options.propTypes = {
   cache_hash: _propTypes.default.string,
   showFocusRing: _propTypes.default.bool,
   className: _propTypes.default.string,
-  class: _propTypes.default.string,
   triangleRef: _propTypes.default.object
 };
 DrawerList.Options.defaultProps = {
   cache_hash: null,
   showFocusRing: false,
   className: null,
-  class: null,
   triangleRef: null
 };
 DrawerList.Item = _react.default.forwardRef((props, ref) => {
@@ -305,7 +301,6 @@ DrawerList.Item = _react.default.forwardRef((props, ref) => {
       hash,
       children,
       className,
-      class: _className,
       on_click,
       selected,
       active,
@@ -313,7 +308,7 @@ DrawerList.Item = _react.default.forwardRef((props, ref) => {
     } = props,
     rest = _objectWithoutProperties(props, _excluded3);
   const params = {
-    className: (0, _classnames.default)(className, _className, 'dnb-drawer-list__option', selected && 'dnb-drawer-list__option--selected', active && 'dnb-drawer-list__option--focus'),
+    className: (0, _classnames.default)(className, 'dnb-drawer-list__option', selected && 'dnb-drawer-list__option--selected', active && 'dnb-drawer-list__option--focus'),
     role,
     tabIndex: selected ? '0' : '-1',
     'aria-selected': active
@@ -346,7 +341,6 @@ DrawerList.Item.propTypes = {
   hash: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func, _propTypes.default.object]).isRequired,
   className: _propTypes.default.string,
-  class: _propTypes.default.string,
   on_click: _propTypes.default.func,
   selected: _propTypes.default.bool,
   active: _propTypes.default.bool,
@@ -356,7 +350,6 @@ DrawerList.Item.defaultProps = {
   role: 'option',
   hash: '',
   className: null,
-  class: null,
   on_click: null,
   selected: null,
   active: null,