@elliemae/ds-classnames 2.2.0 → 2.3.0-alpha.3

package/cjs/classNameManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/classNameManager.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable max-params */\nimport { isEmpty } from '@elliemae/ds-utilities/utils';\nimport { dimsumConfig } from '@elliemae/ds-shared/dimsum.config';\nimport { pipe as formPipe } from './converPropsToFormModifiers';\nimport { pipe as layoutModifiers } from './convertPropsToLayoutModifiers';\nimport { pipe as feedBackModifiers } from './convertPropToFeedBackModifiers';\nimport { pipe as sizeModifiers } from './convertPropsToSizeModifiers';\nimport { pipe as textModifiers } from './convertPropsToTextModifiers';\nimport { pipe as colorModifiers } from './convertPropsToColorModifiers';\n\nexport const cssPrefix = `${dimsumConfig.classNamePrefix}-`;\n\nconst executePipelines = (props) => {\n  const form = formPipe().execute(props);\n  const layout = layoutModifiers().execute(props);\n  const feedback = feedBackModifiers().execute(props);\n  const size = sizeModifiers().execute(props);\n  const text = textModifiers().execute(props);\n  const color = colorModifiers().execute(props);\n  return [...form, ...layout, ...feedback, ...size, ...text, ...color];\n};\n\n/**\n * Docs: http://getbem.com/naming/\n * blockName\n * cssClassNameModifier: Main modifier\n * props { hasError, hasWarning, hasSuccess, readOnly, disabled}\n *\n * @param blockName\n * @param cssClassNameModifier\n * @param props\n * @param options\n */\nconst cssPipeline: (\n  blockName?: string,\n  cssClassNameModifier?: string,\n  props?: { [key: string]: any },\n  options?: { [key: string]: any },\n) => {\n  blockName: string;\n  cssPrefix: string;\n  prefixBlockName: string;\n  cssClassName: string;\n  mainModifier(modifier: any): string;\n  classNameBlock(elementName: any, usePrefix?: boolean): string;\n  classNameBlockModifier(modifierName: any, elementBlockName?: string): string;\n  classNameElement(elementName: any, elementBlockName?: string): string;\n  classNameModifier(modifierName: any, elementName?: string): string;\n} = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {\n  const { prefix, element } = options;\n\n  const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`;\n\n  // PipeLine\n  const pipes = !isEmpty(props) ? executePipelines(props) : [];\n\n  const basePipeline = [prefixBlockName, ...pipes];\n\n  // specific classname\n  const className = cssClassNameModifier\n    ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`)\n    : [...basePipeline].join(` ${prefixBlockName}--`);\n\n  return {\n    blockName,\n    cssPrefix,\n    prefixBlockName,\n    cssClassName: className,\n    mainModifier(modifier) {\n      return `${className}--${modifier}`;\n    },\n    classNameBlock(elementName, usePrefix = true) {\n      return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;\n    },\n    classNameBlockModifier(modifierName, elementBlockName = '') {\n      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;\n    },\n    classNameElement(elementName, elementBlockName = '') {\n      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;\n    },\n    classNameModifier(modifierName, elementName = '') {\n      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;\n    },\n  };\n};\n\nexport { cssPipeline as convertPropToCssClassName };\nexport default cssPipeline;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwB;AACxB,oBAA6B;AAC7B,wCAAiC;AACjC,2CAAwC;AACxC,4CAA0C;AAC1C,yCAAsC;AACtC,yCAAsC;AACtC,0CAAuC;AAEhC,MAAM,YAAY,GAAG,2BAAa;AAEzC,MAAM,mBAAmB,CAAC,UAAU;AAClC,QAAM,OAAO,8CAAW,QAAQ;AAChC,QAAM,SAAS,iDAAkB,QAAQ;AACzC,QAAM,WAAW,kDAAoB,QAAQ;AAC7C,QAAM,OAAO,+CAAgB,QAAQ;AACrC,QAAM,OAAO,+CAAgB,QAAQ;AACrC,QAAM,QAAQ,gDAAiB,QAAQ;AACvC,SAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG;AAAA;AAchE,MAAM,cAeF,CAAC,YAAY,SAAS,uBAAuB,IAAI,QAAQ,IAAI,UAAU,OAAO;AAChF,QAAM,EAAE,QAAQ,YAAY;AAE5B,QAAM,kBAAkB,GAAG,UAAU,YAAY,YAAY,UAAU,KAAK,YAAY;AAGxF,QAAM,QAAQ,CAAC,0BAAQ,SAAS,iBAAiB,SAAS;AAE1D,QAAM,eAAe,CAAC,iBAAiB,GAAG;AAG1C,QAAM,YAAY,uBACd,CAAC,GAAG,cAAc,KAAK,IAAI,qBAAqB,OAAO,IAAI,0BAC3D,CAAC,GAAG,cAAc,KAAK,IAAI;AAE/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,aAAa,UAAU;AACrB,aAAO,GAAG,cAAc;AAAA;AAAA,IAE1B,eAAe,aAAa,YAAY,MAAM;AAC5C,aAAO,GAAG,CAAC,YAAY,YAAY,mBAAmB;AAAA;AAAA,IAExD,uBAAuB,cAAc,mBAAmB,IAAI;AAC1D,aAAO,GAAG,mBAAmB,qBAAqB;AAAA;AAAA,IAEpD,iBAAiB,aAAa,mBAAmB,IAAI;AACnD,aAAO,GAAG,kBAAkB,mBAAmB,IAAI,qBAAqB,OAAO;AAAA;AAAA,IAEjF,kBAAkB,cAAc,cAAc,IAAI;AAChD,aAAO,GAAG,kBAAkB,cAAc,KAAK,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM5E,IAAO,2BAAQ;",
+  "names": []
+}

package/cjs/converPropsToFormModifiers.js

@@ -1,39 +1,62 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    readOnly = false,
-    disabled = false,
-    checked = false
-  } = _ref;
-  const cssModifier = []; // input state modifiers
-
-  if (checked) cssModifier.push('checked');
-  if (readOnly) cssModifier.push('readonly');
-  if (disabled) cssModifier.push('disabled');
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var converPropsToFormModifiers_exports = {};
+__export(converPropsToFormModifiers_exports, {
+  default: () => converPropsToFormModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+const basicAction = ({
+  readOnly = false,
+  disabled = false,
+  checked = false
+}) => {
+  const cssModifier = [];
+  if (checked)
+    cssModifier.push("checked");
+  if (readOnly)
+    cssModifier.push("readonly");
+  if (disabled)
+    cssModifier.push("disabled");
   return cssModifier;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var converPropsToFormModifiers_default = pipe;
+module.exports = __toCommonJS(converPropsToFormModifiers_exports);
+//# sourceMappingURL=converPropsToFormModifiers.js.map

package/cjs/converPropsToFormModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/converPropsToFormModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({\n  readOnly = false,\n  disabled = false,\n  checked = false,\n}) => {\n  const cssModifier = [];\n  // input state modifiers\n  if (checked) cssModifier.push('checked');\n  if (readOnly) cssModifier.push('readonly');\n  if (disabled) cssModifier.push('disabled');\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,MACN;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAS,gBAAY,KAAK;AAC9B,MAAI;AAAU,gBAAY,KAAK;AAC/B,MAAI;AAAU,gBAAY,KAAK;AAC/B,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,qCAAQ;",
+  "names": []
+}

package/cjs/convertPropToFeedBackModifiers.js

@@ -1,39 +1,65 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    modalType
-  } = _ref;
-  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));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var convertPropToFeedBackModifiers_exports = {};
+__export(convertPropToFeedBackModifiers_exports, {
+  default: () => convertPropToFeedBackModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+const basicAction = ({
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  modalType
+}) => {
+  const cssModifier = [];
+  if (hasError)
+    cssModifier.push("error");
+  else if (hasWarning)
+    cssModifier.push("warning");
+  else if (hasSuccess)
+    cssModifier.push("success");
+  if (modalType)
+    cssModifier.push(`modal-type-${modalType}`);
   return cssModifier;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var convertPropToFeedBackModifiers_default = pipe;
+module.exports = __toCommonJS(convertPropToFeedBackModifiers_exports);
+//# sourceMappingURL=convertPropToFeedBackModifiers.js.map

package/cjs/convertPropToFeedBackModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/convertPropToFeedBackModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  modalType,\n}) => {\n  const cssModifier = [];\n  // valid state modifier\n  if (hasError) cssModifier.push('error');\n  else if (hasWarning) cssModifier.push('warning');\n  else if (hasSuccess) cssModifier.push('success');\n  if (modalType) cssModifier.push(`modal-type-${modalType}`);\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAU,gBAAY,KAAK;AAAA,WACtB;AAAY,gBAAY,KAAK;AAAA,WAC7B;AAAY,gBAAY,KAAK;AACtC,MAAI;AAAW,gBAAY,KAAK,cAAc;AAC9C,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,yCAAQ;",
+  "names": []
+}

package/cjs/convertPropsToColorModifiers.js

@@ -1,38 +1,58 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    color = null
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var convertPropsToColorModifiers_exports = {};
+__export(convertPropsToColorModifiers_exports, {
+  default: () => convertPropsToColorModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+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]));
+    if (color[1] !== null)
+      cssModifier.push(`color-${color[0]}-${color[1]}`);
+    else
+      cssModifier.push(`color-${color[0]}`);
   }
-
   return cssModifier;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var convertPropsToColorModifiers_default = pipe;
+module.exports = __toCommonJS(convertPropsToColorModifiers_exports);
+//# sourceMappingURL=convertPropsToColorModifiers.js.map

package/cjs/convertPropsToColorModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/convertPropsToColorModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({ color = null }) => {\n  const cssModifier = [];\n  if (color && color[0]) {\n    if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);\n    else cssModifier.push(`color-${color[0]}`);\n  }\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC,EAAE,QAAQ,WAAW;AACxC,QAAM,cAAc;AACpB,MAAI,SAAS,MAAM,IAAI;AACrB,QAAI,MAAM,OAAO;AAAM,kBAAY,KAAK,SAAS,MAAM,MAAM,MAAM;AAAA;AAC9D,kBAAY,KAAK,SAAS,MAAM;AAAA;AAEvC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,uCAAQ;",
+  "names": []
+}

package/cjs/convertPropsToLayoutModifiers.js

@@ -1,41 +1,65 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    id,
-    buttonType = 'default',
-    fluidWidth = false,
-    fluidHeight = false
-  } = _ref;
-  const cssModifier = []; // buttons types
-
-  if (id) cssModifier.push("id-".concat(id));
-  if (buttonType) cssModifier.push(buttonType);
-  if (fluidWidth) cssModifier.push('fluid-width');
-  if (fluidHeight) cssModifier.push('fluid-height');
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var convertPropsToLayoutModifiers_exports = {};
+__export(convertPropsToLayoutModifiers_exports, {
+  default: () => convertPropsToLayoutModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+const basicAction = ({
+  id,
+  buttonType = "default",
+  fluidWidth = false,
+  fluidHeight = false
+}) => {
+  const cssModifier = [];
+  if (id)
+    cssModifier.push(`id-${id}`);
+  if (buttonType)
+    cssModifier.push(buttonType);
+  if (fluidWidth)
+    cssModifier.push("fluid-width");
+  if (fluidHeight)
+    cssModifier.push("fluid-height");
   return cssModifier;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var convertPropsToLayoutModifiers_default = pipe;
+module.exports = __toCommonJS(convertPropsToLayoutModifiers_exports);
+//# sourceMappingURL=convertPropsToLayoutModifiers.js.map

package/cjs/convertPropsToLayoutModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/convertPropsToLayoutModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({\n  id,\n  buttonType = 'default',\n  fluidWidth = false,\n  fluidHeight = false,\n}) => {\n  const cssModifier = [];\n  // buttons types\n  if (id) cssModifier.push(`id-${id}`);\n  if (buttonType) cssModifier.push(buttonType);\n  if (fluidWidth) cssModifier.push('fluid-width');\n  if (fluidHeight) cssModifier.push('fluid-height');\n\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,MACV;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAI,gBAAY,KAAK,MAAM;AAC/B,MAAI;AAAY,gBAAY,KAAK;AACjC,MAAI;AAAY,gBAAY,KAAK;AACjC,MAAI;AAAa,gBAAY,KAAK;AAElC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,wCAAQ;",
+  "names": []
+}

package/cjs/convertPropsToSizeModifiers.js

@@ -1,43 +1,77 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    size = null,
-    extraTight = false,
-    tight = false,
-    base = false,
-    bitLoose = false,
-    loose = false,
-    extraLoose = false,
-    superLoose = false
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var convertPropsToSizeModifiers_exports = {};
+__export(convertPropsToSizeModifiers_exports, {
+  default: () => convertPropsToSizeModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+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');
+  if (size)
+    cssModifier.push(`${size}`);
+  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;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var convertPropsToSizeModifiers_default = pipe;
+module.exports = __toCommonJS(convertPropsToSizeModifiers_exports);
+//# sourceMappingURL=convertPropsToSizeModifiers.js.map

package/cjs/convertPropsToSizeModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/convertPropsToSizeModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({\n  size = null,\n  extraTight = false,\n  tight = false,\n  base = false,\n  bitLoose = false,\n  loose = false,\n  extraLoose = false,\n  superLoose = false,\n}) => {\n  const cssModifier = [];\n  if (size) cssModifier.push(`${size}`);\n  // Size as Flag\n  if (extraTight) cssModifier.push('size-extra-tight');\n  else if (tight) cssModifier.push('size-tight');\n  else if (base) cssModifier.push('size-base');\n  else if (bitLoose) cssModifier.push('size-bit-loose');\n  else if (loose) cssModifier.push('size-loose');\n  else if (extraLoose) cssModifier.push('size-extra-loose');\n  else if (superLoose) cssModifier.push('size-super-loose');\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA,MACT;AACJ,QAAM,cAAc;AACpB,MAAI;AAAM,gBAAY,KAAK,GAAG;AAE9B,MAAI;AAAY,gBAAY,KAAK;AAAA,WACxB;AAAO,gBAAY,KAAK;AAAA,WACxB;AAAM,gBAAY,KAAK;AAAA,WACvB;AAAU,gBAAY,KAAK;AAAA,WAC3B;AAAO,gBAAY,KAAK;AAAA,WACxB;AAAY,gBAAY,KAAK;AAAA,WAC7B;AAAY,gBAAY,KAAK;AACtC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,sCAAQ;",
+  "names": []
+}

package/cjs/convertPropsToTextModifiers.js

@@ -1,38 +1,58 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-
-const basicAction = _ref => {
-  let {
-    textEllipsis,
-    textAlignment,
-    wordBreak
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var convertPropsToTextModifiers_exports = {};
+__export(convertPropsToTextModifiers_exports, {
+  default: () => convertPropsToTextModifiers_default,
+  pipe: () => pipe
+});
+var React = __toESM(require("react"));
+const basicAction = ({ textEllipsis, textAlignment, wordBreak }) => {
   const cssModifier = [];
-  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
-  if (wordBreak) cssModifier.push('text-overflow-word-break');
-  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
+  if (textEllipsis)
+    cssModifier.push("text-overflow-ellipsis");
+  if (wordBreak)
+    cssModifier.push("text-overflow-word-break");
+  if (["left", "right", "center", "justify"].indexOf(textAlignment) > -1)
+    cssModifier.push(`text-align-${textAlignment}`);
   return cssModifier;
 };
-
 const instance = [basicAction];
-
 const pipe = () => ({
   getInstance() {
     return instance;
   },
-
   add(customModifier) {
     instance.push(customModifier);
   },
-
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
-
 });
-
-module.exports = pipe;
+var convertPropsToTextModifiers_default = pipe;
+module.exports = __toCommonJS(convertPropsToTextModifiers_exports);
+//# sourceMappingURL=convertPropsToTextModifiers.js.map

package/cjs/convertPropsToTextModifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/convertPropsToTextModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const basicAction = ({ textEllipsis, textAlignment, wordBreak }) => {\n  const cssModifier = [];\n  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');\n  if (wordBreak) cssModifier.push('text-overflow-word-break');\n  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1)\n    cssModifier.push(`text-align-${textAlignment}`);\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC,EAAE,cAAc,eAAe,gBAAgB;AAClE,QAAM,cAAc;AACpB,MAAI;AAAc,gBAAY,KAAK;AACnC,MAAI;AAAW,gBAAY,KAAK;AAChC,MAAI,CAAC,QAAQ,SAAS,UAAU,WAAW,QAAQ,iBAAiB;AAClE,gBAAY,KAAK,cAAc;AACjC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,sCAAQ;",
+  "names": []
+}