@elliemae/ds-classnames 1.57.1 → 2.0.0-alpha.11

package/cjs/index.js

@@ -2,25 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classNameManager = require('./classNameManager-a0bcf533.js');
+var classNameManager = require('./classNameManager.js');
 var aggregatedClasses = require('./aggregatedClasses.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-utilities');
-require('./converPropsToFormModifiers.js');
-require('./convertPropsToLayoutModifiers.js');
-require('./convertPropToFeedBackModifiers.js');
-require('./convertPropsToSizeModifiers.js');
-require('./convertPropsToTextModifiers.js');
-require('./convertPropsToColorModifiers.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('obj-str');
-require('./validateNativeProps.js');
 
 
 
-exports.convertPropToCssClassName = classNameManager.cssPipeline;
-exports.cssPrefix = classNameManager.cssPrefix;
-exports.aggregatedClasses = aggregatedClasses['default'];
-//# sourceMappingURL=index.js.map
+exports.convertPropToCssClassName = classNameManager["default"];
+exports.aggregatedClasses = aggregatedClasses["default"];

package/cjs/validateNativeProps.js

@@ -10,10 +10,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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__default['default'](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 _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__default["default"](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; }
 
 /* eslint-disable max-lines */
-var attributeWhiteList = {
+const attributeWhiteList = {
   accept: true,
   acceptCharset: true,
   accessKey: true,
@@ -129,7 +129,7 @@ var attributeWhiteList = {
   wmode: true,
   wrap: true
 };
-var svgAttributesWhiteList = {
+const svgAttributesWhiteList = {
   clipPath: true,
   cx: true,
   cy: true,
@@ -185,7 +185,7 @@ var svgAttributesWhiteList = {
   y2: true,
   y: true
 };
-var otherWhiteList = {
+const otherWhiteList = {
   autoCapitalize: true,
   autoCorrect: true,
   property: true,
@@ -198,7 +198,7 @@ var otherWhiteList = {
   results: true,
   autoSave: true
 };
-var eventsWhiteList = {
+const eventsWhiteList = {
   onCopy: true,
   onCut: true,
   onPaste: true,
@@ -280,17 +280,11 @@ var eventsWhiteList = {
   onTransitionEnd: true,
   onToggle: true
 };
-var whiteList = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
-var isDataAttribute = function isDataAttribute(attribute) {
-  return attribute.substring(0, 5) === 'data-';
-};
-var isAriaAttribute = function isAriaAttribute(attribute) {
-  return attribute.substring(0, 6) === 'aria-';
-};
-var isValidNativeAttribute = function isValidNativeAttribute(attribute) {
-  return whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
-};
-var nativeHTMLElements = {
+const whiteList = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
+const isDataAttribute = attribute => attribute.substring(0, 5) === 'data-';
+const isAriaAttribute = attribute => attribute.substring(0, 6) === 'aria-';
+const isValidNativeAttribute = attribute => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
+const nativeHTMLElements = {
   a: true,
   abbr: true,
   address: true,
@@ -404,13 +398,10 @@ var nativeHTMLElements = {
   video: true,
   wbr: true
 };
-var isNativeHTMLElement = function isNativeHTMLElement(type) {
-  return nativeHTMLElements[type] === true;
-};
+const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
 
 exports.isAriaAttribute = isAriaAttribute;
 exports.isDataAttribute = isDataAttribute;
 exports.isNativeHTMLElement = isNativeHTMLElement;
 exports.isValidNativeAttribute = isValidNativeAttribute;
 exports.whiteList = whiteList;
-//# sourceMappingURL=validateNativeProps.js.map

package/esm/aggregatedClasses.js

@@ -2,82 +2,70 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import cx from 'obj-str';
-import { D as DimsumConfig, c as cssPipeline } from './classNameManager-177ee1bb.js';
+import cssPipeline from './classNameManager.js';
+import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
 import { isNativeHTMLElement, isValidNativeAttribute } from './validateNativeProps.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-utilities';
-import './converPropsToFormModifiers.js';
-import './convertPropsToLayoutModifiers.js';
-import './convertPropToFeedBackModifiers.js';
-import './convertPropsToSizeModifiers.js';
-import './convertPropsToTextModifiers.js';
-import './convertPropsToColorModifiers.js';
 
-var _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
+const _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
 
 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; }
-var cssPrefix = DimsumConfig.classNamePrefix;
+const cssPrefix = DimsumConfig.classNamePrefix;
 
-var generateClassNameWithModifier = function generateClassNameWithModifier(block, element, modifier) {
-  return "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
-};
+const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
 
-var appendBlockAndPrefixToObj = function appendBlockAndPrefixToObj(obj, block, element) {
-  return obj ? Object.keys(obj).reduce(function (acc, key) {
-    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, "".concat(generateClassNameWithModifier(block, element, key)), obj[key]));
-  }, {}) : [];
-};
+const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
+  ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
+}), {}) : [];
 
 function aggregatedClasses(type, props) {
   // aggregatedClasses options parameters
-  return function (block, element, additionalModifiers) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-      var innerRef = _ref.innerRef,
-          children = _ref.children,
-          classProps = _ref.classProps;
-          _ref.useComponent;
-          var className = _ref.className,
-          as = _ref.as,
-          rest = _objectWithoutProperties(_ref, _excluded);
+  return (block, element, additionalModifiers, options = {}) => /*#__PURE__*/React.forwardRef((_ref, ref) => {
+    let {
+      innerRef,
+      children,
+      classProps,
+      useComponent,
+      className,
+      as
+    } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
 
-      // get the additional classNames either from a function or an object
-      var otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
-      if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
-        className: className
-      })), block, element);
-      var otherModifiersStr = cx(otherModifiers);
-      var prefix = options.prefix,
-          _options$propsToRemov = options.propsToRemoveFromFinalElement,
-          propsToRemoveFromFinalElement = _options$propsToRemov === void 0 ? [] : _options$propsToRemov;
+    // get the additional classNames either from a function or an object
+    let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
+    if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
+      className
+    })), block, element);
+    const otherModifiersStr = cx(otherModifiers);
+    const {
+      prefix,
+      propsToRemoveFromFinalElement = []
+    } = options;
+    const {
+      cssClassName: classNames
+    } = cssPipeline(block, null, _objectSpread({}, classProps), {
+      prefix,
+      element
+    });
 
-      var _convertPropToCssClas = cssPipeline(block, null, _objectSpread({}, classProps), {
-        prefix: prefix,
-        element: element
-      }),
-          classNames = _convertPropToCssClas.cssClassName;
+    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
 
-      var cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
+    propsToRemoveFromFinalElement.forEach(propKey => {
+      delete cleanedPropsPassedDown[propKey];
+    });
 
-      propsToRemoveFromFinalElement.forEach(function (propKey) {
-        delete cleanedPropsPassedDown[propKey];
+    if (isNativeHTMLElement(block)) {
+      Object.keys(cleanedPropsPassedDown).forEach(key => {
+        if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
       });
+    }
 
-      if (isNativeHTMLElement(block)) {
-        Object.keys(cleanedPropsPassedDown).forEach(function (key) {
-          if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
-        });
-      }
-
-      return /*#__PURE__*/React.createElement(as || type, _objectSpread({
-        ref: innerRef || ref,
-        className: [classNames, otherModifiersStr, className].join(' ')
-      }, cleanedPropsPassedDown), children);
-    });
-  };
+    return /*#__PURE__*/React.createElement(as || type, _objectSpread({
+      ref: innerRef || ref,
+      className: [classNames, otherModifiersStr, className].join(' ')
+    }, cleanedPropsPassedDown), children);
+  });
 }
 
 export { cssPrefix, aggregatedClasses as default };
-//# sourceMappingURL=aggregatedClasses.js.map

package/esm/classNameManager.js

@@ -1,10 +1,75 @@
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-utilities';
-export { a as cssPrefix, c as default } from './classNameManager-177ee1bb.js';
-import './converPropsToFormModifiers.js';
-import './convertPropsToLayoutModifiers.js';
-import './convertPropToFeedBackModifiers.js';
-import './convertPropsToSizeModifiers.js';
-import './convertPropsToTextModifiers.js';
-import './convertPropsToColorModifiers.js';
-//# sourceMappingURL=classNameManager.js.map
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { isEmpty } from '@elliemae/ds-utilities/utils';
+import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
+import pipe from './converPropsToFormModifiers.js';
+import pipe$1 from './convertPropsToLayoutModifiers.js';
+import pipe$2 from './convertPropToFeedBackModifiers.js';
+import pipe$3 from './convertPropsToSizeModifiers.js';
+import pipe$4 from './convertPropsToTextModifiers.js';
+import pipe$5 from './convertPropsToColorModifiers.js';
+
+const cssPrefix = "".concat(DimsumConfig.classNamePrefix, "-");
+
+const executePipelines = props => {
+  const form = pipe().execute(props);
+  const layout = pipe$1().execute(props);
+  const feedback = pipe$2().execute(props);
+  const size = pipe$3().execute(props);
+  const text = pipe$4().execute(props);
+  const color = pipe$5().execute(props);
+  return [...form, ...layout, ...feedback, ...size, ...text, ...color];
+};
+/**
+ * Docs: http://getbem.com/naming/
+ * blockName
+ * cssClassNameModifier: Main modifier
+ * props { hasError, hasWarning, hasSuccess, readOnly, disabled}
+ *
+ * @param blockName
+ * @param cssClassNameModifier
+ * @param props
+ * @param options
+ */
+
+
+const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {
+  const {
+    prefix,
+    element
+  } = options;
+  const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
+
+  const pipes = !isEmpty(props) ? executePipelines(props) : [];
+  const basePipeline = [prefixBlockName, ...pipes]; // specific classname
+
+  const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
+  return {
+    blockName,
+    cssPrefix,
+    prefixBlockName,
+    cssClassName: className,
+
+    mainModifier(modifier) {
+      return "".concat(className, "--").concat(modifier);
+    },
+
+    classNameBlock(elementName, usePrefix = true) {
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
+    },
+
+    classNameBlockModifier(modifierName, elementBlockName = '') {
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
+    },
+
+    classNameElement(elementName, elementBlockName = '') {
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
+    },
+
+    classNameModifier(modifierName, elementName = '') {
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
+    }
+
+  };
+};
+
+export { cssPrefix, cssPipeline as default };

package/esm/converPropsToFormModifiers.js

@@ -1,13 +1,11 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var basicAction = function basicAction(_ref) {
-  var _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$checked = _ref.checked,
-      checked = _ref$checked === void 0 ? false : _ref$checked;
-  var cssModifier = []; // input state modifiers
+const basicAction = ({
+  readOnly = false,
+  disabled = false,
+  checked = false
+}) => {
+  const cssModifier = []; // input state modifiers
 
   if (checked) cssModifier.push('checked');
   if (readOnly) cssModifier.push('readonly');
@@ -15,23 +13,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=converPropsToFormModifiers.js.map

package/esm/convertPropToFeedBackModifiers.js

@@ -1,37 +1,33 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-
-var basicAction = function basicAction(_ref) {
-  var _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$hasWarning = _ref.hasWarning,
-      hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
-      _ref$hasSuccess = _ref.hasSuccess,
-      hasSuccess = _ref$hasSuccess === void 0 ? false : _ref$hasSuccess,
-      modalType = _ref.modalType;
-  var cssModifier = []; // valid state modifier
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = ({
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  modalType
+}) => {
+  const cssModifier = []; // valid state modifier
 
   if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
   if (modalType) cssModifier.push("modal-type-".concat(modalType));
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=convertPropToFeedBackModifiers.js.map

package/esm/convertPropsToColorModifiers.js

@@ -1,9 +1,9 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var basicAction = function basicAction(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? null : _ref$color;
-  var cssModifier = [];
+const basicAction = ({
+  color = null
+}) => {
+  const cssModifier = [];
 
   if (color && color[0]) {
     if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
@@ -12,23 +12,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=convertPropsToColorModifiers.js.map

package/esm/convertPropsToLayoutModifiers.js

@@ -1,14 +1,12 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-
-var basicAction = function basicAction(_ref) {
-  var id = _ref.id,
-      _ref$buttonType = _ref.buttonType,
-      buttonType = _ref$buttonType === void 0 ? 'default' : _ref$buttonType,
-      _ref$fluidWidth = _ref.fluidWidth,
-      fluidWidth = _ref$fluidWidth === void 0 ? false : _ref$fluidWidth,
-      _ref$fluidHeight = _ref.fluidHeight,
-      fluidHeight = _ref$fluidHeight === void 0 ? false : _ref$fluidHeight;
-  var cssModifier = []; // buttons types
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = ({
+  id,
+  buttonType = 'default',
+  fluidWidth = false,
+  fluidHeight = false
+}) => {
+  const cssModifier = []; // buttons types
 
   if (id) cssModifier.push("id-".concat(id));
   if (buttonType) cssModifier.push(buttonType);
@@ -17,23 +15,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=convertPropsToLayoutModifiers.js.map

package/esm/convertPropsToSizeModifiers.js

@@ -1,46 +1,37 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-
-var basicAction = function basicAction(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? null : _ref$size,
-      _ref$extraTight = _ref.extraTight,
-      extraTight = _ref$extraTight === void 0 ? false : _ref$extraTight,
-      _ref$tight = _ref.tight,
-      tight = _ref$tight === void 0 ? false : _ref$tight,
-      _ref$base = _ref.base,
-      base = _ref$base === void 0 ? false : _ref$base,
-      _ref$bitLoose = _ref.bitLoose,
-      bitLoose = _ref$bitLoose === void 0 ? false : _ref$bitLoose,
-      _ref$loose = _ref.loose,
-      loose = _ref$loose === void 0 ? false : _ref$loose,
-      _ref$extraLoose = _ref.extraLoose,
-      extraLoose = _ref$extraLoose === void 0 ? false : _ref$extraLoose,
-      _ref$superLoose = _ref.superLoose,
-      superLoose = _ref$superLoose === void 0 ? false : _ref$superLoose;
-  var cssModifier = [];
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = ({
+  size = null,
+  extraTight = false,
+  tight = false,
+  base = false,
+  bitLoose = false,
+  loose = false,
+  extraLoose = false,
+  superLoose = false
+}) => {
+  const cssModifier = [];
   if (size) cssModifier.push("".concat(size)); // Size as Flag
 
   if (extraTight) cssModifier.push('size-extra-tight');else if (tight) cssModifier.push('size-tight');else if (base) cssModifier.push('size-base');else if (bitLoose) cssModifier.push('size-bit-loose');else if (loose) cssModifier.push('size-loose');else if (extraLoose) cssModifier.push('size-extra-loose');else if (superLoose) cssModifier.push('size-super-loose');
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=convertPropsToSizeModifiers.js.map