@dnb/eufemia 9.32.1 → 9.33.0

package/cjs/components/space/Space.js

@@ -2,18 +2,20 @@
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-require("core-js/modules/es.object.get-prototype-of.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.reflect.construct.js");
-
 require("core-js/modules/es.object.keys.js");
 
 require("core-js/modules/es.array.index-of.js");
 
 require("core-js/modules/es.symbol.js");
 
+require("core-js/modules/es.object.assign.js");
+
+require("core-js/modules/es.object.get-prototype-of.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
 require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.get-own-property-descriptor.js");
@@ -22,8 +24,6 @@ require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 
-require("core-js/modules/es.object.assign.js");
-
 require("core-js/modules/es.symbol.description.js");
 
 require("core-js/modules/es.symbol.iterator.js");
@@ -57,23 +57,19 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _SpacingHelper = require("./SpacingHelper");
 
+var _SpacingUtils = require("./SpacingUtils");
+
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 
-var _excluded = ["element", "inline", "no_collapse", "top", "right", "bottom", "left", "space", "stretch", "skeleton", "innerRef", "id", "className"],
-    _excluded2 = ["element", "no_collapse", "children", "innerRef"];
+var _excluded = ["element", "no_collapse", "children", "innerRef"],
+    _excluded2 = ["element", "inline", "no_collapse", "top", "right", "bottom", "left", "space", "stretch", "skeleton", "innerRef", "id", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -96,6 +92,35 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 Element(_ref) {
+  var element = _ref.element,
+      no_collapse = _ref.no_collapse,
+      children = _ref.children,
+      innerRef = _ref.innerRef,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var E = element;
+
+  var component = _react.default.createElement(E, _extends({}, props, {
+    ref: innerRef
+  }), children);
+
+  if ((0, _componentHelper.isTrue)(no_collapse)) {
+    var R = E === 'span' || (0, _SpacingUtils.isInline)(Element) ? 'span' : 'div';
+    return _react.default.createElement(R, {
+      className: 'dnb-space--no-collapse' + ((0, _SpacingUtils.isInline)(Element) ? " dnb-space--inline" : "")
+    }, component);
+  }
+
+  return component;
+}
+
 var Space = function (_React$PureComponent) {
   _inherits(Space, _React$PureComponent);
 
@@ -116,25 +141,26 @@ var Space = function (_React$PureComponent) {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
       }, this.context.space) : this.props;
 
-      var element = props.element,
-          inline = props.inline,
-          no_collapse = props.no_collapse,
-          top = props.top,
-          right = props.right,
-          bottom = props.bottom,
-          left = props.left,
-          space = props.space,
-          stretch = props.stretch,
-          skeleton = props.skeleton,
-          innerRef = props.innerRef,
-          _id = props.id,
-          className = props.className,
-          attributes = _objectWithoutProperties(props, _excluded);
+      var _ref2 = props,
+          element = _ref2.element,
+          inline = _ref2.inline,
+          no_collapse = _ref2.no_collapse,
+          top = _ref2.top,
+          right = _ref2.right,
+          bottom = _ref2.bottom,
+          left = _ref2.left,
+          space = _ref2.space,
+          stretch = _ref2.stretch,
+          skeleton = _ref2.skeleton,
+          innerRef = _ref2.innerRef,
+          _id = _ref2.id,
+          className = _ref2.className,
+          attributes = _objectWithoutProperties(_ref2, _excluded2);
 
       var children = Space.getContent(this.props);
 
       var params = _objectSpread({
-        className: (0, _classnames.default)('dnb-space', (0, _SkeletonHelper.createSkeletonClass)(null, skeleton), (0, _SpacingHelper.createSpacingClasses)({
+        className: (0, _classnames.default)('dnb-space', (0, _SkeletonHelper.createSkeletonClass)(null, skeleton), (0, _SpacingUtils.createSpacingClasses)({
           top: top,
           right: right,
           bottom: bottom,
@@ -177,7 +203,7 @@ _defineProperty(Space, "defaultProps", _objectSpread(_objectSpread({
   element: 'div',
   inline: null,
   no_collapse: null
-}, _SpacingHelper.spacingDefaultProps), {}, {
+}, _SpacingUtils.spacingDefaultProps), {}, {
   stretch: null,
   skeleton: null,
   innerRef: null,
@@ -196,25 +222,4 @@ process.env.NODE_ENV !== "production" ? Space.propTypes = _objectSpread(_objectS
   innerRef: _propTypes.default.object,
   className: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node])
-}) : void 0;
-
-var Element = function Element(_ref) {
-  var E = _ref.element,
-      no_collapse = _ref.no_collapse,
-      children = _ref.children,
-      innerRef = _ref.innerRef,
-      props = _objectWithoutProperties(_ref, _excluded2);
-
-  var component = _react.default.createElement(E, _extends({}, props, {
-    ref: innerRef
-  }), children);
-
-  if ((0, _componentHelper.isTrue)(no_collapse)) {
-    var R = E === 'span' || (0, _SpacingHelper.isInline)(Element) ? 'span' : 'div';
-    return _react.default.createElement(R, {
-      className: 'dnb-space--no-collapse' + ((0, _SpacingHelper.isInline)(Element) ? " dnb-space--inline" : "")
-    }, component);
-  }
-
-  return component;
-};
+}) : void 0;

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

@@ -10,43 +10,8 @@ export namespace spacingPropTypes {
     const bottom: PropTypes.Requireable<string | number | boolean>;
     const left: PropTypes.Requireable<string | number | boolean>;
 }
-export namespace spacingDefaultProps {
-    const space_1: any;
-    export { space_1 as space };
-    const top_1: any;
-    export { top_1 as top };
-    const right_1: any;
-    export { right_1 as right };
-    const bottom_1: any;
-    export { bottom_1 as bottom };
-    const left_1: any;
-    export { left_1 as left };
-}
-export const spacePatterns: {
-    'xx-small': number;
-    'x-small': number;
-    small: number;
-    medium: number;
-    large: number;
-    'x-large': number;
-    'xx-large': number;
-    'xx-large-x2': number;
-};
-export function translateSpace(type: any): any;
-export function splitTypes(types: any): any;
-export function sumTypes(types: any): any;
-export function createTypeModifiers(types: any): any;
-export function findType(num: any, { returnObject }?: {
-    returnObject?: boolean;
-}): string | [string, number];
-export function findNearestTypes(num: any): any;
-export function isValidSpaceProp(prop: any): boolean;
-export function removeSpaceProps({ ...props }: {
-    [x: string]: any;
-}): {
-    [x: string]: any;
-};
-export function createSpacingClasses(props: any, Element?: any): any[];
-export function createStyleObject(props: any): {};
-export function isInline(Element: any): boolean;
+import { createSpacingClasses } from "./SpacingUtils";
+import { removeSpaceProps } from "./SpacingUtils";
+import { createStyleObject } from "./SpacingUtils";
 import PropTypes from "prop-types";
+export { createSpacingClasses, removeSpaceProps, createStyleObject };

package/cjs/components/space/SpacingHelper.js

@@ -1,90 +1,34 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.object.assign.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.translateSpace = exports.sumTypes = exports.splitTypes = exports.spacingPropTypes = exports.spacingDefaultProps = exports.spacePatterns = exports.removeSpaceProps = exports.isValidSpaceProp = exports.isInline = exports.findType = exports.findNearestTypes = exports.createTypeModifiers = exports.createStyleObject = exports.createSpacingClasses = void 0;
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.reduce.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.parse-float.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.object.entries.js");
-
-require("core-js/modules/es.array.reverse.js");
-
-require("core-js/modules/es.array.index-of.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.array.join.js");
+Object.defineProperty(exports, "createSpacingClasses", {
+  enumerable: true,
+  get: function get() {
+    return _SpacingUtils.createSpacingClasses;
+  }
+});
+Object.defineProperty(exports, "createStyleObject", {
+  enumerable: true,
+  get: function get() {
+    return _SpacingUtils.createStyleObject;
+  }
+});
+Object.defineProperty(exports, "removeSpaceProps", {
+  enumerable: true,
+  get: function get() {
+    return _SpacingUtils.removeSpaceProps;
+  }
+});
+exports.spacingPropTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _componentHelper = require("../../shared/component-helper");
+var _SpacingUtils = require("./SpacingUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var spacingPropTypes = {
   space: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool, _propTypes.default.shape({
     top: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
@@ -97,296 +41,4 @@ var spacingPropTypes = {
   bottom: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
   left: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool])
 };
-exports.spacingPropTypes = spacingPropTypes;
-var spacingDefaultProps = {
-  space: null,
-  top: null,
-  right: null,
-  bottom: null,
-  left: null
-};
-exports.spacingDefaultProps = spacingDefaultProps;
-var spacePatterns = {
-  'xx-small': 0.25,
-  'x-small': 0.5,
-  small: 1,
-  medium: 1.5,
-  large: 2,
-  'x-large': 3,
-  'xx-large': 3.5,
-  'xx-large-x2': 7
-};
-exports.spacePatterns = spacePatterns;
-
-var translateSpace = function translateSpace(type) {
-  if (/-x2$/.test(type)) {
-    return spacePatterns[type.replace(/-x2$/, '')] * 2;
-  }
-
-  return spacePatterns[type] || 0;
-};
-
-exports.translateSpace = translateSpace;
-
-var splitTypes = function splitTypes(types) {
-  if (typeof types === 'string') {
-    types = types.split(/ /g);
-  } else if (typeof types === 'boolean') {
-    return ['small'];
-  } else if (typeof types === 'number') {
-    return [types];
-  }
-
-  return types ? types.filter(function (r) {
-    return r && r.length > 0;
-  }) : null;
-};
-
-exports.splitTypes = splitTypes;
-
-var sumTypes = function sumTypes(types) {
-  return splitTypes(types).map(function (type) {
-    return translateSpace(type);
-  }).reduce(function (acc, cur) {
-    if (cur > 0) {
-      acc += cur;
-    } else if (cur < 0) {
-      acc -= cur;
-    }
-
-    return acc;
-  }, 0);
-};
-
-exports.sumTypes = sumTypes;
-
-var createTypeModifiers = function createTypeModifiers(types) {
-  if (typeof types === 'number') {
-    types = String(types);
-  }
-
-  return (splitTypes(types) || []).reduce(function (acc, type) {
-    if (type) {
-      var firstLetter = type[0];
-
-      if (parseFloat(firstLetter) > -1) {
-        var num = parseFloat(type);
-
-        if (num >= 8 && /[0-9]px/.test(type)) {
-          num = num / 16;
-        }
-
-        var foundType = findType(num);
-
-        if (foundType) {
-          type = foundType;
-        } else {
-          findNearestTypes(num).forEach(function (type) {
-            if (type) {
-              acc.push(type);
-            }
-          });
-        }
-      }
-
-      if (!(parseFloat(type) > 0)) {
-        acc.push(type);
-      }
-    }
-
-    return acc;
-  }, []);
-};
-
-exports.createTypeModifiers = createTypeModifiers;
-
-var findType = function findType(num) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$returnObject = _ref.returnObject,
-      returnObject = _ref$returnObject === void 0 ? false : _ref$returnObject;
-
-  var found = Object.entries(spacePatterns).find(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-        k = _ref3[0],
-        v = _ref3[1];
-
-    return k && v === num;
-  }) || null;
-
-  if (returnObject) {
-    return found;
-  }
-
-  if (found) {
-    return found[0];
-  }
-
-  return found;
-};
-
-exports.findType = findType;
-
-var findNearestTypes = function findNearestTypes(num) {
-  var res = [];
-  var near = Object.entries(spacePatterns).reverse().find(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        k = _ref5[0],
-        v = _ref5[1];
-
-    return k && num >= v;
-  });
-  var nearNum = near && near[1] || num;
-  var typeObject = findType(nearNum, {
-    returnObject: true
-  });
-
-  if (typeObject) {
-    var nearType = typeObject[0];
-    res.push(nearType);
-    var leftOver = num - parseFloat(typeObject[1]);
-    var foundMoreTypes = findNearestTypes(leftOver);
-    foundMoreTypes.forEach(function (type) {
-      var index = res.indexOf(type);
-
-      if (index !== -1) {
-        res[index] = "".concat(type, "-x2");
-      }
-    });
-    res = [].concat(_toConsumableArray(res), _toConsumableArray(foundMoreTypes));
-  }
-
-  return res;
-};
-
-exports.findNearestTypes = findNearestTypes;
-
-var isValidSpaceProp = function isValidSpaceProp(prop) {
-  return prop && ['top', 'right', 'bottom', 'left'].includes(prop);
-};
-
-exports.isValidSpaceProp = isValidSpaceProp;
-
-var removeSpaceProps = function removeSpaceProps(_ref6) {
-  var props = _extends({}, _ref6);
-
-  for (var i in props) {
-    if (isValidSpaceProp(i)) {
-      delete props[i];
-    }
-  }
-
-  return props;
-};
-
-exports.removeSpaceProps = removeSpaceProps;
-
-var createSpacingClasses = function createSpacingClasses(props) {
-  var Element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
-  if (typeof props.space !== 'undefined') {
-    if (typeof props.space === 'string' || typeof props.space === 'number' || typeof props.space === 'boolean' && props.space) {
-      props.top = props.right = props.bottom = props.left = props.space;
-    }
-
-    for (var i in props.space) {
-      if (!props[i] && isValidSpaceProp(i)) {
-        props[i] = props.space[i];
-      }
-    }
-
-    delete props.space;
-  }
-
-  return Object.entries(props).reduce(function (acc, _ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        direction = _ref8[0],
-        cur = _ref8[1];
-
-    if (isValidSpaceProp(direction)) {
-      if (String(cur) === '0' || String(cur) === 'false') {
-        acc.push("dnb-space__".concat(direction, "--zero"));
-      } else if (cur) {
-        var typeModifiers = createTypeModifiers(cur);
-        var sum = sumTypes(typeModifiers);
-
-        if (sum > 10) {
-          (0, _componentHelper.warn)("Spacing of more than 10rem is not supported! You used ".concat(sum, " / (").concat(typeModifiers.join(','), ")"));
-        } else {
-          var nearestTypes = findNearestTypes(sum);
-          acc = [].concat(_toConsumableArray(acc), _toConsumableArray(nearestTypes.map(function (type) {
-            return "dnb-space__".concat(direction, "--").concat(type);
-          })));
-        }
-      }
-    } else if (direction === 'no_collapse') {
-      acc.push('dnb-space--no-collapse');
-
-      if (Element && isInline(Element)) {
-        acc.push('dnb-space--inline');
-      }
-    }
-
-    return acc;
-  }, []);
-};
-
-exports.createSpacingClasses = createSpacingClasses;
-
-var createStyleObject = function createStyleObject(props) {
-  if (props.top && !(parseFloat(props.top) > 0)) {
-    props.top = sumTypes(props.top);
-  }
-
-  if (props.bottom && !(parseFloat(props.bottom) > 0)) {
-    props.bottom = sumTypes(props.bottom);
-  }
-
-  if (props.left && !(parseFloat(props.left) > 0)) {
-    props.left = sumTypes(props.left);
-  }
-
-  if (props.right && !(parseFloat(props.right) > 0)) {
-    props.right = sumTypes(props.right);
-  }
-
-  return Object.entries({
-    marginTop: props.top && "".concat(props.top, "rem"),
-    marginBottom: props.bottom && "".concat(props.bottom, "rem"),
-    maxWidth: props.maxWidth && "".concat(props.maxWidth, "rem"),
-    maxHeight: props.maxHeight && "".concat(props.maxHeight, "rem"),
-    width: props.width && "".concat(props.width, "rem"),
-    height: props.height && "".concat(props.height, "rem")
-  }).reduce(function (acc, _ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-        key = _ref10[0],
-        val = _ref10[1];
-
-    if (typeof val !== 'undefined') {
-      acc[key] = val;
-    }
-
-    return acc;
-  }, {});
-};
-
-exports.createStyleObject = createStyleObject;
-
-var isInline = function isInline(Element) {
-  var inline = false;
-
-  switch (Element) {
-    case 'h1':
-    case 'h2':
-    case 'h3':
-    case 'h4':
-    case 'h5':
-    case 'h6':
-    case 'p':
-      inline = true;
-      break;
-  }
-
-  return inline;
-};
-
-exports.isInline = isInline;
+exports.spacingPropTypes = spacingPropTypes;

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

@@ -0,0 +1,38 @@
+/**
+ * Space helper
+ *
+ */
+export declare const spacingDefaultProps: {
+    space: any;
+    top: any;
+    right: any;
+    bottom: any;
+    left: any;
+};
+export declare const spacePatterns: {
+    'xx-small': number;
+    'x-small': number;
+    small: number;
+    medium: number;
+    large: number;
+    'x-large': number;
+    'xx-large': number;
+    'xx-large-x2': number;
+};
+export declare const translateSpace: (type: any) => any;
+export declare const splitTypes: (types: any) => any;
+export declare const sumTypes: (types: any) => any;
+export declare const createTypeModifiers: (types: any) => any;
+export declare const findType: (num: any, { returnObject }?: {
+    returnObject?: boolean;
+}) => string | [string, number];
+export declare const findNearestTypes: (num: any) => any[];
+export declare const isValidSpaceProp: (prop: any) => boolean;
+export declare const removeSpaceProps: ({ ...props }: {
+    [x: string]: any;
+}) => {
+    [x: string]: any;
+};
+export declare const createSpacingClasses: (props: any, Element?: any) => any[];
+export declare const createStyleObject: (props: any) => {};
+export declare const isInline: (Element: any) => boolean;