@dnb/eufemia 10.76.1 → 10.77.1

package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken--isolated.css

@@ -0,0 +1,70 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-forms-field-number {
+  --number-control-button-border-color: var(--sb-color-purple-alternative);
+  --number-control-button-border-color--hover: var(
+    --sb-color-purple-alternative
+  );
+  --number-control-separator-color: var(--sb-color-violet-light-3);
+  --number-control-button-border-color--focus: var(--focus-ring-color);
+  --number-control-button-border-width--focus: var(--focus-ring-width);
+  --number-control-button-background-color--hover: var(
+    --sb-color-violet-light-3
+  );
+  --number-control-button-color--hover: var(--sb-color-purple-alternative);
+  --number-control-button-background-color--active: var(--sb-color-purple);
+  --number-control-button-color--active: var(--sb-color-violet-light-3);
+  --number-control-button--error: var(--sb-color-red);
+  --number-control-button--error-contrast: var(--sb-color-magenta-light-2);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small {
+  --button-height--small: 2.5rem;
+  --button-width--small: 2.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input {
+  position: relative;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input::before, .eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input::after {
+  content: "";
+  position: absolute;
+  top: 0.25rem;
+  bottom: 0.25rem;
+  border-left: 1px solid var(--number-control-separator-color);
+  z-index: 1;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input::before {
+  left: -1px;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input::after {
+  right: -1px;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input__border--root {
+  --input-border-color: var(--number-control-button-border-color);
+  --input-border-color--hover: var(
+    --number-control-button-border-color--hover
+  );
+  --input-border-color--active: var(
+    --number-control-button-border-color--active
+  );
+  --input-border-radius: var(--input-border-radius--active);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:not(:disabled):active ~ .dnb-input::before {
+  z-index: -1;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:not(:disabled):active {
+  z-index: 1;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error {
+  --number-control-separator-color: var(
+    --number-control-button--error-contrast
+  );
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled {
+  --number-control-separator-color: var(--sb-color-gray-dark);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled],
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled] {
+  color: var(--sb-color-gray-dark);
+  background-color: var(--sb-color-gray-light);
+}

package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken--isolated.min.css

@@ -0,0 +1,11 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-number{--number-control-button-border-color:var(--sb-color-purple-alternative);--number-control-button-border-color--hover:var(
+    --sb-color-purple-alternative
+  );--number-control-separator-color:var(--sb-color-violet-light-3);--number-control-button-border-color--focus:var(--focus-ring-color);--number-control-button-border-width--focus:var(--focus-ring-width);--number-control-button-background-color--hover:var(
+    --sb-color-violet-light-3
+  );--number-control-button-color--hover:var(--sb-color-purple-alternative);--number-control-button-background-color--active:var(--sb-color-purple);--number-control-button-color--active:var(--sb-color-violet-light-3);--number-control-button--error:var(--sb-color-red);--number-control-button--error-contrast:var(--sb-color-magenta-light-2)}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small{--button-height--small:2.5rem;--button-width--small:2.5rem}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input{position:relative}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input:after,.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input:before{border-left:1px solid var(--number-control-separator-color);bottom:.25rem;content:"";position:absolute;top:.25rem;z-index:1}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input:before{left:-1px}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input:after{right:-1px}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-input__border--root{--input-border-color:var(--number-control-button-border-color);--input-border-color--hover:var(
+    --number-control-button-border-color--hover
+  );--input-border-color--active:var(
+    --number-control-button-border-color--active
+  );--input-border-radius:var(--input-border-radius--active)}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:not(:disabled):active~.dnb-input:before{z-index:-1}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:not(:disabled):active{z-index:1}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error{--number-control-separator-color:var(
+    --number-control-button--error-contrast
+  )}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled{--number-control-separator-color:var(--sb-color-gray-dark)}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--sb-color-gray-light);color:var(--sb-color-gray-dark)}

package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui--isolated.css

@@ -0,0 +1,19 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-number {
+  --number-control-button-border-color: var(--color-sea-green);
+  --number-control-button-border-color--hover: var(--color-emerald-green);
+  --number-control-button-border-color--focus: var(--color-emerald-green);
+  --number-control-button-background-color--hover: var(
+    --color-mint-green-12
+  );
+  --number-control-button-color--hover: var(--color-emerald-green);
+  --number-control-button-background-color--active: var(
+    --color-mint-green-50
+  );
+  --number-control-button-color--active: var(--color-sea-green);
+  --number-control-button--error: var(--color-fire-red);
+  --number-control-button--error-contrast: var(--color-fire-red-8);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small {
+  --button-height--small: 2rem;
+  --button-width--small: 2rem;
+}

package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui--isolated.min.css

@@ -0,0 +1,5 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
+    --color-mint-green-12
+  );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
+    --color-mint-green-50
+  );--number-control-button-color--active:var(--color-sea-green);--number-control-button--error:var(--color-fire-red);--number-control-button--error-contrast:var(--color-fire-red-8)}.eufemia-scope--10_77_1 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small{--button-height--small:2rem;--button-width--small:2rem}

package/cjs/extensions/forms/Field/Password/style/dnb-password--isolated.css

@@ -0,0 +1,6 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
+  color: var(--color-white);
+}

package/cjs/extensions/forms/Field/Password/style/dnb-password--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.eufemia-scope--10_77_1 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}

package/cjs/extensions/forms/Field/PhoneNumber/style/dnb-phone-number--isolated.css

@@ -0,0 +1,12 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__country-code {
+  width: calc(var(--forms-field-width--medium) - 2rem);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
+  width: calc(var(--forms-field-width--medium) - 2rem);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__number {
+  flex: 1;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-phone-number .dnb-form-label {
+  max-width: 14ch;
+}

package/cjs/extensions/forms/Field/PhoneNumber/style/dnb-phone-number--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__country-code,.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.eufemia-scope--10_77_1 .dnb-forms-field-phone-number__number{flex:1}.eufemia-scope--10_77_1 .dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}

package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js

@@ -93,7 +93,7 @@ function PostalCodeAndCity(props) {
     className: (0, _classnames.default)('dnb-forms-field-postal-code-and-city', props.className)
   }, fieldBlockProps, {
     width: width
-  }), _react.default.createElement(_String.default, _extends({}, postalCode, {
+  }), _react.default.createElement(_String.default, _extends({
     size: size,
     className: (0, _classnames.default)('dnb-forms-field-postal-code-and-city__postal-code', postalCodeClassName),
     label: postalCodeLabel !== null && postalCodeLabel !== void 0 ? postalCodeLabel : translations.PostalCode.label,
@@ -109,9 +109,8 @@ function PostalCodeAndCity(props) {
     inputMode: "numeric",
     autoComplete: "postal-code",
     "data-country-code": country || countryCode
-  })), _react.default.createElement(_String.default, _extends({
-    help: help
-  }, city, {
+  }, postalCode)), _react.default.createElement(_String.default, _extends({
+    help: help,
     size: size,
     className: (0, _classnames.default)('dnb-forms-field-postal-code-and-city__city', cityClassName),
     label: cityLabel !== null && cityLabel !== void 0 ? cityLabel : translations.City.label,
@@ -124,7 +123,7 @@ function PostalCodeAndCity(props) {
     width: cityWidth !== null && cityWidth !== void 0 ? cityWidth : 'stretch',
     inputClassName: "dnb-forms-field-postal-code-and-city__city-input",
     autoComplete: "address-level2"
-  })));
+  }, city)));
 }
 PostalCodeAndCity._supportsSpacingProps = true;
 var _default = exports.default = PostalCodeAndCity;

package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeAndCity.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_String","_Composition","_useTranslation","_useDataValue","_defaults","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","PostalCodeAndCity","props","_useContext","translations","useTranslation","getSourceValue","useDataValue","countryCodeFromProvider","useContext","DataContext","countryCode","postalCode","city","help","width","country","defaultCountry","size","fieldBlockProps","countryCodeValue","handleCityDefaults","useCallback","pattern","cityPattern","className","cityClassName","label","cityLabel","cityWidth","errorMessages","cityErrorMessages","handlePostalCodeDefaults","mask","placeholder","postalCodeMask","postalCodePattern","postalCodePlaceHolder","postalCodeClassName","postalCodeLabel","postalCodeWidth","postalCodeErrorMessages","createElement","classnames","PostalCode","useMemo","errorRequired","errorPattern","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport DataContext from '../../DataContext/Context'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { CountryCode, Path } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\nimport useDataValue from '../../hooks/useDataValue'\nimport { COUNTRY as defaultCountry } from '../../../../shared/defaults'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\n\nexport type Props = Pick<\n  FieldBlockProps,\n  'error' | 'warning' | 'info' | 'width' | 'className'\n> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>> & {\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`.\n     * Default: `NO`\n     */\n    /**\n     * @deprecated – use countryCode instead. Will be removed in v11.\n     */\n    country?: Path | string\n\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`.\n     * Default: `NO`\n     */\n    countryCode?: CountryCode\n    help?: HelpProps\n  } & Pick<StringFieldProps, 'size'>\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n  const { getSourceValue } = useDataValue()\n  const countryCodeFromProvider = useContext(DataContext)?.countryCode\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    country,\n    countryCode = countryCodeFromProvider ?? defaultCountry,\n    size,\n    ...fieldBlockProps\n  } = props\n\n  const countryCodeValue = getSourceValue(country || countryCode)\n\n  const handleCityDefaults = useCallback(\n    (city: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry: {\n          props.pattern = '^[A-Za-zÆØÅæøå -]+$'\n          break\n        }\n      }\n\n      return { ...props, ...city }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    pattern: cityPattern,\n    className: cityClassName,\n    label: cityLabel,\n    width: cityWidth,\n    errorMessages: cityErrorMessages,\n  } = handleCityDefaults(city)\n\n  const handlePostalCodeDefaults = useCallback(\n    (postalCode: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry:\n        case 'DK':\n        case 'CH': {\n          props.mask = [/\\d/, /\\d/, /\\d/, /\\d/]\n          props.pattern = '^[0-9]{4}$'\n          props.placeholder = '0000'\n          break\n        }\n        default:\n          props.width = '8rem'\n          break\n      }\n\n      return { ...props, ...postalCode }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    mask: postalCodeMask,\n    pattern: postalCodePattern,\n    placeholder: postalCodePlaceHolder,\n    className: postalCodeClassName,\n    label: postalCodeLabel,\n    width: postalCodeWidth,\n    errorMessages: postalCodeErrorMessages,\n  } = handlePostalCodeDefaults(postalCode)\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldBlockProps}\n      width={width}\n    >\n      <StringField\n        {...postalCode}\n        size={size}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCodeClassName\n        )}\n        label={postalCodeLabel ?? translations.PostalCode.label}\n        mask={postalCodeMask}\n        pattern={postalCodePattern}\n        placeholder={postalCodePlaceHolder}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.PostalCode.errorRequired,\n            'Field.errorPattern': translations.PostalCode.errorPattern,\n            ...postalCodeErrorMessages,\n          }),\n          [\n            postalCodeErrorMessages,\n            translations.PostalCode.errorPattern,\n            translations.PostalCode.errorRequired,\n          ]\n        )}\n        width={postalCodeWidth ?? false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        data-country-code={country || countryCode}\n      />\n\n      <StringField\n        help={help}\n        {...city}\n        size={size}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          cityClassName\n        )}\n        label={cityLabel ?? translations.City.label}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.City.errorRequired,\n            'Field.errorPattern': translations.City.errorPattern,\n            ...cityErrorMessages,\n          }),\n          [\n            cityErrorMessages,\n            translations.City.errorPattern,\n            translations.City.errorRequired,\n          ]\n        )}\n        pattern={cityPattern}\n        trim\n        width={cityWidth ?? 'stretch'}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__city-input\"\n        autoComplete=\"address-level2\"\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PostalCodeAndCity.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_String","_Composition","_useTranslation","_useDataValue","_defaults","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","PostalCodeAndCity","props","_useContext","translations","useTranslation","getSourceValue","useDataValue","countryCodeFromProvider","useContext","DataContext","countryCode","postalCode","city","help","width","country","defaultCountry","size","fieldBlockProps","countryCodeValue","handleCityDefaults","useCallback","pattern","cityPattern","className","cityClassName","label","cityLabel","cityWidth","errorMessages","cityErrorMessages","handlePostalCodeDefaults","mask","placeholder","postalCodeMask","postalCodePattern","postalCodePlaceHolder","postalCodeClassName","postalCodeLabel","postalCodeWidth","postalCodeErrorMessages","createElement","classnames","PostalCode","useMemo","errorRequired","errorPattern","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport DataContext from '../../DataContext/Context'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { CountryCode, Path } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\nimport useDataValue from '../../hooks/useDataValue'\nimport { COUNTRY as defaultCountry } from '../../../../shared/defaults'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\n\nexport type Props = Pick<\n  FieldBlockProps,\n  'error' | 'warning' | 'info' | 'width' | 'className'\n> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>> & {\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`.\n     * Default: `NO`\n     */\n    /**\n     * @deprecated – use countryCode instead. Will be removed in v11.\n     */\n    country?: Path | string\n\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`.\n     * Default: `NO`\n     */\n    countryCode?: CountryCode\n    help?: HelpProps\n  } & Pick<StringFieldProps, 'size'>\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n  const { getSourceValue } = useDataValue()\n  const countryCodeFromProvider = useContext(DataContext)?.countryCode\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    country,\n    countryCode = countryCodeFromProvider ?? defaultCountry,\n    size,\n    ...fieldBlockProps\n  } = props\n\n  const countryCodeValue = getSourceValue(country || countryCode)\n\n  const handleCityDefaults = useCallback(\n    (city: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry: {\n          props.pattern = '^[A-Za-zÆØÅæøå -]+$'\n          break\n        }\n      }\n\n      return { ...props, ...city }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    pattern: cityPattern,\n    className: cityClassName,\n    label: cityLabel,\n    width: cityWidth,\n    errorMessages: cityErrorMessages,\n  } = handleCityDefaults(city)\n\n  const handlePostalCodeDefaults = useCallback(\n    (postalCode: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry:\n        case 'DK':\n        case 'CH': {\n          props.mask = [/\\d/, /\\d/, /\\d/, /\\d/]\n          props.pattern = '^[0-9]{4}$'\n          props.placeholder = '0000'\n          break\n        }\n        default:\n          props.width = '8rem'\n          break\n      }\n\n      return { ...props, ...postalCode }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    mask: postalCodeMask,\n    pattern: postalCodePattern,\n    placeholder: postalCodePlaceHolder,\n    className: postalCodeClassName,\n    label: postalCodeLabel,\n    width: postalCodeWidth,\n    errorMessages: postalCodeErrorMessages,\n  } = handlePostalCodeDefaults(postalCode)\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldBlockProps}\n      width={width}\n    >\n      <StringField\n        size={size}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCodeClassName\n        )}\n        label={postalCodeLabel ?? translations.PostalCode.label}\n        mask={postalCodeMask}\n        pattern={postalCodePattern}\n        placeholder={postalCodePlaceHolder}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.PostalCode.errorRequired,\n            'Field.errorPattern': translations.PostalCode.errorPattern,\n            ...postalCodeErrorMessages,\n          }),\n          [\n            postalCodeErrorMessages,\n            translations.PostalCode.errorPattern,\n            translations.PostalCode.errorRequired,\n          ]\n        )}\n        width={postalCodeWidth ?? false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        data-country-code={country || countryCode}\n        {...postalCode}\n      />\n\n      <StringField\n        help={help}\n        size={size}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          cityClassName\n        )}\n        label={cityLabel ?? translations.City.label}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.City.errorRequired,\n            'Field.errorPattern': translations.City.errorPattern,\n            ...cityErrorMessages,\n          }),\n          [\n            cityErrorMessages,\n            translations.City.errorPattern,\n            translations.City.errorRequired,\n          ]\n        )}\n        pattern={cityPattern}\n        trim\n        width={cityWidth ?? 'stretch'}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__city-input\"\n        autoComplete=\"address-level2\"\n        {...city}\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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","ignoreList":[]}

package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city--isolated.css

@@ -0,0 +1,9 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-forms-field-postal-code-and-city__postal-code {
+  flex: 0 5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-postal-code-and-city__city {
+  flex: 1;
+}

package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.eufemia-scope--10_77_1 .dnb-forms-field-postal-code-and-city__city{flex:1}

package/cjs/extensions/forms/Field/Selection/style/dnb-selection--isolated.css

@@ -0,0 +1,66 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  align-self: center;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label, .eufemia-scope--10_77_1 .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  line-height: 2.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list {
+  --outline-color: var(--color-black-8);
+  --outline-width: 0.0625rem;
+  --list-padding: 1rem;
+  --list-height: 4rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell {
+  row-gap: 0;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset {
+  border-radius: 0.5rem;
+  --border-color: var(--outline-color);
+  --border-width: var(--outline-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio {
+  justify-content: center;
+  padding: calc((var(--list-height) - 1.5rem) / 2) var(--list-padding);
+  overflow: clip;
+  position: relative;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input {
+  -webkit-appearance: none;
+          appearance: none;
+  transform: none;
+  left: calc(var(--list-padding) * -1);
+  width: 100vw;
+  height: var(--list-height);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label {
+  padding-left: var(--list-padding);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: var(--outline-color);
+  height: var(--outline-width);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-forms-field-block__contents {
+  display: flex;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-radio-group .dnb-height-animation, .eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-radio-group > .dnb-flex-container, .eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation, .eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-toggle-button-group > .dnb-flex-container {
+  width: 100%;
+  flex-grow: 1;
+}

package/cjs/extensions/forms/Field/Selection/style/dnb-selection--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.eufemia-scope--10_77_1 .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.eufemia-scope--10_77_1 .dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.eufemia-scope--10_77_1 .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)}.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.eufemia-scope--10_77_1 .dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}

package/cjs/extensions/forms/Field/String/style/dnb-string--isolated.css

@@ -0,0 +1,11 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .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) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-string .dnb-input__shell {
+    width: 90%;
+  }
+}

package/cjs/extensions/forms/Field/String/style/dnb-string--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .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){.eufemia-scope--10_77_1 .dnb-forms-field-string .dnb-input__shell{width:90%}}

package/cjs/extensions/forms/Field/Upload/style/dnb-upload--isolated.css

@@ -0,0 +1,9 @@
+.eufemia-scope--10_77_1 .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);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-upload .dnb-help-button__content .dnb-section::before {
+  z-index: 0;
+}

package/cjs/extensions/forms/Field/Upload/style/dnb-upload--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .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)}.eufemia-scope--10_77_1 .dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block--isolated.css

@@ -0,0 +1,232 @@
+@charset "UTF-8";
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 {
+  --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);
+}
+
+.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block {
+  padding: 0;
+  border: none;
+}
+.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__right]) {
+  margin-right: 0;
+}
+
+.eufemia-scope--10_77_1 .dnb-forms-field-block {
+  --label-margin: 0.25rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__grid {
+  display: grid;
+  grid-template-columns: minmax(-webkit-min-content, var(--block-content-width, auto));
+  grid-template-columns: minmax(min-content, var(--block-content-width, auto));
+  grid-template-areas: "label" "help" "contents" "indicator" "status";
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-small {
+  --label-margin: 0;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-medium {
+  --label-margin: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-large {
+  --label-margin: 0.7rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block--width-stretch {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block--width-stretch label.dnb-form-label {
+  max-width: none;
+}
+@media screen and (min-width: 25.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block--width-custom {
+    width: calc(var(--dnb-forms-field-block-width));
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block--width-small {
+    width: var(--forms-field-width--small);
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block--width-medium {
+    width: var(--forms-field-width--medium);
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block--width-large {
+    width: var(--forms-field-width--large);
+  }
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block:not([class*="--content-width"]) {
+  --max-width: var(--forms-field-label-max-width--large);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label, .eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label {
+  grid-area: label;
+  display: flex;
+  max-width: var(--forms-field-label-max-width--large);
+  align-items: center;
+  margin-right: 0;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label__content:has(+ .dnb-help-button), .eufemia-scope--10_77_1 .dnb-forms-field-block__label__description:has(+ .dnb-help-button), .eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label__content:has(+ .dnb-help-button), .eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label__description:has(+ .dnb-help-button) {
+  margin-right: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button, .eufemia-scope--10_77_1 .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, .eufemia-scope--10_77_1 .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, .eufemia-scope--10_77_1 .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, .eufemia-scope--10_77_1 .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, .eufemia-scope--10_77_1 .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 {
+  margin-right: 0.3em;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label .dnb-help-button__word-joiner, .eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner {
+  margin-left: 0.45em;
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label .dnb-help-button__word-joiner::before, .eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner::before {
+  content: "⁠";
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical {
+  flex-wrap: wrap;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical > .dnb-form-label {
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label {
+  margin-right: 1rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
+  margin-top: var(--label-margin);
+  margin-bottom: var(--label-margin);
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
+    margin-bottom: calc(var(--label-margin) + 0.5rem);
+  }
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal {
+    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;
+    grid-template-areas: "label contents" ". help" ". indicator" ". status";
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content {
+    --help-button-indent-width: 0;
+  }
+  .eufemia-scope--10_77_1 .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;
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents {
+    align-self: end;
+  }
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__indicator {
+  grid-area: indicator;
+  position: relative;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content {
+  position: absolute;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__help {
+  grid-area: help;
+  display: flex;
+  flex-flow: column;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__help .dnb-section {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__help .dnb-section > .dnb-p--lead {
+  margin-bottom: 0.5rem;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section {
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+  }
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__status {
+  grid-area: status;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__status .dnb-form-status__shell {
+  margin-top: 0.5rem;
+  max-width: var(--text-block-max-width);
+}
+@media screen and (max-width: 15em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__status {
+    width: 90%;
+  }
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents {
+  grid-area: contents;
+  display: flex;
+  width: 100%;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-stretch {
+  width: 100%;
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom {
+  --field-block-content-width: calc(
+    var(--dnb-forms-field-block-content-width)
+  );
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small {
+  --field-block-content-width: var(--forms-field-width--small);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium {
+  --field-block-content-width: var(--forms-field-width--medium);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large {
+  --field-block-content-width: var(--forms-field-width--large);
+}
+@media screen and (min-width: 25.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large {
+    max-width: var(--field-block-content-width, none);
+  }
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium, .eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large {
+    width: var(--field-block-content-width, -webkit-max-content);
+    width: var(--field-block-content-width, max-content);
+  }
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents {
+  display: flex;
+  flex-flow: column;
+  row-gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
+  display: flex;
+  flex-flow: row;
+  column-gap: var(--spacing-small);
+  flex-wrap: wrap;
+  row-gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_1 .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) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
+    align-items: flex-end;
+  }
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center] {
+    align-items: center;
+  }
+}
+@media screen and (max-width: 25em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
+    row-gap: var(--spacing-x-small);
+    flex-flow: column;
+  }
+}
+@media screen and (max-width: 25em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__composition > .dnb-forms-field-block__grid > .dnb-forms-submit-indicator {
+    display: none;
+  }
+}
+@media screen and (min-width: 25.00625em) {
+  .eufemia-scope--10_77_1 .dnb-forms-field-block__composition > .dnb-forms-field-block__grid > .dnb-forms-field-block__contents .dnb-forms-submit-indicator {
+    display: none;
+  }
+}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block--isolated.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.eufemia-scope--10_77_1{--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)}.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block{border:none;padding:0}.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_1 fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_1 .dnb-forms-field-block{--label-margin:0.25rem}.eufemia-scope--10_77_1 .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))}.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-small{--label-margin:0}.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.eufemia-scope--10_77_1 .dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.eufemia-scope--10_77_1 .dnb-forms-field-block--width-stretch{flex-grow:1}.eufemia-scope--10_77_1 .dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_1 .dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.eufemia-scope--10_77_1 .dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.eufemia-scope--10_77_1 .dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.eufemia-scope--10_77_1 .dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.eufemia-scope--10_77_1 .dnb-forms-field-block:not([class*="--content-width"]){--max-width:var(--forms-field-label-max-width--large)}.eufemia-scope--10_77_1 .dnb-forms-field-block__label,.eufemia-scope--10_77_1 .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)}.eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.eufemia-scope--10_77_1 .dnb-forms-field-block__label__content:has(+.dnb-help-button),.eufemia-scope--10_77_1 .dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.eufemia-scope--10_77_1 .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,.eufemia-scope--10_77_1 .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,.eufemia-scope--10_77_1 .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,.eufemia-scope--10_77_1 .dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.eufemia-scope--10_77_1 .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,.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .dnb-forms-field-block__label .dnb-help-button__word-joiner,.eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.eufemia-scope--10_77_1 .dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.eufemia-scope--10_77_1 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.eufemia-scope--10_77_1 .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){.eufemia-scope--10_77_1 .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){.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.eufemia-scope--10_77_1 .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}.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.eufemia-scope--10_77_1 .dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.eufemia-scope--10_77_1 .dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.eufemia-scope--10_77_1 .dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.eufemia-scope--10_77_1 .dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.eufemia-scope--10_77_1 .dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_1 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.eufemia-scope--10_77_1 .dnb-forms-field-block__status{grid-area:status}.eufemia-scope--10_77_1 .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){.eufemia-scope--10_77_1 .dnb-forms-field-block__status{width:90%}}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-stretch{width:100%}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-custom,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-large,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-medium,.eufemia-scope--10_77_1 .dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_1 .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)}.eufemia-scope--10_77_1 .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){.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.eufemia-scope--10_77_1 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_1 .dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_1 .dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken--isolated.css

@@ -0,0 +1,7 @@
+.eufemia-scope--10_77_1 .dnb-forms-field-block__label__description {
+  color: var(--sb-color-gray-dark);
+  font-size: var(--font-size-small);
+}
+.eufemia-scope--10_77_1 .dnb-forms-field-block:not([class*="--label-height-"]) {
+  --label-margin: 0.5rem;
+}