@lumx/core 3.20.1-alpha.20 → 3.20.1-alpha.21

package/js/types/GenericProps.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/HasAriaLabelOrLabelledBy.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/HasAriaLabelOrLabelledBy.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/HasClassName.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/HasClassName.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/HasCloseMode.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/HasCloseMode.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/HasTheme.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/HasTheme.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/HeadingElement.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/HeadingElement.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/Point.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/Point.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/Predicate.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/Predicate.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/RectSize.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/RectSize.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/TextElement.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/TextElement.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/ValueOf.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/ValueOf.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/types/index.js

@@ -1 +1,2 @@
+'use strict';
 

package/js/types/index.min.js

@@ -0,0 +1 @@
+"use strict";

package/js/utils/className/fontColorClass.js

@@ -1,15 +1,20 @@
-import { ColorVariant } from '../../constants/index.js';
-import { resolveColorWithVariants } from './resolveColorWithVariants.js';
-import '../../constants/keycodes.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var js_constants_index = require('../../constants/index.js');
+var js_utils_className_resolveColorWithVariants = require('./resolveColorWithVariants.js');
+require('../../constants/keycodes.js');
 
 /**
  * Returns the classname associated to the given color and variant.
  * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-L2`
  */
 function fontColorClass(propColor, propColorVariant) {
-  if (!propColor) return undefined;
-  const [color, colorVariant = ColorVariant.N] = resolveColorWithVariants(propColor, propColorVariant);
-  return `lumx-color-font-${color}-${colorVariant}`;
+    if (!propColor)
+        return undefined;
+    const [color, colorVariant = js_constants_index.ColorVariant.N] = js_utils_className_resolveColorWithVariants.resolveColorWithVariants(propColor, propColorVariant);
+    return `lumx-color-font-${color}-${colorVariant}`;
 }
 
-export { fontColorClass };
+exports.fontColorClass = fontColorClass;

package/js/utils/className/fontColorClass.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/index.min.js"),e=require("./resolveColorWithVariants.min.js");require("../../constants/keycodes.min.js"),exports.fontColorClass=function(o,t){if(!o)return;const[s,n=r.ColorVariant.N]=e.resolveColorWithVariants(o,t);return`lumx-color-font-${s}-${n}`};

package/js/utils/className/fontColorClass.test.js

@@ -1,16 +1,18 @@
-import { fontColorClass } from './fontColorClass.js';
-import '../../constants/index.js';
-import '../../constants/keycodes.js';
-import './resolveColorWithVariants.js';
+'use strict';
 
-describe(fontColorClass, () => {
-  it('should get lumx class for font color', () => {
-    expect(fontColorClass('dark')).toBe('lumx-color-font-dark-N');
-  });
-  it('should get lumx class for font color with variant', () => {
-    expect(fontColorClass('red', 'L2')).toBe('lumx-color-font-red-L2');
-  });
-  it('should get lumx class for font color with variant with override', () => {
-    expect(fontColorClass('red-N', 'L2')).toBe('lumx-color-font-red-L2');
-  });
+var js_utils_className_fontColorClass = require('./fontColorClass.js');
+require('../../constants/index.js');
+require('../../constants/keycodes.js');
+require('./resolveColorWithVariants.js');
+
+describe(js_utils_className_fontColorClass.fontColorClass, () => {
+    it('should get lumx class for font color', () => {
+        expect(js_utils_className_fontColorClass.fontColorClass('dark')).toBe('lumx-color-font-dark-N');
+    });
+    it('should get lumx class for font color with variant', () => {
+        expect(js_utils_className_fontColorClass.fontColorClass('red', 'L2')).toBe('lumx-color-font-red-L2');
+    });
+    it('should get lumx class for font color with variant with override', () => {
+        expect(js_utils_className_fontColorClass.fontColorClass('red-N', 'L2')).toBe('lumx-color-font-red-L2');
+    });
 });

package/js/utils/className/fontColorClass.test.min.js

@@ -0,0 +1 @@
+"use strict";var o=require("./fontColorClass.min.js");require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),require("./resolveColorWithVariants.min.js"),describe(o.fontColorClass,()=>{it("should get lumx class for font color",()=>{expect(o.fontColorClass("dark")).toBe("lumx-color-font-dark-N")}),it("should get lumx class for font color with variant",()=>{expect(o.fontColorClass("red","L2")).toBe("lumx-color-font-red-L2")}),it("should get lumx class for font color with variant with override",()=>{expect(o.fontColorClass("red-N","L2")).toBe("lumx-color-font-red-L2")})});

package/js/utils/className/getBasicClass.js

@@ -1,5 +1,14 @@
-import isBoolean from 'lodash/isBoolean';
-import kebabCase from 'lodash/kebabCase';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isBoolean = require('lodash/isBoolean');
+var kebabCase = require('lodash/kebabCase');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isBoolean__default = /*#__PURE__*/_interopDefaultLegacy(isBoolean);
+var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
 /**
  * Get the basic CSS class for the given type.
@@ -9,23 +18,19 @@ import kebabCase from 'lodash/kebabCase';
  * @param  value  The value of the type of the CSS class (e.g.: 'primary', 'button', ...).
  * @return The basic CSS class.
  */
-function getBasicClass({
-  prefix,
-  type,
-  value
-}) {
-  if (isBoolean(value)) {
-    if (!value) {
-      // False value should not return a class.
-      return '';
-    }
-    const booleanPrefixes = ['has', 'is'];
-    if (booleanPrefixes.some(booleanPrefix => type.toString().startsWith(booleanPrefix))) {
-      return `${prefix}--${kebabCase(type)}`;
+function getBasicClass({ prefix, type, value, }) {
+    if (isBoolean__default["default"](value)) {
+        if (!value) {
+            // False value should not return a class.
+            return '';
+        }
+        const booleanPrefixes = ['has', 'is'];
+        if (booleanPrefixes.some((booleanPrefix) => type.toString().startsWith(booleanPrefix))) {
+            return `${prefix}--${kebabCase__default["default"](type)}`;
+        }
+        return `${prefix}--is-${kebabCase__default["default"](type)}`;
     }
-    return `${prefix}--is-${kebabCase(type)}`;
-  }
-  return `${prefix}--${kebabCase(type)}-${value}`;
+    return `${prefix}--${kebabCase__default["default"](type)}-${value}`;
 }
 
-export { getBasicClass };
+exports.getBasicClass = getBasicClass;

package/js/utils/className/getBasicClass.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/isBoolean"),t=require("lodash/kebabCase");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),s=r(t);exports.getBasicClass=function({prefix:e,type:t,value:r}){if(a.default(r)){if(!r)return"";return["has","is"].some(e=>t.toString().startsWith(e))?`${e}--${s.default(t)}`:`${e}--is-${s.default(t)}`}return`${e}--${s.default(t)}-${r}`};

package/js/utils/className/getBasicClass.test.js

@@ -1,58 +1,22 @@
-import { getBasicClass } from './getBasicClass.js';
-import 'lodash/isBoolean';
-import 'lodash/kebabCase';
+'use strict';
 
-describe(getBasicClass, () => {
-  it('should return correct basic CSS class for different types and values', () => {
-    // Test cases with different inputs
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'color',
-      value: 'primary'
-    })).toBe('test--color-primary');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'variant',
-      value: 'button'
-    })).toBe('test--variant-button');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'isDark',
-      value: true
-    })).toBe('test--is-dark');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'dark',
-      value: true
-    })).toBe('test--is-dark');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'hasDark',
-      value: true
-    })).toBe('test--has-dark');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'isActive',
-      value: false
-    })).toBe('');
+var js_utils_className_getBasicClass = require('./getBasicClass.js');
+require('lodash/isBoolean');
+require('lodash/kebabCase');
 
-    // Additional tests for boolean types
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'hasBorder',
-      value: true
-    })).toBe('test--has-border');
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'isVisible',
-      value: false
-    })).toBe('');
-
-    // Tests for undefined
-    expect(getBasicClass({
-      prefix: 'test',
-      type: 'variant',
-      value: undefined
-    })).toBe('test--variant-undefined');
-  });
+describe(js_utils_className_getBasicClass.getBasicClass, () => {
+    it('should return correct basic CSS class for different types and values', () => {
+        // Test cases with different inputs
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'color', value: 'primary' })).toBe('test--color-primary');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'variant', value: 'button' })).toBe('test--variant-button');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'isDark', value: true })).toBe('test--is-dark');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'dark', value: true })).toBe('test--is-dark');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'hasDark', value: true })).toBe('test--has-dark');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'isActive', value: false })).toBe('');
+        // Additional tests for boolean types
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'hasBorder', value: true })).toBe('test--has-border');
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'isVisible', value: false })).toBe('');
+        // Tests for undefined
+        expect(js_utils_className_getBasicClass.getBasicClass({ prefix: 'test', type: 'variant', value: undefined })).toBe('test--variant-undefined');
+    });
 });

package/js/utils/className/getBasicClass.test.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("./getBasicClass.min.js");require("lodash/isBoolean"),require("lodash/kebabCase"),describe(e.getBasicClass,()=>{it("should return correct basic CSS class for different types and values",()=>{expect(e.getBasicClass({prefix:"test",type:"color",value:"primary"})).toBe("test--color-primary"),expect(e.getBasicClass({prefix:"test",type:"variant",value:"button"})).toBe("test--variant-button"),expect(e.getBasicClass({prefix:"test",type:"isDark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"dark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"hasDark",value:!0})).toBe("test--has-dark"),expect(e.getBasicClass({prefix:"test",type:"isActive",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"hasBorder",value:!0})).toBe("test--has-border"),expect(e.getBasicClass({prefix:"test",type:"isVisible",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"variant",value:void 0})).toBe("test--variant-undefined")})});

package/js/utils/className/getRootClassName.js

@@ -1,10 +1,17 @@
-import kebabCase from 'lodash/kebabCase';
-import { CSS_PREFIX } from '../../constants/index.js';
-import '../../constants/keycodes.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var kebabCase = require('lodash/kebabCase');
+var js_constants_index = require('../../constants/index.js');
+require('../../constants/keycodes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
 // See https://regex101.com/r/YjS1uI/3
 const LAST_PART_CLASSNAME = /^(.*)-(.+)$/gi;
-
 /**
  * Get the name of the root CSS class of a component based on its name.
  *
@@ -16,11 +23,11 @@ const LAST_PART_CLASSNAME = /^(.*)-(.+)$/gi;
  *         lower-snake-case.
  */
 function getRootClassName(componentName, subComponent) {
-  const formattedClassName = `${CSS_PREFIX}-${kebabCase(componentName)}`;
-  if (subComponent) {
-    return formattedClassName.replace(LAST_PART_CLASSNAME, '$1__$2');
-  }
-  return formattedClassName;
+    const formattedClassName = `${js_constants_index.CSS_PREFIX}-${kebabCase__default["default"](componentName)}`;
+    if (subComponent) {
+        return formattedClassName.replace(LAST_PART_CLASSNAME, '$1__$2');
+    }
+    return formattedClassName;
 }
 
-export { getRootClassName };
+exports.getRootClassName = getRootClassName;

package/js/utils/className/getRootClassName.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/kebabCase"),t=require("../../constants/index.min.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../constants/keycodes.min.js");var s=r(e);const n=/^(.*)-(.+)$/gi;exports.getRootClassName=function(e,r){const o=`${t.CSS_PREFIX}-${s.default(e)}`;return r?o.replace(n,"$1__$2"):o};

package/js/utils/className/getRootClassName.test.js

@@ -1,13 +1,15 @@
-import { getRootClassName } from './getRootClassName.js';
-import 'lodash/kebabCase';
-import '../../constants/index.js';
-import '../../constants/keycodes.js';
+'use strict';
 
-describe(getRootClassName, () => {
-  it('should transform the component name into a lumx class', () => {
-    expect(getRootClassName('Table')).toBe('lumx-table');
-  });
-  it('should transform the sub component name into a lumx class', () => {
-    expect(getRootClassName('TableBody', true)).toBe('lumx-table__body');
-  });
+var js_utils_className_getRootClassName = require('./getRootClassName.js');
+require('lodash/kebabCase');
+require('../../constants/index.js');
+require('../../constants/keycodes.js');
+
+describe(js_utils_className_getRootClassName.getRootClassName, () => {
+    it('should transform the component name into a lumx class', () => {
+        expect(js_utils_className_getRootClassName.getRootClassName('Table')).toBe('lumx-table');
+    });
+    it('should transform the sub component name into a lumx class', () => {
+        expect(js_utils_className_getRootClassName.getRootClassName('TableBody', true)).toBe('lumx-table__body');
+    });
 });

package/js/utils/className/getRootClassName.test.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("./getRootClassName.min.js");require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),describe(e.getRootClassName,()=>{it("should transform the component name into a lumx class",()=>{expect(e.getRootClassName("Table")).toBe("lumx-table")}),it("should transform the sub component name into a lumx class",()=>{expect(e.getRootClassName("TableBody",!0)).toBe("lumx-table__body")})});

package/js/utils/className/getTypographyClassName.js

@@ -1,9 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * Returns the classname associated to the given typography.
  * For example, for `Typography.title` it returns `lumx-typography-title`
  */
-const getTypographyClassName = typography => {
-  return `lumx-typography-${typography}`;
+const getTypographyClassName = (typography) => {
+    return `lumx-typography-${typography}`;
 };
 
-export { getTypographyClassName };
+exports.getTypographyClassName = getTypographyClassName;

package/js/utils/className/getTypographyClassName.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getTypographyClassName=e=>`lumx-typography-${e}`;

package/js/utils/className/getTypographyClassName.test.js

@@ -1,7 +1,9 @@
-import { getTypographyClassName } from './getTypographyClassName.js';
+'use strict';
 
-describe(getTypographyClassName, () => {
-  it('should generate lumx typography class', () => {
-    expect(getTypographyClassName('title')).toBe('lumx-typography-title');
-  });
+var js_utils_className_getTypographyClassName = require('./getTypographyClassName.js');
+
+describe(js_utils_className_getTypographyClassName.getTypographyClassName, () => {
+    it('should generate lumx typography class', () => {
+        expect(js_utils_className_getTypographyClassName.getTypographyClassName('title')).toBe('lumx-typography-title');
+    });
 });

package/js/utils/className/getTypographyClassName.test.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("./getTypographyClassName.min.js");describe(e.getTypographyClassName,()=>{it("should generate lumx typography class",()=>{expect(e.getTypographyClassName("title")).toBe("lumx-typography-title")})});

package/js/utils/className/handleBasicClasses.js

@@ -1,8 +1,18 @@
-import classNames from 'classnames';
-import isBoolean from 'lodash/isBoolean';
-import isEmpty from 'lodash/isEmpty';
-import { getBasicClass } from './getBasicClass.js';
-import 'lodash/kebabCase';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classNames = require('classnames');
+var isBoolean = require('lodash/isBoolean');
+var isEmpty = require('lodash/isEmpty');
+var js_utils_className_getBasicClass = require('./getBasicClass.js');
+require('lodash/kebabCase');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var isBoolean__default = /*#__PURE__*/_interopDefaultLegacy(isBoolean);
+var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
 
 /**
  * Enhance isEmpty method to also works with numbers.
@@ -10,13 +20,12 @@ import 'lodash/kebabCase';
  * @param  value The value to check.
  * @return Whether the input value is empty or != 0.
  */
-const _isEmpty = value => {
-  if (typeof value === 'number') {
-    return value === 0;
-  }
-  return isEmpty(value);
+const _isEmpty = (value) => {
+    if (typeof value === 'number') {
+        return value === 0;
+    }
+    return isEmpty__default["default"](value);
 };
-
 /**
  * Return all basic LumX CSS classes which are available for every components.
  *
@@ -28,21 +37,16 @@ const _isEmpty = value => {
  *                be used in the classname to represent the value of the given prop.
  * @return All LumX basic CSS classes.
  */
-function handleBasicClasses({
-  prefix,
-  ...props
-}) {
-  const otherClasses = {};
-  if (!isEmpty(props)) {
-    Object.keys(props).forEach(prop => {
-      otherClasses[getBasicClass({
-        prefix,
-        type: prop,
-        value: props[prop]
-      })] = isBoolean(props[prop]) ? props[prop] : !_isEmpty(props[prop]);
-    });
-  }
-  return classNames(prefix, otherClasses);
+function handleBasicClasses({ prefix, ...props }) {
+    const otherClasses = {};
+    if (!isEmpty__default["default"](props)) {
+        Object.keys(props).forEach((prop) => {
+            otherClasses[js_utils_className_getBasicClass.getBasicClass({ prefix, type: prop, value: props[prop] })] = isBoolean__default["default"](props[prop])
+                ? props[prop]
+                : !_isEmpty(props[prop]);
+        });
+    }
+    return classNames__default["default"](prefix, otherClasses);
 }
 
-export { handleBasicClasses };
+exports.handleBasicClasses = handleBasicClasses;

package/js/utils/className/handleBasicClasses.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),a=require("lodash/isBoolean"),s=require("lodash/isEmpty"),r=require("./getBasicClass.min.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/kebabCase");var u=t(e),i=t(a),l=t(s);exports.handleBasicClasses=function({prefix:e,...a}){const s={};return l.default(a)||Object.keys(a).forEach(t=>{var u;s[r.getBasicClass({prefix:e,type:t,value:a[t]})]=i.default(a[t])?a[t]:!("number"==typeof(u=a[t])?0===u:l.default(u))}),u.default(e,s)};

package/js/utils/className/handleBasicClasses.test.js

@@ -1,33 +1,35 @@
-import { handleBasicClasses } from './handleBasicClasses.js';
-import 'classnames';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import './getBasicClass.js';
-import 'lodash/kebabCase';
+'use strict';
 
-describe(handleBasicClasses, () => {
-  it('should return correct combined CSS classes based on props', () => {
-    const className = handleBasicClasses({
-      prefix: 'test',
-      // Undefined
-      undefined,
-      // Null
-      null: null,
-      // Empty string
-      emptyString: '',
-      // Empty array
-      emptyArray: [],
-      // Empty object
-      emptyObject: {},
-      // String
-      color: 'red',
-      // False property
-      isDisabled: false,
-      // Boolean without a prefix (is or has)
-      visible: true,
-      // Has prefix
-      hasButton: true
+var js_utils_className_handleBasicClasses = require('./handleBasicClasses.js');
+require('classnames');
+require('lodash/isBoolean');
+require('lodash/isEmpty');
+require('./getBasicClass.js');
+require('lodash/kebabCase');
+
+describe(js_utils_className_handleBasicClasses.handleBasicClasses, () => {
+    it('should return correct combined CSS classes based on props', () => {
+        const className = js_utils_className_handleBasicClasses.handleBasicClasses({
+            prefix: 'test',
+            // Undefined
+            undefined,
+            // Null
+            null: null,
+            // Empty string
+            emptyString: '',
+            // Empty array
+            emptyArray: [],
+            // Empty object
+            emptyObject: {},
+            // String
+            color: 'red',
+            // False property
+            isDisabled: false,
+            // Boolean without a prefix (is or has)
+            visible: true,
+            // Has prefix
+            hasButton: true,
+        });
+        expect(className).toBe('test test--color-red test--is-visible test--has-button');
     });
-    expect(className).toBe('test test--color-red test--is-visible test--has-button');
-  });
 });

package/js/utils/className/handleBasicClasses.test.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("./handleBasicClasses.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("./getBasicClass.min.js"),require("lodash/kebabCase"),describe(e.handleBasicClasses,()=>{it("should return correct combined CSS classes based on props",()=>{const s=e.handleBasicClasses({prefix:"test",undefined:void 0,null:null,emptyString:"",emptyArray:[],emptyObject:{},color:"red",isDisabled:!1,visible:!0,hasButton:!0});expect(s).toBe("test test--color-red test--is-visible test--has-button")})});

package/js/utils/className/index.js

@@ -1,12 +1,25 @@
-export { handleBasicClasses } from './handleBasicClasses.js';
-export { getBasicClass } from './getBasicClass.js';
-export { getRootClassName } from './getRootClassName.js';
-export { getTypographyClassName } from './getTypographyClassName.js';
-export { fontColorClass } from './fontColorClass.js';
-export { resolveColorWithVariants } from './resolveColorWithVariants.js';
-import 'classnames';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import '../../constants/index.js';
-import '../../constants/keycodes.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var js_utils_className_handleBasicClasses = require('./handleBasicClasses.js');
+var js_utils_className_getBasicClass = require('./getBasicClass.js');
+var js_utils_className_getRootClassName = require('./getRootClassName.js');
+var js_utils_className_getTypographyClassName = require('./getTypographyClassName.js');
+var js_utils_className_fontColorClass = require('./fontColorClass.js');
+var js_utils_className_resolveColorWithVariants = require('./resolveColorWithVariants.js');
+require('classnames');
+require('lodash/isBoolean');
+require('lodash/isEmpty');
+require('lodash/kebabCase');
+require('../../constants/index.js');
+require('../../constants/keycodes.js');
+
+
+
+exports.handleBasicClasses = js_utils_className_handleBasicClasses.handleBasicClasses;
+exports.getBasicClass = js_utils_className_getBasicClass.getBasicClass;
+exports.getRootClassName = js_utils_className_getRootClassName.getRootClassName;
+exports.getTypographyClassName = js_utils_className_getTypographyClassName.getTypographyClassName;
+exports.fontColorClass = js_utils_className_fontColorClass.fontColorClass;
+exports.resolveColorWithVariants = js_utils_className_resolveColorWithVariants.resolveColorWithVariants;

package/js/utils/className/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("./handleBasicClasses.min.js"),e=require("./getBasicClass.min.js"),a=require("./getRootClassName.min.js"),r=require("./getTypographyClassName.min.js"),o=require("./fontColorClass.min.js"),i=require("./resolveColorWithVariants.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),exports.handleBasicClasses=s.handleBasicClasses,exports.getBasicClass=e.getBasicClass,exports.getRootClassName=a.getRootClassName,exports.getTypographyClassName=r.getTypographyClassName,exports.fontColorClass=o.fontColorClass,exports.resolveColorWithVariants=i.resolveColorWithVariants;