@dnb/eufemia 10.75.4 → 10.76.0

package/extensions/forms/constants/locales/sv-SE.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv-SE.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","optionalLabelSuffix","SubmitButton","text","sendText","SubmitIndicator","label","Isolation","commitButtonText","preventUncommittedChangesText","Step","summaryTitle","stepHasError","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","confirmRemoveText","InfoOverlaySuccess","title","description","buttonText","InfoOverlayError","cancelButton","retryButton","retryingText","SectionViewContainer","editButton","SectionEditContainer","doneButton","errorInSection","IterateViewContainer","removeButton","IterateEditContainer","resetButton","errorInContainer","confirmResetText","IteratePushContainer","createButton","itemsLimitReached","IterateArray","errorMinItems","errorMaxItems","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","PostalAddress","StreetAddress","Date","errorRequiredRange","errorMinDate","errorMaxDate","errorStartDateMinDate","errorStartDateMaxDate","errorEndDateMinDate","errorEndDateMaxDate","errorInvalidDate","errorInvalidStartDate","errorInvalidEndDate","Expiry","errorMonth","errorYear","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","errorFnr","errorFnrLength","errorDnr","errorDnrLength","errorMinimumAgeValidator","errorMinimumAgeValidatorLength","OrganizationNumber","errorOrgNo","errorOrgNoLength","BankAccountNumber","errorBankAccountNumber","errorBankAccountNumberLength","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","invalidCode","PostalCode","City","SelectCountry","placeholder","SelectCurrency","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/sv-SE.ts"],"sourcesContent":["import nb from './nb-NO'\nexport default {\n  'sv-SE': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Fel som måste åtgärdas',\n      stateSummary: 'Sammanfattning:',\n      errorSummary: 'Fel som måste åtgärdas:',\n      errorRequired: 'Detta fält måste fyllas i.',\n      errorPattern: 'Värdet är ogiltigt.',\n      optionalLabelSuffix: '(valfritt)',\n    },\n    SubmitButton: {\n      text: 'Skicka',\n      sendText: 'Skicka in',\n    },\n    SubmitIndicator: {\n      label: 'Vänligen vänta',\n    },\n    Isolation: {\n      commitButtonText: 'Lägg till',\n      preventUncommittedChangesText:\n        'Du har ändringar som antingen måste läggas till eller rensas.',\n    },\n    Step: {\n      summaryTitle: 'Sammanfattning',\n      stepHasError: 'Formuläret innehåller fel.',\n    },\n    WizardEditButton: {\n      text: 'Ändra',\n    },\n    WizardPreviousButton: {\n      text: 'Tillbaka',\n    },\n    WizardNextButton: {\n      text: 'Nästa',\n    },\n    RemoveButton: {\n      text: 'Ta bort',\n      confirmRemoveText: 'Är du säker på att du vill ta bort detta?',\n    },\n    InfoOverlaySuccess: {\n      title: 'Tack',\n      description: 'Vi har mottagit din information.',\n      buttonText: 'Tillbaka till startsidan',\n    },\n    InfoOverlayError: {\n      title: 'Tyvärr, något gick fel',\n      description: 'Försök igen eller kontakta oss om felet kvarstår.',\n      cancelButton: 'Tillbaka',\n      retryButton: 'Försök igen',\n      retryingText: 'Försöker igen...',\n    },\n    SectionViewContainer: {\n      editButton: 'Ändra',\n    },\n    SectionEditContainer: {\n      doneButton: 'Klar',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Felen ovan måste åtgärdas.',\n    },\n    IterateViewContainer: {\n      removeButton: 'Ta bort',\n      editButton: 'Ändra',\n    },\n    IterateEditContainer: {\n      removeButton: 'Ta bort',\n      doneButton: 'Klar',\n      cancelButton: 'Avbryt',\n      resetButton: 'Återställ',\n      errorInContainer: 'Felen ovan måste åtgärdas.',\n      confirmResetText:\n        'Är du säker på att du vill återställa ändringarna?',\n    },\n    IteratePushContainer: {\n      createButton: 'Lägg till',\n      itemsLimitReached: 'Du har nått gränsen på: {limit}',\n    },\n    IterateArray: {\n      errorMinItems: 'Du måste lägga till minst {minItems}.',\n      errorMaxItems: 'Du kan inte lägga till fler än {maxItems}.',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'Värdet kan inte vara kortare än {minLength} tecken.',\n      errorMaxLength: 'Värdet kan inte vara längre än {maxLength} tecken.',\n    },\n    NumberField: {\n      errorMinimum: 'Värdet måste vara minst {minimum}.',\n      errorMaximum: 'Värdet får vara högst {maximum}.',\n      errorExclusiveMinimum:\n        'Värdet måste vara större än {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Värdet måste vara mindre än {exclusiveMaximum}.',\n      errorMultipleOf: 'Värdet måste vara en multipel av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nej',\n    },\n    ToggleField: {\n      yes: 'Ja',\n      no: 'Nej',\n    },\n\n    /**\n     * Feature fields\n     */\n    PostalAddress: {\n      label: 'Postadress',\n      errorRequired: 'Du måste fylla i en postadress.',\n      errorPattern: 'Ogiltig postadress. Ange en postadress.',\n    },\n    StreetAddress: {\n      label: 'Gatuadress',\n      errorRequired: 'Du måste fylla i en gatuadress.',\n      errorPattern: 'Ogiltig gatuadress. Ange en gatuadress.',\n    },\n    Date: {\n      label: 'Datum',\n      errorRequired: 'Du måste fylla i en datum.',\n      errorRequiredRange: 'Du måste fylla i en datumintervall.',\n      errorMinDate: 'Valt datum kan inte vara före {date}.',\n      errorMaxDate: 'Valt datum kan inte vara efter {date}.',\n      errorStartDateMinDate: 'Startdatum kan inte vara före {date}.',\n      errorStartDateMaxDate: 'Startdatum kan inte vara efter {date}.',\n      errorEndDateMinDate: 'Slutdatum kan inte vara före {date}.',\n      errorEndDateMaxDate: 'Slutdatum kan inte vara efter {date}.',\n      errorInvalidDate: 'Ogiltigt datum.',\n      errorInvalidStartDate: 'Ogiltigt startdatum.',\n      errorInvalidEndDate: 'Ogiltigt slutdatum.',\n    },\n    Expiry: {\n      label: 'Utgångsdatum',\n      errorMonth: '{month} är inte en giltig månad.',\n      errorYear: '{year} är inte ett giltigt år.',\n    },\n    Email: {\n      label: 'E-postadress',\n      errorRequired: 'Du måste fylla i en e-postadress.',\n      errorPattern: 'Ogiltig e-postadress. Ange en e-postadress.',\n    },\n    FirstName: {\n      label: 'Förnamn',\n      errorRequired: 'Du måste fylla i förnamn.',\n      errorPattern:\n        'Endast bokstäver och tecken som bindestreck och mellanslag är tillåtna.',\n    },\n    LastName: {\n      label: 'Efternamn',\n      errorRequired: 'Du måste fylla i efternamn.',\n      errorPattern:\n        'Endast bokstäver och tecken som bindestreck och mellanslag är tillåtna.',\n    },\n    CompanyName: {\n      label: 'Företagsnamn',\n      errorRequired: 'Du måste fylla i företagsnamn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Norsk \"fødselsnummer\" (11 siffror)',\n      errorRequired: 'Du måste fylla i ett födselsnummer.',\n      errorFnr: 'Ogiltigt födselsnummer.',\n      errorFnrLength:\n        'Ogiltigt födselsnummer. Ange ett giltigt födselsnummer med 11 siffror.',\n      errorDnr: 'Ogiltigt d-nummer.',\n      errorDnrLength:\n        'Ogiltigt d-nummer. Ange ett giltigt d-nummer med 11 siffror.',\n      errorMinimumAgeValidator: 'Måste vara minst {age} år.',\n      errorMinimumAgeValidatorLength:\n        'Ogiltigt födelsedatum. Ange ett giltigt födelsedatum (inkl. århundradessiffra) med 7 siffror.',\n    },\n    OrganizationNumber: {\n      label: 'Organisationsnummer',\n      errorRequired: 'Du måste fylla i ett organisationsnummer.',\n      errorOrgNo: 'Ogiltigt organisationsnummer.',\n      errorOrgNoLength:\n        'Ogiltigt organisationsnummer. Ange ett giltigt organisationsnummer med 9 siffror.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired: 'Du måste fylla i ett kontonummer.',\n      errorBankAccountNumber: 'Ogiltigt kontonummer.',\n      errorBankAccountNumberLength:\n        'Ogiltigt kontonummer. Ange ett giltigt kontonummer med 11 siffror.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskod',\n      errorRequired:\n        'Mobilnummer måste fyllas i. Om du inte har ett mobilnummer kan du ange ett annat telefonnummer.',\n      warningRequired:\n        'Du har inte angett ett mobilnummer. Du kan ändå använda detta nummer om det är korrekt.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer och ort',\n      invalidCode: 'Ogiltigt postnummer.',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du måste fylla i ett postnummer.',\n      errorPattern: 'Detta är inte ett giltigt postnummer (fyra siffror).',\n    },\n    City: {\n      label: 'Ort',\n      errorRequired: 'Du måste fylla i ett ortsnamn.',\n      errorPattern:\n        'Ortsnamn kan endast innehålla bokstäver och giltiga tecken som bindestreck och mellanslag.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Välj ett land',\n      errorRequired: 'Du måste välja ett land från listan.',\n    },\n    SelectCurrency: {\n      label: 'Valuta',\n      placeholder: 'Välj en valuta',\n      errorRequired: 'Du måste välja en valuta från listan.',\n    },\n    Password: {\n      label: 'Lösenord',\n      ariaLabelShow: 'Visa lösenord',\n      ariaLabelHide: 'Dölj lösenord',\n    },\n    Upload: {\n      errorRequired: 'Du måste ladda upp minst en fil.',\n      errorInvalidFiles: 'Ta bort alla filer som innehåller fel.',\n    },\n  } satisfies (typeof nb)['nb-NO'],\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"sv-SE.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","optionalLabelSuffix","SubmitButton","text","sendText","SubmitIndicator","label","Isolation","commitButtonText","preventUncommittedChangesText","Step","summaryTitle","stepHasError","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","confirmRemoveText","InfoOverlaySuccess","title","description","buttonText","InfoOverlayError","cancelButton","retryButton","retryingText","SectionViewContainer","editButton","SectionEditContainer","doneButton","errorInSection","IterateViewContainer","removeButton","IterateEditContainer","resetButton","errorInContainer","confirmResetText","IteratePushContainer","createButton","itemsLimitReached","IterateArray","errorMinItems","errorMaxItems","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","PostalAddress","StreetAddress","suggestionPlaceholder","Date","errorRequiredRange","errorMinDate","errorMaxDate","errorStartDateMinDate","errorStartDateMaxDate","errorEndDateMinDate","errorEndDateMaxDate","errorInvalidDate","errorInvalidStartDate","errorInvalidEndDate","Expiry","errorMonth","errorYear","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","errorFnr","errorFnrLength","errorDnr","errorDnrLength","errorMinimumAgeValidator","errorMinimumAgeValidatorLength","OrganizationNumber","errorOrgNo","errorOrgNoLength","BankAccountNumber","errorBankAccountNumber","errorBankAccountNumberLength","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","invalidCode","PostalCode","City","SelectCountry","placeholder","SelectCurrency","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/sv-SE.ts"],"sourcesContent":["import nb from './nb-NO'\nexport default {\n  'sv-SE': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Fel som måste åtgärdas',\n      stateSummary: 'Sammanfattning:',\n      errorSummary: 'Fel som måste åtgärdas:',\n      errorRequired: 'Detta fält måste fyllas i.',\n      errorPattern: 'Värdet är ogiltigt.',\n      optionalLabelSuffix: '(valfritt)',\n    },\n    SubmitButton: {\n      text: 'Skicka',\n      sendText: 'Skicka in',\n    },\n    SubmitIndicator: {\n      label: 'Vänligen vänta',\n    },\n    Isolation: {\n      commitButtonText: 'Lägg till',\n      preventUncommittedChangesText:\n        'Du har ändringar som antingen måste läggas till eller rensas.',\n    },\n    Step: {\n      summaryTitle: 'Sammanfattning',\n      stepHasError: 'Formuläret innehåller fel.',\n    },\n    WizardEditButton: {\n      text: 'Ändra',\n    },\n    WizardPreviousButton: {\n      text: 'Tillbaka',\n    },\n    WizardNextButton: {\n      text: 'Nästa',\n    },\n    RemoveButton: {\n      text: 'Ta bort',\n      confirmRemoveText: 'Är du säker på att du vill ta bort detta?',\n    },\n    InfoOverlaySuccess: {\n      title: 'Tack',\n      description: 'Vi har mottagit din information.',\n      buttonText: 'Tillbaka till startsidan',\n    },\n    InfoOverlayError: {\n      title: 'Tyvärr, något gick fel',\n      description: 'Försök igen eller kontakta oss om felet kvarstår.',\n      cancelButton: 'Tillbaka',\n      retryButton: 'Försök igen',\n      retryingText: 'Försöker igen...',\n    },\n    SectionViewContainer: {\n      editButton: 'Ändra',\n    },\n    SectionEditContainer: {\n      doneButton: 'Klar',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Felen ovan måste åtgärdas.',\n    },\n    IterateViewContainer: {\n      removeButton: 'Ta bort',\n      editButton: 'Ändra',\n    },\n    IterateEditContainer: {\n      removeButton: 'Ta bort',\n      doneButton: 'Klar',\n      cancelButton: 'Avbryt',\n      resetButton: 'Återställ',\n      errorInContainer: 'Felen ovan måste åtgärdas.',\n      confirmResetText:\n        'Är du säker på att du vill återställa ändringarna?',\n    },\n    IteratePushContainer: {\n      createButton: 'Lägg till',\n      itemsLimitReached: 'Du har nått gränsen på: {limit}',\n    },\n    IterateArray: {\n      errorMinItems: 'Du måste lägga till minst {minItems}.',\n      errorMaxItems: 'Du kan inte lägga till fler än {maxItems}.',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'Värdet kan inte vara kortare än {minLength} tecken.',\n      errorMaxLength: 'Värdet kan inte vara längre än {maxLength} tecken.',\n    },\n    NumberField: {\n      errorMinimum: 'Värdet måste vara minst {minimum}.',\n      errorMaximum: 'Värdet får vara högst {maximum}.',\n      errorExclusiveMinimum:\n        'Värdet måste vara större än {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Värdet måste vara mindre än {exclusiveMaximum}.',\n      errorMultipleOf: 'Värdet måste vara en multipel av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nej',\n    },\n    ToggleField: {\n      yes: 'Ja',\n      no: 'Nej',\n    },\n\n    /**\n     * Feature fields\n     */\n    PostalAddress: {\n      label: 'Postadress',\n      errorRequired: 'Du måste fylla i en postadress.',\n      errorPattern: 'Ogiltig postadress. Ange en postadress.',\n    },\n    StreetAddress: {\n      label: 'Gatuadress',\n      errorRequired: 'Du måste fylla i en gatuadress.',\n      errorPattern: 'Ogiltig gatuadress. Ange en gatuadress.',\n      suggestionPlaceholder: 'Ange en adress',\n    },\n    Date: {\n      label: 'Datum',\n      errorRequired: 'Du måste fylla i en datum.',\n      errorRequiredRange: 'Du måste fylla i en datumintervall.',\n      errorMinDate: 'Valt datum kan inte vara före {date}.',\n      errorMaxDate: 'Valt datum kan inte vara efter {date}.',\n      errorStartDateMinDate: 'Startdatum kan inte vara före {date}.',\n      errorStartDateMaxDate: 'Startdatum kan inte vara efter {date}.',\n      errorEndDateMinDate: 'Slutdatum kan inte vara före {date}.',\n      errorEndDateMaxDate: 'Slutdatum kan inte vara efter {date}.',\n      errorInvalidDate: 'Ogiltigt datum.',\n      errorInvalidStartDate: 'Ogiltigt startdatum.',\n      errorInvalidEndDate: 'Ogiltigt slutdatum.',\n    },\n    Expiry: {\n      label: 'Utgångsdatum',\n      errorMonth: '{month} är inte en giltig månad.',\n      errorYear: '{year} är inte ett giltigt år.',\n    },\n    Email: {\n      label: 'E-postadress',\n      errorRequired: 'Du måste fylla i en e-postadress.',\n      errorPattern: 'Ogiltig e-postadress. Ange en e-postadress.',\n    },\n    FirstName: {\n      label: 'Förnamn',\n      errorRequired: 'Du måste fylla i förnamn.',\n      errorPattern:\n        'Endast bokstäver och tecken som bindestreck och mellanslag är tillåtna.',\n    },\n    LastName: {\n      label: 'Efternamn',\n      errorRequired: 'Du måste fylla i efternamn.',\n      errorPattern:\n        'Endast bokstäver och tecken som bindestreck och mellanslag är tillåtna.',\n    },\n    CompanyName: {\n      label: 'Företagsnamn',\n      errorRequired: 'Du måste fylla i företagsnamn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Norsk \"fødselsnummer\" (11 siffror)',\n      errorRequired: 'Du måste fylla i ett födselsnummer.',\n      errorFnr: 'Ogiltigt födselsnummer.',\n      errorFnrLength:\n        'Ogiltigt födselsnummer. Ange ett giltigt födselsnummer med 11 siffror.',\n      errorDnr: 'Ogiltigt d-nummer.',\n      errorDnrLength:\n        'Ogiltigt d-nummer. Ange ett giltigt d-nummer med 11 siffror.',\n      errorMinimumAgeValidator: 'Måste vara minst {age} år.',\n      errorMinimumAgeValidatorLength:\n        'Ogiltigt födelsedatum. Ange ett giltigt födelsedatum (inkl. århundradessiffra) med 7 siffror.',\n    },\n    OrganizationNumber: {\n      label: 'Organisationsnummer',\n      errorRequired: 'Du måste fylla i ett organisationsnummer.',\n      errorOrgNo: 'Ogiltigt organisationsnummer.',\n      errorOrgNoLength:\n        'Ogiltigt organisationsnummer. Ange ett giltigt organisationsnummer med 9 siffror.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired: 'Du måste fylla i ett kontonummer.',\n      errorBankAccountNumber: 'Ogiltigt kontonummer.',\n      errorBankAccountNumberLength:\n        'Ogiltigt kontonummer. Ange ett giltigt kontonummer med 11 siffror.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskod',\n      errorRequired:\n        'Mobilnummer måste fyllas i. Om du inte har ett mobilnummer kan du ange ett annat telefonnummer.',\n      warningRequired:\n        'Du har inte angett ett mobilnummer. Du kan ändå använda detta nummer om det är korrekt.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer och ort',\n      invalidCode: 'Ogiltigt postnummer.',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du måste fylla i ett postnummer.',\n      errorPattern: 'Detta är inte ett giltigt postnummer (fyra siffror).',\n    },\n    City: {\n      label: 'Ort',\n      errorRequired: 'Du måste fylla i ett ortsnamn.',\n      errorPattern:\n        'Ortsnamn kan endast innehålla bokstäver och giltiga tecken som bindestreck och mellanslag.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Välj ett land',\n      errorRequired: 'Du måste välja ett land från listan.',\n    },\n    SelectCurrency: {\n      label: 'Valuta',\n      placeholder: 'Välj en valuta',\n      errorRequired: 'Du måste välja en valuta från listan.',\n    },\n    Password: {\n      label: 'Lösenord',\n      ariaLabelShow: 'Visa lösenord',\n      ariaLabelHide: 'Dölj lösenord',\n    },\n    Upload: {\n      errorRequired: 'Du måste ladda upp minst en fil.',\n      errorInvalidFiles: 'Ta bort alla filer som innehåller fel.',\n    },\n  } satisfies (typeof nb)['nb-NO'],\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -316,7 +316,7 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   --forms-field-width--small: 5rem;
   --forms-field-width--medium: 11rem;
   --forms-field-width--large: 21rem;
-  --forms-field-label-max-width--large: 60ch;
+  --forms-field-label-max-width--large: var(--text-block-max-width);
 }
 
 fieldset.dnb-forms-field-block {
@@ -461,7 +461,7 @@ fieldset.dnb-forms-field-block:not([class*=space__right]) {
 }
 .dnb-forms-field-block__status .dnb-form-status__shell {
   margin-top: 0.5rem;
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
 }
 @media screen and (max-width: 15em) {
   .dnb-forms-field-block__status {
@@ -766,8 +766,8 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 :root {
   --forms-value-width--small: 30ch;
   --forms-value-width--medium: 40ch;
-  --forms-value-width--large: 60ch;
-  --forms-value-label-max-width--large: 60ch;
+  --forms-value-width--large: var(--text-block-max-width);
+  --forms-value-label-max-width--large: var(--text-block-max-width);
 }
 
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {

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

@@ -1 +1 @@
-@charset "UTF-8";.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{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{--field-block-content-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{--field-block-content-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{--field-block-content-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__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset{--border-color:var(--outline-color);--border-width:var(--outline-width);background-color:var(--color-white);border-color:transparent;border-radius:.5rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-selection__variant--radio-list .dnb-radio{justify-content:center;overflow:clip;padding:calc((var(--list-height) - 1.5rem)/2) var(--list-padding);position:relative}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input{-webkit-appearance:none;appearance:none;height:var(--list-height);left:calc(var(--list-padding)*-1);transform:none;width:100vw}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type):before{background-color:var(--outline-color);bottom:0;content:"";height:var(--outline-width);left:0;position:absolute;right:0;top:0}.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{--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium));margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}.dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem;--forms-field-label-max-width--large:60ch}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(-webkit-min-content,var(--block-content-width,auto));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:var(--forms-field-label-max-width--large)}.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(--forms-field-label-max-width--large)}.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__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content{margin-right:.3em}.dnb-forms-field-block__label .dnb-help-button__word-joiner,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.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,-webkit-min-content),var(--dnb-forms-field-block-layout-width-max,-webkit-max-content)) auto;grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.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{column-gap:var(--spacing-small);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--spacing-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents>.dnb-forms-field-block--width-stretch{flex:1}@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(--color-black-8);--block-outline-width:var(--card-outline-width)}.dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic){--block-outline-color:var(--color-fire-red);--block-outline-width:0.0625rem}.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;--block-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-card .dnb-forms-section-block .dnb-card,.dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.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}:root{--forms-value-width--small:30ch;--forms-value-width--medium:40ch;--forms-value-width--large:60ch;--forms-value-label-max-width--large:60ch}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__label{max-width:var(--forms-value-label-max-width--large)}.dnb-forms-value-block__label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-value-block__label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-value-block__label:empty{margin-bottom:0}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-card .dnb-forms-value-block__help{flex-grow:1}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block__content--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block__content--max-width-small{max-width:var(--forms-value-width--small)}.dnb-forms-value-block__content--max-width-medium{max-width:var(--forms-value-width--medium)}.dnb-forms-value-block__content--max-width-large{max-width:var(--forms-value-width--large)}}.dnb-forms-value-block span.dnb-height-animation{display:flex}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{column-gap:var(--column-gap,0);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small);flex-flow:row wrap}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty~.dnb-dd{margin-top:0}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block{display:flex}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content){margin-right:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content){flex-direction:row-reverse}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content)>.dnb-forms-value-block__label{margin-left:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl .dnb-forms-value-block__help .dnb-section,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl .dnb-forms-value-block__help .dnb-section{margin-top:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dt,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dt{display:inline}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{width:100%}.dnb-forms-value-block__help--next-line{display:flex;flex-basis:100%}.dnb-forms-wizard-layout{align-items:stretch;column-gap:var(--spacing-x-large);display:flex;flex-flow:column wrap;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-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}
+@charset "UTF-8";.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{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{--field-block-content-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{--field-block-content-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{--field-block-content-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__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset{--border-color:var(--outline-color);--border-width:var(--outline-width);background-color:var(--color-white);border-color:transparent;border-radius:.5rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-selection__variant--radio-list .dnb-radio{justify-content:center;overflow:clip;padding:calc((var(--list-height) - 1.5rem)/2) var(--list-padding);position:relative}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input{-webkit-appearance:none;appearance:none;height:var(--list-height);left:calc(var(--list-padding)*-1);transform:none;width:100vw}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type):before{background-color:var(--outline-color);bottom:0;content:"";height:var(--outline-width);left:0;position:absolute;right:0;top:0}.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{--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium));margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}.dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem;--forms-field-label-max-width--large:var(--text-block-max-width)}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(-webkit-min-content,var(--block-content-width,auto));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:var(--forms-field-label-max-width--large)}.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(--forms-field-label-max-width--large)}.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__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content{margin-right:.3em}.dnb-forms-field-block__label .dnb-help-button__word-joiner,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.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,-webkit-min-content),var(--dnb-forms-field-block-layout-width-max,-webkit-max-content)) auto;grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:var(--text-block-max-width)}@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%}.dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.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{column-gap:var(--spacing-small);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--spacing-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents>.dnb-forms-field-block--width-stretch{flex:1}@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(--color-black-8);--block-outline-width:var(--card-outline-width)}.dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic){--block-outline-color:var(--color-fire-red);--block-outline-width:0.0625rem}.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;--block-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-card .dnb-forms-section-block .dnb-card,.dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.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}:root{--forms-value-width--small:30ch;--forms-value-width--medium:40ch;--forms-value-width--large:var(--text-block-max-width);--forms-value-label-max-width--large:var(--text-block-max-width)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__label{max-width:var(--forms-value-label-max-width--large)}.dnb-forms-value-block__label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-value-block__label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-value-block__label:empty{margin-bottom:0}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-card .dnb-forms-value-block__help{flex-grow:1}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block__content--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block__content--max-width-small{max-width:var(--forms-value-width--small)}.dnb-forms-value-block__content--max-width-medium{max-width:var(--forms-value-width--medium)}.dnb-forms-value-block__content--max-width-large{max-width:var(--forms-value-width--large)}}.dnb-forms-value-block span.dnb-height-animation{display:flex}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{column-gap:var(--column-gap,0);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small);flex-flow:row wrap}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty~.dnb-dd{margin-top:0}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block{display:flex}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content){margin-right:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content){flex-direction:row-reverse}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content)>.dnb-forms-value-block__label{margin-left:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl .dnb-forms-value-block__help .dnb-section,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl .dnb-forms-value-block__help .dnb-section{margin-top:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dt,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dt{display:inline}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{width:100%}.dnb-forms-value-block__help--next-line{display:flex;flex-basis:100%}.dnb-forms-wizard-layout{align-items:stretch;column-gap:var(--spacing-x-large);display:flex;flex-flow:column wrap;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-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}

package/extensions/payment-card/style/dnb-payment-card.css

@@ -101,6 +101,7 @@
   --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
   --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
   --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);
+  --sb-text-block-max-width: 60ch;
 }
 
 .dnb-payment-card {

package/extensions/payment-card/style/dnb-payment-card.min.css

@@ -1 +1 @@
-:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-heading:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:var(--font-size-medium);--sb-font-size-medium:1.25rem;--sb-font-size-medium--plus:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:var(--color-sea-green);--dnb-payment-bg-pluss:var(--color-ocean-green);--dnb-payment-bg-white:var(--color-white);--dnb-payment-bg-gold:#d8c583;--dnb-payment-bg-black-gold:#1f1b10;--dnb-payment-bg-black-grey:#1c1c1e;--dnb-payment-overlay-bg-dark:rgba(0,0,0,.6);--dnb-payment-overlay-bg-light:hsla(0,0%,100%,.7);--dnb-payment-border-radius:12px;border-radius:var(--dnb-payment-border-radius);margin:0}.dnb-payment-card__card{border-radius:inherit;box-shadow:var(--shadow-default);color:var(--color-white);height:100%;padding:16px;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;width:100%}.dnb-payment-card__card__wrapper{border:1px solid var(--color-black-8);border-radius:inherit;height:216px;position:relative;width:343px}.dnb-payment-card__card__wrapper:after{border-radius:inherit;content:"";height:100%;position:absolute;top:0;width:100%}.dnb-payment-card__card--blocked{opacity:.5}.dnb-payment-card__card--design-default{background-color:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background-color:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{background-color:var(--dnb-payment-bg-white);color:var(--color-black)}.dnb-payment-card__card--design-gold{background-color:var(--dnb-payment-bg-gold);color:var(--color-black)}.dnb-payment-card__card--design-saga{background-color:var(--dnb-payment-bg-black-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga .provider--separator{color:var(--dnb-payment-bg-gold)}.dnb-payment-card__card--design-private,.dnb-payment-card__card--design-saga-platinum{background-color:var(--dnb-payment-bg-black-grey);color:var(--color-white)}.dnb-payment-card__card--design-black{background-color:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background-color:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background-color:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-mastercard{background-color:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background-color:var(--color-white);color:var(--sb-color-text)}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__numbers.dnb-p{font-size:1.375rem;font-weight:var(--font-weight-regular);line-height:1.143rem}.dnb-payment-card__card__type-text.dnb-p{font-size:.938rem;line-height:1.188rem;padding-top:6px}.dnb-payment-card__card__providers{align-items:center;column-gap:1rem;display:flex}.dnb-payment-card__card__providers .provider--separator{background-color:currentcolor;height:26px;transform:scaleX(.5);width:1px}.dnb-payment-card__card__top__left{align-items:center;display:flex;left:0;position:absolute;top:0}.dnb-payment-card__card__top__right{position:absolute;right:0;top:0}.dnb-payment-card__card__bottom__left{bottom:0;left:0;position:absolute}.dnb-payment-card__card__bottom__right{bottom:0;position:absolute;right:0}.dnb-payment-card__overlay{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.dnb-payment-card__overlay svg{shape-rendering:geometricprecision;height:2rem;width:2rem}.dnb-payment-card__overlay svg.icon--fill path{fill:currentcolor}.dnb-payment-card__overlay svg.icon--stroke path{stroke:currentcolor}.dnb-payment-card__overlay__content{align-items:center;border-radius:inherit;display:flex;flex-direction:column;font-size:var(--font-size-basis);gap:.667rem;height:6rem;line-height:var(--line-height-small);min-width:6rem;padding:1rem}.dnb-payment-card__overlay__content--light{background-color:var(--dnb-payment-overlay-bg-dark);color:var(--color-white)}.dnb-payment-card__overlay__content--dark{background-color:var(--dnb-payment-overlay-bg-light);color:var(--color-black)}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:var(--dnb-payment-border-radius) var(--dnb-payment-border-radius) 0 0;height:62px}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{height:auto}.dnb-payment-card--compact .dnb-payment-card__card__providers{height:1.375rem;margin-top:5px}.dnb-payment-card--compact .dnb-payment-card__card__providers div,.dnb-payment-card--compact .dnb-payment-card__card__providers svg{height:100%;width:auto}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple{column-gap:.5rem;height:1rem;margin-top:7px}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple div,.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple svg{vertical-align:top}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple .provider--separator{width:1px}.dnb-payment-card--compact .dnb-payment-card__overlay__content{display:none}
+:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-heading:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:var(--font-size-medium);--sb-font-size-medium:1.25rem;--sb-font-size-medium--plus:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1);--sb-text-block-max-width:60ch}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:var(--color-sea-green);--dnb-payment-bg-pluss:var(--color-ocean-green);--dnb-payment-bg-white:var(--color-white);--dnb-payment-bg-gold:#d8c583;--dnb-payment-bg-black-gold:#1f1b10;--dnb-payment-bg-black-grey:#1c1c1e;--dnb-payment-overlay-bg-dark:rgba(0,0,0,.6);--dnb-payment-overlay-bg-light:hsla(0,0%,100%,.7);--dnb-payment-border-radius:12px;border-radius:var(--dnb-payment-border-radius);margin:0}.dnb-payment-card__card{border-radius:inherit;box-shadow:var(--shadow-default);color:var(--color-white);height:100%;padding:16px;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;width:100%}.dnb-payment-card__card__wrapper{border:1px solid var(--color-black-8);border-radius:inherit;height:216px;position:relative;width:343px}.dnb-payment-card__card__wrapper:after{border-radius:inherit;content:"";height:100%;position:absolute;top:0;width:100%}.dnb-payment-card__card--blocked{opacity:.5}.dnb-payment-card__card--design-default{background-color:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background-color:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{background-color:var(--dnb-payment-bg-white);color:var(--color-black)}.dnb-payment-card__card--design-gold{background-color:var(--dnb-payment-bg-gold);color:var(--color-black)}.dnb-payment-card__card--design-saga{background-color:var(--dnb-payment-bg-black-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga .provider--separator{color:var(--dnb-payment-bg-gold)}.dnb-payment-card__card--design-private,.dnb-payment-card__card--design-saga-platinum{background-color:var(--dnb-payment-bg-black-grey);color:var(--color-white)}.dnb-payment-card__card--design-black{background-color:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background-color:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background-color:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-mastercard{background-color:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background-color:var(--color-white);color:var(--sb-color-text)}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__numbers.dnb-p{font-size:1.375rem;font-weight:var(--font-weight-regular);line-height:1.143rem}.dnb-payment-card__card__type-text.dnb-p{font-size:.938rem;line-height:1.188rem;padding-top:6px}.dnb-payment-card__card__providers{align-items:center;column-gap:1rem;display:flex}.dnb-payment-card__card__providers .provider--separator{background-color:currentcolor;height:26px;transform:scaleX(.5);width:1px}.dnb-payment-card__card__top__left{align-items:center;display:flex;left:0;position:absolute;top:0}.dnb-payment-card__card__top__right{position:absolute;right:0;top:0}.dnb-payment-card__card__bottom__left{bottom:0;left:0;position:absolute}.dnb-payment-card__card__bottom__right{bottom:0;position:absolute;right:0}.dnb-payment-card__overlay{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.dnb-payment-card__overlay svg{shape-rendering:geometricprecision;height:2rem;width:2rem}.dnb-payment-card__overlay svg.icon--fill path{fill:currentcolor}.dnb-payment-card__overlay svg.icon--stroke path{stroke:currentcolor}.dnb-payment-card__overlay__content{align-items:center;border-radius:inherit;display:flex;flex-direction:column;font-size:var(--font-size-basis);gap:.667rem;height:6rem;line-height:var(--line-height-small);min-width:6rem;padding:1rem}.dnb-payment-card__overlay__content--light{background-color:var(--dnb-payment-overlay-bg-dark);color:var(--color-white)}.dnb-payment-card__overlay__content--dark{background-color:var(--dnb-payment-overlay-bg-light);color:var(--color-black)}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:var(--dnb-payment-border-radius) var(--dnb-payment-border-radius) 0 0;height:62px}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{height:auto}.dnb-payment-card--compact .dnb-payment-card__card__providers{height:1.375rem;margin-top:5px}.dnb-payment-card--compact .dnb-payment-card__card__providers div,.dnb-payment-card--compact .dnb-payment-card__card__providers svg{height:100%;width:auto}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple{column-gap:.5rem;height:1rem;margin-top:7px}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple div,.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple svg{vertical-align:top}.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple .provider--separator{width:1px}.dnb-payment-card--compact .dnb-payment-card__overlay__content{display:none}

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

@@ -9,8 +9,7 @@ import type { SpacingProps } from '../../shared/types';
 import { DrawerListHorizontalItem } from './DrawerListItem';
 import type { DrawerListItemProps } from './DrawerListItem';
 export type DrawerListContent = string | React.ReactNode | (string | React.ReactNode)[];
-export type DrawerListDataArrayObject = {
-    [customProperty: string]: any;
+export type DrawerListDataArrayObjectStrict = {
     selected_value?: string | React.ReactNode;
     selectedKey?: string | number;
     selected_key?: string | number;
@@ -28,6 +27,9 @@ export type DrawerListDataArrayObject = {
     /** internal use only */
     render?: (children: React.ReactNode, id: string) => React.ReactNode;
 };
+export type DrawerListDataArrayObject = {
+    [customProperty: string]: any;
+} & DrawerListDataArrayObjectStrict;
 /** @deprecated use `DrawerListDataArrayItem` */
 export type DrawerListDataObjectUnion = DrawerListDataArrayItem;
 export type DrawerListDataArrayItem = DrawerListDataArrayObject | DrawerListContent;

package/fragments/drawer-list/DrawerList.js

@@ -155,7 +155,7 @@ class DrawerListInstance extends React.Component {
       showFocusRing,
       closestToTop,
       closestToBottom,
-      usePortal,
+      skipPortal,
       addObservers,
       removeObservers,
       _refShell,
@@ -243,17 +243,18 @@ class DrawerListInstance extends React.Component {
       ref: _refTriangle
     }))));
     return React.createElement("span", {
-      className: 'dnb-drawer-list__root' + (usePortal ? " dnb-drawer-list__root--portal" : ""),
+      className: 'dnb-drawer-list__root' + (!skipPortal ? " dnb-drawer-list__root--portal" : ""),
       ref: _refRoot
-    }, usePortal ? React.createElement(DrawerListPortal, {
+    }, React.createElement(DrawerListPortal, {
       id: this._id,
       rootRef: _refRoot,
       opened: hidden === false,
       include_owner_width: align_drawer === 'right',
       independent_width: isTrue(independent_width),
       fixed_position: isTrue(fixed_position),
-      className: getThemeClasses((_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.theme, portal_class)
-    }, mainList) : mainList);
+      className: getThemeClasses((_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.theme, portal_class),
+      skipPortal: skipPortal
+    }, mainList));
   }
 }
 _defineProperty(DrawerListInstance, "defaultProps", _objectSpread({}, drawerListDefaultProps));

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerList.js","names":["React","useContext","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListDefaultProps","DrawerListHorizontalItem","DrawerListItem","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","props","drawerListContext","drawerList","createElement","DrawerListInstance","data","children","id","rest","_objectWithoutProperties","_excluded","_id","_extends","isValidElement","undefined","blurDelay","Component","constructor","_defineProperty","e","context","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","componentDidMount","setState","Object","entries","reduce","acc","_ref","key","triangle_position","render","_this$context","defaultProps","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","opened","_opened","value","_value","attributes","_excluded2","noNullNumbers","_ref2","active_item","_excluded3","_objectSpread","hidden","showFocusRing","closestToTop","closestToBottom","usePortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","_excluded4","prevProps","nextProps","HorizontalItem","PureComponent","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.tsx"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  keycode,\n} from '../../shared/component-helper'\nimport type { SpacingProps } from '../../shared/types'\n\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext, {\n  DrawerListContextProps,\n} from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport { drawerListDefaultProps } from './DrawerListHelpers'\nimport { DrawerListHorizontalItem, DrawerListItem } from './DrawerListItem'\nimport type { DrawerListItemProps } from './DrawerListItem'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport type DrawerListContent =\n  | string\n  | React.ReactNode\n  | (string | React.ReactNode)[]\nexport type DrawerListDataArrayObject = {\n  [customProperty: string]: any\n  selected_value?: string | React.ReactNode\n  selectedKey?: string | number\n  selected_key?: string | number\n  suffix_value?: string | React.ReactNode\n  content: DrawerListContent\n  disabled?: boolean\n  /** used by Autocomplete for additional search hits */\n  search_content?: string | React.ReactNode | string[]\n  /** style prop of the html list item */\n  style?: React.CSSProperties\n  /** classname added to the html list item */\n  class_name?: string\n  /** set to true to disable mouse events selected style. Keyboard can still select @deprecated */\n  ignore_events?: boolean\n  /** internal use only */\n  render?: (children: React.ReactNode, id: string) => React.ReactNode\n}\n/** @deprecated use `DrawerListDataArrayItem` */\nexport type DrawerListDataObjectUnion = DrawerListDataArrayItem\nexport type DrawerListDataArrayItem =\n  | DrawerListDataArrayObject\n  | DrawerListContent\nexport type DrawerListDataArray = DrawerListDataArrayItem[]\nexport type DrawerListDataRecord = Record<string, DrawerListContent>\nexport type DrawerListDataAll = DrawerListDataRecord | DrawerListDataArray\nexport type DrawerListSize =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | number\n\nexport type DrawerListOptionsRender = ({\n  data,\n  Items,\n  Item,\n}: {\n  data: DrawerListDataArrayObject[]\n  Items: React.FunctionComponent\n  Item: React.FC<DrawerListItemProps>\n}) => React.ReactNode\nexport type DrawerListValue = string | number\nexport type DrawerListData =\n  | string\n  | ((...args: any[]) => DrawerListDataAll)\n  | DrawerListDataAll\nexport type DrawerListSuffix = React.ReactNode\n\nexport interface DrawerListProps {\n  id?: string\n  _id?: string\n  role?: string\n  /**\n   * Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.\n   */\n  cache_hash?: string\n  /**\n   * Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\n   */\n  triangle_position?: string\n  /**\n   * Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).\n   */\n  scrollable?: boolean\n  /**\n   * If set to `true`, the element is then focusable by assertive technologies.\n   */\n  focusable?: boolean\n  /**\n   * Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\n   */\n  direction?: 'auto' | 'top' | 'bottom'\n  size?: DrawerListSize\n  /**\n   * Defines the minimum height (in `rem`) of the options list.\n   */\n  min_height?: string | number\n  /**\n   * Defines the maximum height (in `rem`) of the options list.\n   */\n  max_height?: string | number\n  /**\n   * To disable appear/disappear (show/hide) animation.\n   */\n  no_animation?: boolean\n  /**\n   * To disable scrolling animation.\n   */\n  no_scroll_animation?: boolean\n  /**\n   * If set to `true`, the DrawerList will then not make any permanent selection.\n   */\n  prevent_selection?: boolean\n  action_menu?: boolean\n  is_popup?: boolean\n  /**\n   * Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\n   */\n  align_drawer?: 'left' | 'right'\n  /**\n   * Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.\n   */\n  options_render?: DrawerListOptionsRender\n  /**\n   * Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\n   */\n  wrapper_element?: string | HTMLElement\n  /**\n   * Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to null.\n   */\n  default_value?: DrawerListValue\n  /**\n   * Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).\n   */\n  value?: DrawerListValue\n  /**\n   * To disable the React Portal behavior.\n   */\n  skip_portal?: boolean\n  /**\n   * Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.\n   */\n  portal_class?: string\n  /**\n   * Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.\n   */\n  list_class?: string\n  /**\n   * If set to `true`, the DrawerList will not close on any events.\n   */\n  prevent_close?: boolean\n  /**\n   * If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.\n   */\n  independent_width?: boolean\n  /**\n   * If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.\n   */\n  fixed_position?: boolean\n  /**\n   * If set to `true`, the DrawerList will close on outside clicks, but not on selection.\n   */\n  keep_open?: boolean\n  prevent_focus?: boolean\n  /**\n   * If set to `true`, search items by the first key will be ignored.\n   */\n  skip_keysearch?: boolean\n  opened?: boolean\n  data?: DrawerListData\n  prepared_data?: any[]\n  /**\n   * If set to `true`, all keyboard and mouse events will be ignored.\n   */\n  ignore_events?: boolean\n  className?: string\n  /** Accepts the same values as the `data` prop. Will be ignored if `data` is used. Can also accept a single child for custom rendering. */\n  children?: DrawerListData | React.ReactElement\n  suffix?: DrawerListSuffix\n  /**\n   * If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.\n   */\n  enable_body_lock?: boolean\n  /**\n   * Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).\n   */\n  page_offset?: string | number\n  /**\n   * Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.\n   */\n  observer_element?: string | React.ReactNode\n  on_show?: (...args: any[]) => any\n  on_hide?: (...args: any[]) => any\n  handle_dismiss_focus?: (...args: any[]) => any\n  on_change?: (...args: any[]) => any\n  on_pre_change?: (...args: any[]) => any\n  on_resize?: (...args: any[]) => any\n  on_select?: (...args: any[]) => any\n  on_state_update?: (...args: any[]) => any\n}\nexport type DrawerListAllProps = DrawerListProps &\n  SpacingProps &\n  Omit<\n    React.HTMLProps<HTMLElement>,\n    'ref' | 'size' | 'label' | 'placeholder' | 'data' | 'children'\n  >\nfunction DrawerList(props: DrawerListAllProps) {\n  const drawerListContext = useContext(DrawerListContext)\n\n  if (drawerListContext?.drawerList) {\n    return <DrawerListInstance {...props} />\n  }\n\n  const { data, children, id, ...rest } = props\n  const _id = id || makeUniqueId()\n\n  return (\n    <DrawerListProvider\n      id={_id}\n      {...rest}\n      data={\n        data ||\n        (!React.isValidElement(children)\n          ? (children as DrawerListData)\n          : undefined)\n      }\n    >\n      <DrawerListInstance id={_id} {...props} />\n    </DrawerListProvider>\n  )\n}\nDrawerList.blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\nclass DrawerListInstance extends React.Component<DrawerListAllProps> {\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n  static contextType = DrawerListContext\n  context!: React.ContextType<typeof DrawerListContext>\n  _id: string\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n  }\n\n  componentDidMount() {\n    // send along the event handlers to the provider state\n\n    this.context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (this.props[key]) {\n          acc[key] = this.props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    this.context.drawerList.setState({\n      triangle_position: this.props.triangle_position,\n    })\n  }\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerListInstance.defaultProps\n      // TODO: should we only allow getTranslation if we define lang and locale props?\n      // this.context.getTranslation(this.props).Button\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    function noNullNumbers({\n      selected_item,\n      active_item,\n      max_height,\n      ...rest\n    }: DrawerListContextProps['drawerList']): DrawerListContextProps['drawerList'] {\n      return {\n        selected_item: selected_item ?? undefined,\n        active_item: active_item ?? undefined,\n        max_height: max_height ?? undefined,\n        ...rest,\n      }\n    }\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      usePortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = noNullNumbers(this.context.drawerList)\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: -1,\n      style: {\n        maxHeight:\n          parseFloat(max_height as string) > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item as string) > -1 ||\n        (!(parseFloat(active_item as string) > -1) &&\n          !(parseFloat(selected_item as string) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item as string) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item as string) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = 0\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n          style: dataItem.style,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            React.isValidElement(children) && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          usePortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        {usePortal ? (\n          <DrawerListPortal\n            id={this._id}\n            rootRef={_refRoot}\n            opened={hidden === false}\n            include_owner_width={align_drawer === 'right'}\n            independent_width={isTrue(independent_width)}\n            fixed_position={isTrue(fixed_position)}\n            className={getThemeClasses(this.context?.theme, portal_class)}\n          >\n            {mainList}\n          </DrawerListPortal>\n        ) : (\n          mainList\n        )}\n      </span>\n    )\n  }\n}\n\nexport type DrawerListOptionsProps = React.HTMLProps<HTMLUListElement> & {\n  children: React.ReactNode\n  triangleRef?: React.LegacyRef<HTMLLIElement>\n  cache_hash?: string\n  showFocusRing?: boolean\n}\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef(\n    (\n      props: DrawerListOptionsProps,\n      ref: React.LegacyRef<HTMLUListElement>\n    ) => {\n      const {\n        children,\n        className,\n        triangleRef,\n        cache_hash, // eslint-disable-line\n        showFocusRing = false,\n        ...rest\n      } = props\n\n      return (\n        <ul\n          className={classnames(\n            'dnb-drawer-list__options',\n            showFocusRing && 'dnb-drawer-list__options--focusring',\n            className\n          )}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n          <li\n            className=\"dnb-drawer-list__triangle\"\n            aria-hidden\n            ref={triangleRef}\n          />\n        </ul>\n      )\n    }\n  ),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\n\nDrawerList.Item = DrawerListItem\nDrawerList.HorizontalItem = DrawerListHorizontalItem\n\nclass OnMounted extends React.PureComponent<{\n  addObservers: () => void\n  removeObservers: () => void\n}> {\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\nexport default DrawerList\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerList.js","names":["React","useContext","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListDefaultProps","DrawerListHorizontalItem","DrawerListItem","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","props","drawerListContext","drawerList","createElement","DrawerListInstance","data","children","id","rest","_objectWithoutProperties","_excluded","_id","_extends","isValidElement","undefined","blurDelay","Component","constructor","_defineProperty","e","context","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","componentDidMount","setState","Object","entries","reduce","acc","_ref","key","triangle_position","render","_this$context","defaultProps","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","opened","_opened","value","_value","attributes","_excluded2","noNullNumbers","_ref2","active_item","_excluded3","_objectSpread","hidden","showFocusRing","closestToTop","closestToBottom","skipPortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","_excluded4","prevProps","nextProps","HorizontalItem","PureComponent","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.tsx"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  keycode,\n} from '../../shared/component-helper'\nimport type { SpacingProps } from '../../shared/types'\n\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext, {\n  DrawerListContextProps,\n} from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport { drawerListDefaultProps } from './DrawerListHelpers'\nimport { DrawerListHorizontalItem, DrawerListItem } from './DrawerListItem'\nimport type { DrawerListItemProps } from './DrawerListItem'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport type DrawerListContent =\n  | string\n  | React.ReactNode\n  | (string | React.ReactNode)[]\nexport type DrawerListDataArrayObjectStrict = {\n  selected_value?: string | React.ReactNode\n  selectedKey?: string | number\n  selected_key?: string | number\n  suffix_value?: string | React.ReactNode\n  content: DrawerListContent\n  disabled?: boolean\n  /** used by Autocomplete for additional search hits */\n  search_content?: string | React.ReactNode | string[]\n  /** style prop of the html list item */\n  style?: React.CSSProperties\n  /** classname added to the html list item */\n  class_name?: string\n  /** set to true to disable mouse events selected style. Keyboard can still select @deprecated */\n  ignore_events?: boolean\n  /** internal use only */\n  render?: (children: React.ReactNode, id: string) => React.ReactNode\n}\nexport type DrawerListDataArrayObject = {\n  [customProperty: string]: any\n} & DrawerListDataArrayObjectStrict\n/** @deprecated use `DrawerListDataArrayItem` */\nexport type DrawerListDataObjectUnion = DrawerListDataArrayItem\nexport type DrawerListDataArrayItem =\n  | DrawerListDataArrayObject\n  | DrawerListContent\nexport type DrawerListDataArray = DrawerListDataArrayItem[]\nexport type DrawerListDataRecord = Record<string, DrawerListContent>\nexport type DrawerListDataAll = DrawerListDataRecord | DrawerListDataArray\nexport type DrawerListSize =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | number\n\nexport type DrawerListOptionsRender = ({\n  data,\n  Items,\n  Item,\n}: {\n  data: DrawerListDataArrayObject[]\n  Items: React.FunctionComponent\n  Item: React.FC<DrawerListItemProps>\n}) => React.ReactNode\nexport type DrawerListValue = string | number\nexport type DrawerListData =\n  | string\n  | ((...args: any[]) => DrawerListDataAll)\n  | DrawerListDataAll\nexport type DrawerListSuffix = React.ReactNode\n\nexport interface DrawerListProps {\n  id?: string\n  _id?: string\n  role?: string\n  /**\n   * Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.\n   */\n  cache_hash?: string\n  /**\n   * Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\n   */\n  triangle_position?: string\n  /**\n   * Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).\n   */\n  scrollable?: boolean\n  /**\n   * If set to `true`, the element is then focusable by assertive technologies.\n   */\n  focusable?: boolean\n  /**\n   * Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\n   */\n  direction?: 'auto' | 'top' | 'bottom'\n  size?: DrawerListSize\n  /**\n   * Defines the minimum height (in `rem`) of the options list.\n   */\n  min_height?: string | number\n  /**\n   * Defines the maximum height (in `rem`) of the options list.\n   */\n  max_height?: string | number\n  /**\n   * To disable appear/disappear (show/hide) animation.\n   */\n  no_animation?: boolean\n  /**\n   * To disable scrolling animation.\n   */\n  no_scroll_animation?: boolean\n  /**\n   * If set to `true`, the DrawerList will then not make any permanent selection.\n   */\n  prevent_selection?: boolean\n  action_menu?: boolean\n  is_popup?: boolean\n  /**\n   * Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\n   */\n  align_drawer?: 'left' | 'right'\n  /**\n   * Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.\n   */\n  options_render?: DrawerListOptionsRender\n  /**\n   * Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\n   */\n  wrapper_element?: string | HTMLElement\n  /**\n   * Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to null.\n   */\n  default_value?: DrawerListValue\n  /**\n   * Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).\n   */\n  value?: DrawerListValue\n  /**\n   * To disable the React Portal behavior.\n   */\n  skip_portal?: boolean\n  /**\n   * Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.\n   */\n  portal_class?: string\n  /**\n   * Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.\n   */\n  list_class?: string\n  /**\n   * If set to `true`, the DrawerList will not close on any events.\n   */\n  prevent_close?: boolean\n  /**\n   * If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.\n   */\n  independent_width?: boolean\n  /**\n   * If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.\n   */\n  fixed_position?: boolean\n  /**\n   * If set to `true`, the DrawerList will close on outside clicks, but not on selection.\n   */\n  keep_open?: boolean\n  prevent_focus?: boolean\n  /**\n   * If set to `true`, search items by the first key will be ignored.\n   */\n  skip_keysearch?: boolean\n  opened?: boolean\n  data?: DrawerListData\n  prepared_data?: any[]\n  /**\n   * If set to `true`, all keyboard and mouse events will be ignored.\n   */\n  ignore_events?: boolean\n  className?: string\n  /** Accepts the same values as the `data` prop. Will be ignored if `data` is used. Can also accept a single child for custom rendering. */\n  children?: DrawerListData | React.ReactElement\n  suffix?: DrawerListSuffix\n  /**\n   * If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.\n   */\n  enable_body_lock?: boolean\n  /**\n   * Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).\n   */\n  page_offset?: string | number\n  /**\n   * Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.\n   */\n  observer_element?: string | React.ReactNode\n  on_show?: (...args: any[]) => any\n  on_hide?: (...args: any[]) => any\n  handle_dismiss_focus?: (...args: any[]) => any\n  on_change?: (...args: any[]) => any\n  on_pre_change?: (...args: any[]) => any\n  on_resize?: (...args: any[]) => any\n  on_select?: (...args: any[]) => any\n  on_state_update?: (...args: any[]) => any\n}\nexport type DrawerListAllProps = DrawerListProps &\n  SpacingProps &\n  Omit<\n    React.HTMLProps<HTMLElement>,\n    'ref' | 'size' | 'label' | 'placeholder' | 'data' | 'children'\n  >\nfunction DrawerList(props: DrawerListAllProps) {\n  const drawerListContext = useContext(DrawerListContext)\n\n  if (drawerListContext?.drawerList) {\n    return <DrawerListInstance {...props} />\n  }\n\n  const { data, children, id, ...rest } = props\n  const _id = id || makeUniqueId()\n\n  return (\n    <DrawerListProvider\n      id={_id}\n      {...rest}\n      data={\n        data ||\n        (!React.isValidElement(children)\n          ? (children as DrawerListData)\n          : undefined)\n      }\n    >\n      <DrawerListInstance id={_id} {...props} />\n    </DrawerListProvider>\n  )\n}\nDrawerList.blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\nclass DrawerListInstance extends React.Component<DrawerListAllProps> {\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n  static contextType = DrawerListContext\n  context!: React.ContextType<typeof DrawerListContext>\n  _id: string\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n  }\n\n  componentDidMount() {\n    // send along the event handlers to the provider state\n\n    this.context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (this.props[key]) {\n          acc[key] = this.props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    this.context.drawerList.setState({\n      triangle_position: this.props.triangle_position,\n    })\n  }\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerListInstance.defaultProps\n      // TODO: should we only allow getTranslation if we define lang and locale props?\n      // this.context.getTranslation(this.props).Button\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    function noNullNumbers({\n      selected_item,\n      active_item,\n      max_height,\n      ...rest\n    }: DrawerListContextProps['drawerList']): DrawerListContextProps['drawerList'] {\n      return {\n        selected_item: selected_item ?? undefined,\n        active_item: active_item ?? undefined,\n        max_height: max_height ?? undefined,\n        ...rest,\n      }\n    }\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      skipPortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = noNullNumbers(this.context.drawerList)\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: -1,\n      style: {\n        maxHeight:\n          parseFloat(max_height as string) > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item as string) > -1 ||\n        (!(parseFloat(active_item as string) > -1) &&\n          !(parseFloat(selected_item as string) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item as string) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item as string) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = 0\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n          style: dataItem.style,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            React.isValidElement(children) && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          !skipPortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        <DrawerListPortal\n          id={this._id}\n          rootRef={_refRoot}\n          opened={hidden === false}\n          include_owner_width={align_drawer === 'right'}\n          independent_width={isTrue(independent_width)}\n          fixed_position={isTrue(fixed_position)}\n          className={getThemeClasses(this.context?.theme, portal_class)}\n          skipPortal={skipPortal}\n        >\n          {mainList}\n        </DrawerListPortal>\n      </span>\n    )\n  }\n}\n\nexport type DrawerListOptionsProps = React.HTMLProps<HTMLUListElement> & {\n  children: React.ReactNode\n  triangleRef?: React.LegacyRef<HTMLLIElement>\n  cache_hash?: string\n  showFocusRing?: boolean\n}\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef(\n    (\n      props: DrawerListOptionsProps,\n      ref: React.LegacyRef<HTMLUListElement>\n    ) => {\n      const {\n        children,\n        className,\n        triangleRef,\n        cache_hash, // eslint-disable-line\n        showFocusRing = false,\n        ...rest\n      } = props\n\n      return (\n        <ul\n          className={classnames(\n            'dnb-drawer-list__options',\n            showFocusRing && 'dnb-drawer-list__options--focusring',\n            className\n          )}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n          <li\n            className=\"dnb-drawer-list__triangle\"\n            aria-hidden\n            ref={triangleRef}\n          />\n        </ul>\n      )\n    }\n  ),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\n\nDrawerList.Item = DrawerListItem\nDrawerList.HorizontalItem = DrawerListHorizontalItem\n\nclass OnMounted extends React.PureComponent<{\n  addObservers: () => void\n  removeObservers: () => void\n}> {\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\nexport default DrawerList\n"],"mappings":"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","ignoreList":[]}

package/fragments/drawer-list/DrawerListHelpers.js

@@ -310,7 +310,7 @@ export const prepareDerivedState = (props, state) => {
     state.data = getData(props);
     state.original_data = getData(props);
   }
-  state.usePortal = props.skip_portal !== null ? !isTrue(props.skip_portal) : true;
+  state.skipPortal = isTrue(props.skip_portal);
   if (typeof props.wrapper_element === 'string') {
     if (typeof document !== 'undefined') {
       const wrapper_element = document.querySelector(props.wrapper_element);