@dnb/eufemia 10.10.0 → 10.12.0

package/cjs/components/space/SpacingUtils.js

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.translateSpace = exports.sumTypes = exports.splitTypes = exports.spacingDefaultProps = exports.spacePatterns = exports.removeSpaceProps = exports.isValidSpaceProp = exports.isInline = exports.findTypeAll = exports.findType = exports.findNearestTypes = exports.createTypeModifiers = exports.createSpacingClasses = exports.calc = void 0;
+exports.translateSpace = exports.sumTypes = exports.splitTypes = exports.spacingDefaultProps = exports.spacePatterns = exports.removeSpaceProps = exports.isValidSpaceProp = exports.isInline = exports.findTypeAll = exports.findType = exports.findNearestTypes = exports.createTypeModifiers = exports.createSpacingProperties = exports.createSpacingClasses = exports.calc = void 0;
 var _componentHelper = require("../../shared/component-helper");
+const _excluded = ["space", "innerSpace", "top", "bottom", "left", "right"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -12,6 +15,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const spacingDefaultProps = {
   space: null,
+  innerSpace: null,
   top: null,
   right: null,
   bottom: null,
@@ -47,6 +51,62 @@ const calc = function () {
   return result.length ? globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})` : null;
 };
 exports.calc = calc;
+const createSpacingProperties = props => {
+  if (props !== null && props !== void 0 && props.innerSpace) {
+    return computeProperties(props.innerSpace);
+  }
+  return {};
+};
+exports.createSpacingProperties = createSpacingProperties;
+function hasMediaSize(media) {
+  const keys = Object.keys(media);
+  return keys.includes('small') || keys.includes('medium') || keys.includes('large');
+}
+function hasSize(space) {
+  const keys = Object.keys(space);
+  return keys.includes('top') || keys.includes('right') || keys.includes('bottom') || keys.includes('left');
+}
+function computeProperties(space) {
+  if (!hasMediaSize(space)) {
+    space = {
+      small: space,
+      medium: space,
+      large: space
+    };
+  }
+  const result = {};
+  for (const size in space) {
+    var _space;
+    const value = (_space = space) === null || _space === void 0 ? void 0 : _space[size];
+    const props = transformToAll(value);
+    for (const key in props) {
+      if (isValidSpaceProp(key)) {
+        const cur = props[key];
+        const name = `--space-${key[0]}-${size[0]}`;
+        if (String(cur) === '0' || String(cur) === 'false') {
+          result[name] = '0';
+        } else if (cur) {
+          const typeModifiers = createTypeModifiers(cur);
+          const sum = sumTypes(typeModifiers);
+          result[name] = `${sum}rem`;
+        }
+      }
+    }
+  }
+  return result;
+}
+function transformToAll(value) {
+  let result = value;
+  if (!hasSize(value)) {
+    result = {
+      top: value,
+      right: value,
+      bottom: value,
+      left: value
+    };
+  }
+  return result;
+}
 const createSpacingClasses = function (props) {
   let Element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
@@ -65,7 +125,7 @@ const createSpacingClasses = function (props) {
   }
   return Object.entries(p).reduce((acc, _ref) => {
     let [direction, cur] = _ref;
-    if (isValidSpaceProp(direction)) {
+    if (isValidSpaceProp(direction) && direction !== 'innerSpace') {
       if (String(cur) === '0' || String(cur) === 'false') {
         acc.push(`dnb-space__${direction}--zero`);
       } else if (cur) {
@@ -189,16 +249,19 @@ const findNearestTypes = function (num) {
   return res;
 };
 exports.findNearestTypes = findNearestTypes;
-const isValidSpaceProp = propName => propName && ['top', 'right', 'bottom', 'left'].includes(propName);
+const isValidSpaceProp = propName => propName && ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(propName);
 exports.isValidSpaceProp = isValidSpaceProp;
 const removeSpaceProps = props => {
-  const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
-  for (const i in p) {
-    if (isValidSpaceProp(i)) {
-      delete p[i];
-    }
-  }
-  return p;
+  const {
+      space,
+      innerSpace,
+      top,
+      bottom,
+      left,
+      right
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return restProps;
 };
 exports.removeSpaceProps = removeSpaceProps;
 const isInline = elementName => {

package/cjs/components/space/SpacingUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","spacingDefaultProps","space","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingClasses","props","Element","p","isFrozen","isValidSpaceProp","entries","reduce","acc","_ref","direction","cur","typeModifiers","sum","sumTypes","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","includes","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","indexOf","propName","removeSpaceProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.top = p.right = p.bottom = p.left = p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction)) {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType,\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName && ['top', 'right', 'bottom', 'left'].includes(propName)\n\nexport const removeSpaceProps = (\n  props: SpacingProps | SpacingUnknownProps\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n  for (const i in p) {\n    if (isValidSpaceProp(i)) {\n      delete p[i]\n    }\n  }\n  return p\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}
+{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","spacingDefaultProps","space","innerSpace","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingProperties","props","computeProperties","hasMediaSize","media","includes","hasSize","size","_space","transformToAll","isValidSpaceProp","cur","name","typeModifiers","sum","sumTypes","createSpacingClasses","Element","p","isFrozen","entries","reduce","acc","_ref","direction","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","propName","removeSpaceProps","restProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n  SpaceTypeMedia,\n  SpaceTypeAll,\n  SpacingElementProps,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  innerSpace: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS style out from given space types\n *\n * @param props\n * @returns { '--space-b-l': '2rem', '--space-t-l': '1rem' }\n */\nexport const createSpacingProperties = (\n  props: SpacingProps\n): React.CSSProperties => {\n  if (props?.innerSpace) {\n    return computeProperties(props.innerSpace)\n  }\n\n  return {}\n}\n\nfunction hasMediaSize(media: SpaceTypeMedia) {\n  const keys = Object.keys(media)\n  return (\n    keys.includes('small') ||\n    keys.includes('medium') ||\n    keys.includes('large')\n  )\n}\n\nfunction hasSize(space: SpacingElementProps) {\n  const keys = Object.keys(space)\n  return (\n    keys.includes('top') ||\n    keys.includes('right') ||\n    keys.includes('bottom') ||\n    keys.includes('left')\n  )\n}\n\nfunction computeProperties(space: SpaceTypeAll | SpaceTypeMedia) {\n  if (!hasMediaSize(space as SpaceTypeMedia)) {\n    space = {\n      small: space,\n      medium: space,\n      large: space,\n    } as SpaceTypeMedia\n  }\n\n  const result = {}\n\n  for (const size in space as SpaceTypeMedia) {\n    const value = space?.[size] as SpaceType | SpacingElementProps\n    const props = transformToAll(value)\n\n    for (const key in props as SpaceTypeMedia) {\n      if (isValidSpaceProp(key)) {\n        const cur = props[key]\n        const name = `--space-${key[0]}-${size[0]}`\n\n        if (String(cur) === '0' || String(cur) === 'false') {\n          result[name] = '0'\n        } else if (cur) {\n          const typeModifiers = createTypeModifiers(cur as SpaceType)\n          const sum = sumTypes(typeModifiers)\n          result[name] = `${sum}rem`\n        }\n      }\n    }\n  }\n\n  return result as React.CSSProperties\n}\n\nfunction transformToAll(value: SpaceType | SpacingElementProps) {\n  let result = value\n\n  if (!hasSize(value as SpacingElementProps)) {\n    result = {\n      top: value,\n      right: value,\n      bottom: value,\n      left: value,\n    } as SpacingElementProps\n  }\n\n  return result as SpacingElementProps\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.top = p.right = p.bottom = p.left = p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction) && direction !== 'innerSpace') {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType,\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName &&\n  ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(\n    propName\n  )\n\nexport const removeSpaceProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, innerSpace, top, bottom, left, right, ...restProps } =\n    props\n  return restProps\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}

package/cjs/components/space/style/dnb-space.css

@@ -561,6 +561,42 @@
 .dnb-space__reset:not([class*=dnb-space__right]) {
   margin-right: 0;
 }
+.dnb-space[style*="--space-t-"] {
+  padding-top: var(--padding-top, 0);
+}
+.dnb-space[style*="--space-r-"] {
+  padding-right: var(--padding-right, 0);
+}
+.dnb-space[style*="--space-b-"] {
+  padding-bottom: var(--padding-bottom, 0);
+}
+.dnb-space[style*="--space-l-"] {
+  padding-left: var(--padding-left, 0);
+}
+@media screen and (max-width: 60em) {
+  .dnb-space {
+    --padding-right: var(--space-r-s);
+    --padding-left: var(--space-l-s);
+    --padding-top: var(--space-t-s);
+    --padding-bottom: var(--space-b-s);
+  }
+}
+@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+  .dnb-space {
+    --padding-right: var(--space-r-m);
+    --padding-left: var(--space-l-m);
+    --padding-top: var(--space-t-m);
+    --padding-bottom: var(--space-b-m);
+  }
+}
+@media screen and (min-width: 60em) {
+  .dnb-space {
+    --padding-right: var(--space-r-l);
+    --padding-left: var(--space-l-l);
+    --padding-top: var(--space-t-l);
+    --padding-bottom: var(--space-b-l);
+  }
+}
 
 span.dnb-space--no-collapse > span {
   display: block;

package/cjs/components/space/style/dnb-space.min.css

@@ -1 +1 @@
-.dnb-core-style .dnb-space__top--zero{margin-top:0}.dnb-core-style .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-core-style .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-core-style .dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-core-style .dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-core-style .dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-core-style .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--zero{margin-right:0}.dnb-core-style .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-core-style .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-core-style .dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-core-style .dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-core-style .dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-core-style .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--zero{margin-bottom:0}.dnb-core-style .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-core-style .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-core-style .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-core-style .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-core-style .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--zero{margin-left:0}.dnb-core-style .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-core-style .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-core-style .dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-core-style .dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-core-style .dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-core-style .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space--no-collapse{display:flow-root}.dnb-space--stretch{width:100%}.dnb-space--inline{display:inline-block}.dnb-space__top--zero{margin-top:0}.dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-space__top--xx-large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__top--xx-large.dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__top--xx-large.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--zero{margin-right:0}.dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-space__right--xx-large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__right--xx-large.dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__right--xx-large.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--zero{margin-bottom:0}.dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-space__bottom--xx-large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__bottom--xx-large.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--zero{margin-left:0}.dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-space__left--xx-large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__left--xx-large.dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__left--xx-large.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__reset:not([class*=dnb-space__top]){margin-top:0}.dnb-space__reset:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-space__reset:not([class*=dnb-space__left]){margin-left:0}.dnb-space__reset:not([class*=dnb-space__right]){margin-right:0}span.dnb-space--no-collapse>span{display:block}
+.dnb-core-style .dnb-space__top--zero{margin-top:0}.dnb-core-style .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-core-style .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-core-style .dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-core-style .dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-core-style .dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-core-style .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--zero{margin-right:0}.dnb-core-style .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-core-style .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-core-style .dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-core-style .dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-core-style .dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-core-style .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--zero{margin-bottom:0}.dnb-core-style .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-core-style .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-core-style .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-core-style .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-core-style .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--zero{margin-left:0}.dnb-core-style .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-core-style .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-core-style .dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-core-style .dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-core-style .dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-core-style .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space--no-collapse{display:flow-root}.dnb-space--stretch{width:100%}.dnb-space--inline{display:inline-block}.dnb-space__top--zero{margin-top:0}.dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-space__top--xx-large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__top--xx-large.dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__top--xx-large.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--zero{margin-right:0}.dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-space__right--xx-large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__right--xx-large.dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__right--xx-large.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--zero{margin-bottom:0}.dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-space__bottom--xx-large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__bottom--xx-large.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--zero{margin-left:0}.dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-space__left--xx-large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__left--xx-large.dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__left--xx-large.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__reset:not([class*=dnb-space__top]){margin-top:0}.dnb-space__reset:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-space__reset:not([class*=dnb-space__left]){margin-left:0}.dnb-space__reset:not([class*=dnb-space__right]){margin-right:0}.dnb-space[style*="--space-t-"]{padding-top:var(--padding-top,0)}.dnb-space[style*="--space-r-"]{padding-right:var(--padding-right,0)}.dnb-space[style*="--space-b-"]{padding-bottom:var(--padding-bottom,0)}.dnb-space[style*="--space-l-"]{padding-left:var(--padding-left,0)}@media screen and (max-width:60em){.dnb-space{--padding-right:var(--space-r-s);--padding-left:var(--space-l-s);--padding-top:var(--space-t-s);--padding-bottom:var(--space-b-s)}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-space{--padding-right:var(--space-r-m);--padding-left:var(--space-l-m);--padding-top:var(--space-t-m);--padding-bottom:var(--space-b-m)}}@media screen and (min-width:60em){.dnb-space{--padding-right:var(--space-r-l);--padding-left:var(--space-l-l);--padding-top:var(--space-t-l);--padding-bottom:var(--space-b-l)}}span.dnb-space--no-collapse>span{display:block}

package/cjs/components/space/style/dnb-space.scss

@@ -187,6 +187,39 @@
       margin-right: 0;
     }
   }
+
+  // innerSpace
+  &[style*='--space-t-'] {
+    padding-top: var(--padding-top, 0);
+  }
+  &[style*='--space-r-'] {
+    padding-right: var(--padding-right, 0);
+  }
+  &[style*='--space-b-'] {
+    padding-bottom: var(--padding-bottom, 0);
+  }
+  &[style*='--space-l-'] {
+    padding-left: var(--padding-left, 0);
+  }
+
+  @include allBelow(medium) {
+    --padding-right: var(--space-r-s);
+    --padding-left: var(--space-l-s);
+    --padding-top: var(--space-t-s);
+    --padding-bottom: var(--space-b-s);
+  }
+  @include allBetween(small, medium) {
+    --padding-right: var(--space-r-m);
+    --padding-left: var(--space-l-m);
+    --padding-top: var(--space-t-m);
+    --padding-bottom: var(--space-b-m);
+  }
+  @include allAbove(medium) {
+    --padding-right: var(--space-r-l);
+    --padding-left: var(--space-l-l);
+    --padding-top: var(--space-t-l);
+    --padding-bottom: var(--space-b-l);
+  }
 }
 span.dnb-space--no-collapse > span {
   display: block;

package/cjs/components/space/types.d.ts

@@ -33,8 +33,15 @@ type SpacePxStringType = `${number}px`;
 type SpaceRemNumberType = SpaceRemValuesType;
 export type SpaceStringTypes = SpaceRemStringType | SpacePxStringType | SpaceRemStringFallback | SpaceRemStringFallbackUnionInfinite | SpaceTypesType | SpaceTypesTypeUnion | SpaceTypesTypeUnionInfinite;
 export type SpaceType = SpaceStringTypes | SpaceRemNumberType | boolean;
+export type SpaceTypeAll = SpaceType | SpacingElementProps;
+export type SpaceTypeMedia = {
+    small?: SpaceTypeAll;
+    medium?: SpaceTypeAll;
+    large?: SpaceTypeAll;
+};
 export type SpacingProps = SpacingElementProps & {
-    space?: SpaceType | SpacingElementProps;
+    space?: SpaceTypeAll;
+    innerSpace?: SpaceTypeAll | SpaceTypeMedia;
 };
 export type SpacingUnknownProps = Record<string, unknown>;
 export {};

package/cjs/components/space/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/space/types.ts"],"sourcesContent":["export type SpacingElementProps = {\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.\n   *\n   */\n  top?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.\n   *\n   */\n  right?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.\n   *\n   */\n  bottom?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.\n   *\n   */\n  left?: SpaceType\n}\n\nexport type SpaceTypesPositiveValuesType =\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n  | 'xx-large-x2'\n\nexport type SpaceTypesPositiveRemValuesType =\n  | 0.25\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 3\n  | 3.5\n  | 7\n\nexport type SpaceTypesType = 'zero' | SpaceTypesPositiveValuesType\n\ntype SpaceTypesTypeUnion = `${SpaceTypesType} ${SpaceTypesType}`\ntype SpaceTypesTypeUnionInfinite =\n  `${SpaceTypesType} ${SpaceTypesType} ${string}`\n\nexport type SpaceRemValuesType =\n  | 0\n  | 0.25\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 4.5\n  | 5\n  | 5.5\n  | 6\n  | 6.5\n  | 7\n  | 7.5\n  | 8\n  | 8.5\n  | 9\n  | 9.5\n  | 10\n\ntype SpaceRemStringType = `${SpaceRemValuesType}rem`\ntype SpaceRemStringFallback = `${SpaceRemValuesType}`\ntype SpaceRemStringFallbackUnionInfinite =\n  `${SpaceRemValuesType} ${string}`\ntype SpacePxStringType = `${number}px`\n\ntype SpaceRemNumberType = SpaceRemValuesType\n\nexport type SpaceStringTypes =\n  | SpaceRemStringType\n  | SpacePxStringType\n  | SpaceRemStringFallback\n  | SpaceRemStringFallbackUnionInfinite\n  | SpaceTypesType\n  | SpaceTypesTypeUnion\n  | SpaceTypesTypeUnionInfinite\n\nexport type SpaceType = SpaceStringTypes | SpaceRemNumberType | boolean\n\nexport type SpacingProps = SpacingElementProps & {\n  space?: SpaceType | SpacingElementProps\n}\nexport type SpacingUnknownProps = Record<string, unknown>\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/space/types.ts"],"sourcesContent":["export type SpacingElementProps = {\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.\n   *\n   */\n  top?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.\n   *\n   */\n  right?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.\n   *\n   */\n  bottom?: SpaceType\n\n  /**\n   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.\n   *\n   */\n  left?: SpaceType\n}\n\nexport type SpaceTypesPositiveValuesType =\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n  | 'xx-large-x2'\n\nexport type SpaceTypesPositiveRemValuesType =\n  | 0.25\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 3\n  | 3.5\n  | 7\n\nexport type SpaceTypesType = 'zero' | SpaceTypesPositiveValuesType\n\ntype SpaceTypesTypeUnion = `${SpaceTypesType} ${SpaceTypesType}`\ntype SpaceTypesTypeUnionInfinite =\n  `${SpaceTypesType} ${SpaceTypesType} ${string}`\n\nexport type SpaceRemValuesType =\n  | 0\n  | 0.25\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 4.5\n  | 5\n  | 5.5\n  | 6\n  | 6.5\n  | 7\n  | 7.5\n  | 8\n  | 8.5\n  | 9\n  | 9.5\n  | 10\n\ntype SpaceRemStringType = `${SpaceRemValuesType}rem`\ntype SpaceRemStringFallback = `${SpaceRemValuesType}`\ntype SpaceRemStringFallbackUnionInfinite =\n  `${SpaceRemValuesType} ${string}`\ntype SpacePxStringType = `${number}px`\n\ntype SpaceRemNumberType = SpaceRemValuesType\n\nexport type SpaceStringTypes =\n  | SpaceRemStringType\n  | SpacePxStringType\n  | SpaceRemStringFallback\n  | SpaceRemStringFallbackUnionInfinite\n  | SpaceTypesType\n  | SpaceTypesTypeUnion\n  | SpaceTypesTypeUnionInfinite\n\nexport type SpaceType = SpaceStringTypes | SpaceRemNumberType | boolean\nexport type SpaceTypeAll = SpaceType | SpacingElementProps\n\nexport type SpaceTypeMedia = {\n  small?: SpaceTypeAll\n  medium?: SpaceTypeAll\n  large?: SpaceTypeAll\n}\n\nexport type SpacingProps = SpacingElementProps & {\n  space?: SpaceTypeAll\n  innerSpace?: SpaceTypeAll | SpaceTypeMedia\n}\nexport type SpacingUnknownProps = Record<string, unknown>\n"],"mappings":""}

package/cjs/components/tabs/Tabs.d.ts

@@ -20,7 +20,10 @@ export type TabsContent =
   | Record<string, unknown>
   | React.ReactNode
   | ((...args: any[]) => any);
-export type TabsTabElement = DynamicElement<ButtonProps | AnchorAllProps>;
+export type TabsTabElement = DynamicElement<
+  null,
+  ButtonProps | AnchorAllProps
+>;
 export type TabsSelectedKey = string | number;
 export type TabsAlign = 'left' | 'center' | 'right';
 export type TabsChildren =

package/cjs/components/tabs/TabsContentWrapper.js

@@ -73,9 +73,13 @@ class ContentWrapper extends _react.default.PureComponent {
       role: "tabpanel",
       tabIndex: "-1",
       id: `${id}-content`,
-      spacing: content_style ? false : undefined,
-      style_type: content_style ? content_style : undefined,
-      element: content_style ? _Section.default : 'div',
+      element: content_style ? _react.default.forwardRef((props, ref) => {
+        return _react.default.createElement(_Section.default, _extends({
+          spacing: content_style ? false : undefined,
+          style_type: content_style ? content_style : undefined,
+          innerRef: ref
+        }, props));
+      }) : 'div',
       className: (0, _classnames.default)("dnb-tabs__content dnb-no-focus", (0, _SpacingHelper.createSpacingClasses)(rest), content_spacing && `dnb-section--spacing-${(0, _componentHelper.isTrue)(content_spacing) ? 'large' : content_spacing}`)
     }, params, {
       animate: false

package/cjs/components/tabs/TabsContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContentWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Section","_EventEmitter","_HeightAnimation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ContentWrapper","React","PureComponent","constructor","props","id","_eventEmitter","EventEmitter","createInstance","state","get","componentDidMount","listen","params","setState","componentWillUnmount","remove","render","_this$props","children","selected_key","content_style","content_spacing","rest","createElement","Fragment","combineLabelledBy","validateDOMAttributes","content","showOverflow","role","tabIndex","spacing","style_type","element","Section","className","classnames","createSpacingClasses","isTrue","animate","exports","process","env","NODE_ENV","propTypes","PropTypes","string","isRequired","oneOfType","number","bool","node","func"],"sources":["../../../../src/components/tabs/TabsContentWrapper.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  validateDOMAttributes,\n  isTrue,\n  combineLabelledBy,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section from '../section/Section'\nimport EventEmitter from '../../shared/helpers/EventEmitter'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nexport default class ContentWrapper extends React.PureComponent {\n  static propTypes = {\n    id: PropTypes.string.isRequired,\n    selected_key: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    content_style: PropTypes.string,\n    content_spacing: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = {\n    selected_key: null,\n    content_style: null,\n    content_spacing: true,\n    children: null,\n  }\n\n  state = { key: null }\n\n  constructor(props) {\n    super(props)\n\n    if (props.id) {\n      this._eventEmitter = EventEmitter.createInstance(props.id)\n      this.state = this._eventEmitter.get()\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.id && this._eventEmitter) {\n      this._eventEmitter.listen((params) => {\n        if (this._eventEmitter && params.key !== this.state.key) {\n          this.setState(params)\n        }\n      })\n    }\n  }\n\n  componentWillUnmount() {\n    if (this._eventEmitter) {\n      this._eventEmitter.remove()\n      this._eventEmitter = null\n    }\n  }\n\n  render() {\n    const {\n      id,\n      children,\n      selected_key: key,\n      content_style,\n      content_spacing,\n      ...rest\n    } = this.props\n\n    if (!children) {\n      return <></>\n    }\n\n    const params = rest\n\n    if (key) {\n      params['aria-labelledby'] = combineLabelledBy(\n        params,\n        `${id}-tab-${key}`\n      )\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    let content = children\n    if (typeof children === 'function') {\n      content = children(this.state)\n    }\n\n    return (\n      <HeightAnimation\n        showOverflow // in case there is a section used inside\n        role=\"tabpanel\"\n        tabIndex=\"-1\"\n        id={`${id}-content`}\n        spacing={content_style ? false : undefined}\n        style_type={content_style ? content_style : undefined}\n        element={content_style ? Section : 'div'}\n        className={classnames(\n          'dnb-tabs__content',\n          'dnb-no-focus',\n          content_spacing\n            ? `dnb-section--spacing-${\n                isTrue(content_spacing) ? 'large' : content_spacing\n              }`\n            : null,\n          createSpacingClasses(rest)\n        )}\n        {...params}\n        animate={false}\n      >\n        {content}\n      </HeightAnimation>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"TabsContentWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Section","_EventEmitter","_HeightAnimation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ContentWrapper","React","PureComponent","constructor","props","id","_eventEmitter","EventEmitter","createInstance","state","get","componentDidMount","listen","params","setState","componentWillUnmount","remove","render","_this$props","children","selected_key","content_style","content_spacing","rest","createElement","Fragment","combineLabelledBy","validateDOMAttributes","content","showOverflow","role","tabIndex","element","forwardRef","ref","spacing","style_type","innerRef","className","classnames","createSpacingClasses","isTrue","animate","exports","process","env","NODE_ENV","propTypes","PropTypes","string","isRequired","oneOfType","number","bool","node","func"],"sources":["../../../../src/components/tabs/TabsContentWrapper.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  validateDOMAttributes,\n  isTrue,\n  combineLabelledBy,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section from '../section/Section'\nimport EventEmitter from '../../shared/helpers/EventEmitter'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nexport default class ContentWrapper extends React.PureComponent {\n  static propTypes = {\n    id: PropTypes.string.isRequired,\n    selected_key: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    content_style: PropTypes.string,\n    content_spacing: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = {\n    selected_key: null,\n    content_style: null,\n    content_spacing: true,\n    children: null,\n  }\n\n  state = { key: null }\n\n  constructor(props) {\n    super(props)\n\n    if (props.id) {\n      this._eventEmitter = EventEmitter.createInstance(props.id)\n      this.state = this._eventEmitter.get()\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.id && this._eventEmitter) {\n      this._eventEmitter.listen((params) => {\n        if (this._eventEmitter && params.key !== this.state.key) {\n          this.setState(params)\n        }\n      })\n    }\n  }\n\n  componentWillUnmount() {\n    if (this._eventEmitter) {\n      this._eventEmitter.remove()\n      this._eventEmitter = null\n    }\n  }\n\n  render() {\n    const {\n      id,\n      children,\n      selected_key: key,\n      content_style,\n      content_spacing,\n      ...rest\n    } = this.props\n\n    if (!children) {\n      return <></>\n    }\n\n    const params = rest\n\n    if (key) {\n      params['aria-labelledby'] = combineLabelledBy(\n        params,\n        `${id}-tab-${key}`\n      )\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    let content = children\n    if (typeof children === 'function') {\n      content = children(this.state)\n    }\n\n    return (\n      <HeightAnimation\n        showOverflow // in case there is a section used inside\n        role=\"tabpanel\"\n        tabIndex=\"-1\"\n        id={`${id}-content`}\n        element={\n          content_style\n            ? React.forwardRef((props, ref) => {\n                return (\n                  <Section\n                    spacing={content_style ? false : undefined}\n                    style_type={content_style ? content_style : undefined}\n                    innerRef={ref}\n                    {...props}\n                  />\n                )\n              })\n            : 'div'\n        }\n        className={classnames(\n          'dnb-tabs__content',\n          'dnb-no-focus',\n          content_spacing\n            ? `dnb-section--spacing-${\n                isTrue(content_spacing) ? 'large' : content_spacing\n              }`\n            : null,\n          createSpacingClasses(rest)\n        )}\n        {...params}\n        animate={false}\n      >\n        {content}\n      </HeightAnimation>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/tag/Tag.d.ts

@@ -62,7 +62,8 @@ declare const Tag: {
     (localProps: TagProps & SpacingProps): import("react/jsx-runtime").JSX.Element;
     Group: {
         (localProps: import("./TagGroup").TagGroupProps & import("../space/types").SpacingElementProps & {
-            space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;
+            space?: import("../space/types").SpaceTypeAll;
+            innerSpace?: import("../space/types").SpaceTypeAll | import("../space/types").SpaceTypeMedia;
         }): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
     };

package/cjs/components/textarea/style/dnb-textarea.css

@@ -8,6 +8,7 @@
 .dnb-textarea {
   --textarea-padding-width: 0.5rem;
   --textarea-rows: 2;
+  --textarea-background-color: var(--color-white);
   display: inline-flex;
   font-size: var(--font-size-small);
   line-height: var(--line-height-basis);
@@ -77,6 +78,9 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
     background-color: var(--scrollbar-thumb-hover-color, #666);
   }
 }
+.dnb-textarea__input:autofill {
+  box-shadow: 0 0 0 var(--border-width) var(--border-color), 0 0 0 10em var(--textarea-background-color) inset;
+}
 .dnb-textarea__placeholder {
   pointer-events: none;
   position: absolute;

package/cjs/components/textarea/style/dnb-textarea.min.css

@@ -1 +1 @@
-.dnb-textarea{--textarea-padding-width:0.5rem;--textarea-rows:2;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column;margin:var(--textarea-padding-width)}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__state{background-color:var(--color-white);border-radius:.25rem;bottom:-.5rem;box-shadow:0 0 0 .0625rem var(--color-sea-green);left:-.5rem;position:absolute;right:-.5rem;top:-.5rem;z-index:1}.dnb-textarea__row{display:inline-flex}.dnb-textarea__suffix{padding-left:1.5rem}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;border:none;cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--textarea-padding-width);position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;z-index:2}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);border:none;cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0 var(--textarea-padding-width);pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}.dnb-textarea__inner>.dnb-form-status{margin:1rem 0 0 calc(0px - var(--textarea-padding-width));order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:.5rem}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-form-row--horizontal .dnb-textarea--stretch,.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:.25rem;margin:0}.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell{margin:var(--textarea-padding-width)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}
+.dnb-textarea{--textarea-padding-width:0.5rem;--textarea-rows:2;--textarea-background-color:var(--color-white);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column;margin:var(--textarea-padding-width)}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__state{background-color:var(--color-white);border-radius:.25rem;bottom:-.5rem;box-shadow:0 0 0 .0625rem var(--color-sea-green);left:-.5rem;position:absolute;right:-.5rem;top:-.5rem;z-index:1}.dnb-textarea__row{display:inline-flex}.dnb-textarea__suffix{padding-left:1.5rem}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;border:none;cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--textarea-padding-width);position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;z-index:2}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__input:autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);border:none;cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0 var(--textarea-padding-width);pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}.dnb-textarea__inner>.dnb-form-status{margin:1rem 0 0 calc(0px - var(--textarea-padding-width));order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:.5rem}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-form-row--horizontal .dnb-textarea--stretch,.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:.25rem;margin:0}.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell{margin:var(--textarea-padding-width)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}

package/cjs/components/textarea/style/dnb-textarea.scss

@@ -20,6 +20,7 @@
 .dnb-textarea {
   --textarea-padding-width: 0.5rem;
   --textarea-rows: 2; // using variable so it can be dynamically changed by react component
+  --textarea-background-color: var(--color-white);
 
   display: inline-flex;
 
@@ -72,6 +73,14 @@
     @include scrollY(auto);
   }
 
+  // change the autocomplete appearance once filled out
+  &__input:autofill {
+    // set the border and the background
+    box-shadow:
+      0 0 0 var(--border-width) var(--border-color),
+      0 0 0 10em var(--textarea-background-color) inset;
+  }
+
   &__placeholder {
     pointer-events: none;