@elliemae/ds-classnames 2.3.0-alpha.8 → 2.3.0-next.2

package/esm/classNameManager.js

@@ -0,0 +1,83 @@
+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 = function () {
+  let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
+  let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  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) {
+      let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
+    },
+
+    classNameBlockModifier(modifierName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
+    },
+
+    classNameElement(elementName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
+    },
+
+    classNameModifier(modifierName) {
+      let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
+    }
+
+  };
+};
+
+export { cssPrefix, cssPipeline as default };

package/esm/converPropsToFormModifiers.js

@@ -0,0 +1,37 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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');
+  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)], []);
+  }
+
+});
+
+export { pipe as default };

package/esm/convertPropToFeedBackModifiers.js

@@ -0,0 +1,37 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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));
+  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)], []);
+  }
+
+});
+
+export { pipe as default };

package/esm/convertPropsToColorModifiers.js

@@ -0,0 +1,36 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    color = null
+  } = _ref;
+  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]));
+  }
+
+  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)], []);
+  }
+
+});
+
+export { pipe as default };

package/esm/convertPropsToLayoutModifiers.js

@@ -0,0 +1,39 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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');
+  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)], []);
+  }
+
+});
+
+export { pipe as default };

package/esm/convertPropsToSizeModifiers.js

@@ -0,0 +1,41 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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;
+  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;
+};
+
+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 };

package/esm/convertPropsToTextModifiers.js

@@ -0,0 +1,36 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
+  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));
+  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)], []);
+  }
+
+});
+
+export { pipe as default };

package/esm/index.js

@@ -0,0 +1,2 @@
+export { default as convertPropToCssClassName, cssPrefix } from './classNameManager.js';
+export { default as aggregatedClasses } from './aggregatedClasses.js';

package/{dist/esm → esm}/validateNativeProps.js

@@ -1,4 +1,15 @@
-import * as React from "react";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+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; }
+
+/* eslint-disable max-lines */
 const attributeWhiteList = {
   accept: true,
   acceptCharset: true,
@@ -266,15 +277,10 @@ const eventsWhiteList = {
   onTransitionEnd: true,
   onToggle: true
 };
-const whiteList = {
-  ...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 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,
@@ -389,12 +395,6 @@ const nativeHTMLElements = {
   video: true,
   wbr: true
 };
-const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
-export {
-  isAriaAttribute,
-  isDataAttribute,
-  isNativeHTMLElement,
-  isValidNativeAttribute,
-  whiteList
-};
-//# sourceMappingURL=validateNativeProps.js.map
+const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
+
+export { isAriaAttribute, isDataAttribute, isNativeHTMLElement, isValidNativeAttribute, whiteList };

package/package.json

@@ -1,54 +1,51 @@
 {
   "name": "@elliemae/ds-classnames",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./validateNativeProps": {
-      "import": "./dist/esm/validateNativeProps.js",
-      "require": "./dist/cjs/validateNativeProps.js"
+      "import": "./esm/validateNativeProps.js",
+      "require": "./cjs/validateNativeProps.js"
     },
     "./convertPropToFeedBackModifiers": {
-      "import": "./dist/esm/convertPropToFeedBackModifiers.js",
-      "require": "./dist/cjs/convertPropToFeedBackModifiers.js"
+      "import": "./esm/convertPropToFeedBackModifiers.js",
+      "require": "./cjs/convertPropToFeedBackModifiers.js"
     },
     "./convertPropsToTextModifiers": {
-      "import": "./dist/esm/convertPropsToTextModifiers.js",
-      "require": "./dist/cjs/convertPropsToTextModifiers.js"
+      "import": "./esm/convertPropsToTextModifiers.js",
+      "require": "./cjs/convertPropsToTextModifiers.js"
     },
     "./convertPropsToSizeModifiers": {
-      "import": "./dist/esm/convertPropsToSizeModifiers.js",
-      "require": "./dist/cjs/convertPropsToSizeModifiers.js"
+      "import": "./esm/convertPropsToSizeModifiers.js",
+      "require": "./cjs/convertPropsToSizeModifiers.js"
     },
     "./convertPropsToLayoutModifiers": {
-      "import": "./dist/esm/convertPropsToLayoutModifiers.js",
-      "require": "./dist/cjs/convertPropsToLayoutModifiers.js"
+      "import": "./esm/convertPropsToLayoutModifiers.js",
+      "require": "./cjs/convertPropsToLayoutModifiers.js"
     },
     "./convertPropsToColorModifiers": {
-      "import": "./dist/esm/convertPropsToColorModifiers.js",
-      "require": "./dist/cjs/convertPropsToColorModifiers.js"
+      "import": "./esm/convertPropsToColorModifiers.js",
+      "require": "./cjs/convertPropsToColorModifiers.js"
     },
     "./converPropsToFormModifiers": {
-      "import": "./dist/esm/converPropsToFormModifiers.js",
-      "require": "./dist/cjs/converPropsToFormModifiers.js"
+      "import": "./esm/converPropsToFormModifiers.js",
+      "require": "./cjs/converPropsToFormModifiers.js"
     },
     "./classNameManager": {
-      "import": "./dist/esm/classNameManager.js",
-      "require": "./dist/cjs/classNameManager.js"
+      "import": "./esm/classNameManager.js",
+      "require": "./cjs/classNameManager.js"
     },
     "./aggregatedClasses": {
-      "import": "./dist/esm/aggregatedClasses.js",
-      "require": "./dist/cjs/aggregatedClasses.js"
+      "import": "./esm/aggregatedClasses.js",
+      "require": "./cjs/aggregatedClasses.js"
     }
   },
   "sideEffects": [
@@ -60,28 +57,29 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js",
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
+  },
   "dependencies": {
-    "@elliemae/ds-shared": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-shared": "2.3.0-next.2",
+    "@elliemae/ds-utilities": "2.3.0-next.2",
     "obj-str": "~1.0.3"
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2"
-  },
-  "scripts": {
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js",
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   }
 }

package/types/aggregatedClasses.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const cssPrefix: any;
+declare type AggregatedClassesT<T = unknown> = (type: any, props?: any) => (block: string, element?: string | null, additionalModifiers?: {
+    [key: string]: unknown;
+} | ((arg: any) => {
+    [key: string]: unknown;
+}), options?: {
+    [key: string]: unknown;
+}) => React.ForwardRefExoticComponent<React.RefAttributes<T>>;
+declare const aggregatedClasses: AggregatedClassesT;
+export default aggregatedClasses;

package/types/classNameManager.d.ts

@@ -0,0 +1,28 @@
+export declare const cssPrefix: string;
+/**
+ * Docs: http://getbem.com/naming/
+ * blockName
+ * cssClassNameModifier: Main modifier
+ * props { hasError, hasWarning, hasSuccess, readOnly, disabled}
+ *
+ * @param blockName
+ * @param cssClassNameModifier
+ * @param props
+ * @param options
+ */
+declare const cssPipeline: (blockName?: string, cssClassNameModifier?: string, props?: {
+    [key: string]: any;
+}, options?: {
+    [key: string]: any;
+}) => {
+    blockName: string;
+    cssPrefix: string;
+    prefixBlockName: string;
+    cssClassName: string;
+    mainModifier(modifier: any): string;
+    classNameBlock(elementName: any, usePrefix?: boolean): string;
+    classNameBlockModifier(modifierName: any, elementBlockName?: string): string;
+    classNameElement(elementName: any, elementBlockName?: string): string;
+    classNameModifier(modifierName: any, elementName?: string): string;
+};
+export default cssPipeline;

package/types/converPropsToFormModifiers.d.ts

@@ -0,0 +1,14 @@
+declare const pipe: () => {
+    getInstance(): (({ readOnly, disabled, checked, }: {
+        readOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        checked?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ readOnly, disabled, checked, }: {
+        readOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        checked?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropToFeedBackModifiers.d.ts

@@ -0,0 +1,16 @@
+declare const pipe: () => {
+    getInstance(): (({ hasError, hasWarning, hasSuccess, modalType, }: {
+        hasError?: boolean | undefined;
+        hasWarning?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        modalType: any;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ hasError, hasWarning, hasSuccess, modalType, }: {
+        hasError?: boolean | undefined;
+        hasWarning?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        modalType: any;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToColorModifiers.d.ts

@@ -0,0 +1,10 @@
+declare const pipe: () => {
+    getInstance(): (({ color }: {
+        color?: null | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ color }: {
+        color?: null | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToLayoutModifiers.d.ts

@@ -0,0 +1,16 @@
+declare const pipe: () => {
+    getInstance(): (({ id, buttonType, fluidWidth, fluidHeight, }: {
+        id: any;
+        buttonType?: string | undefined;
+        fluidWidth?: boolean | undefined;
+        fluidHeight?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ id, buttonType, fluidWidth, fluidHeight, }: {
+        id: any;
+        buttonType?: string | undefined;
+        fluidWidth?: boolean | undefined;
+        fluidHeight?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToSizeModifiers.d.ts

@@ -0,0 +1,24 @@
+declare const pipe: () => {
+    getInstance(): (({ size, extraTight, tight, base, bitLoose, loose, extraLoose, superLoose, }: {
+        size?: null | undefined;
+        extraTight?: boolean | undefined;
+        tight?: boolean | undefined;
+        base?: boolean | undefined;
+        bitLoose?: boolean | undefined;
+        loose?: boolean | undefined;
+        extraLoose?: boolean | undefined;
+        superLoose?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ size, extraTight, tight, base, bitLoose, loose, extraLoose, superLoose, }: {
+        size?: null | undefined;
+        extraTight?: boolean | undefined;
+        tight?: boolean | undefined;
+        base?: boolean | undefined;
+        bitLoose?: boolean | undefined;
+        loose?: boolean | undefined;
+        extraLoose?: boolean | undefined;
+        superLoose?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToTextModifiers.d.ts

@@ -0,0 +1,14 @@
+declare const pipe: () => {
+    getInstance(): (({ textEllipsis, textAlignment, wordBreak }: {
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ textEllipsis, textAlignment, wordBreak }: {
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    }) => string[];
+};
+export default pipe;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default as convertPropToCssClassName, cssPrefix } from './classNameManager';
+export { default as aggregatedClasses } from './aggregatedClasses';