@lumx/core 4.13.0-next.2 → 4.13.0-next.3

package/js/components/Chip/index.d.ts

@@ -61,11 +61,11 @@ export declare const COMPONENT_NAME = "Chip";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Component default props.

package/js/components/ExpansionPanel/index.d.ts

@@ -50,11 +50,11 @@ export declare const COMPONENT_NAME = "ExpansionPanel";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Component default props.

package/js/components/Flag/index.d.ts

@@ -19,11 +19,11 @@ export declare const COMPONENT_NAME = "Flag";
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const DEFAULT_PROPS: Partial<FlagProps>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Flag component.

package/js/components/FlexBox/index.d.ts

@@ -36,8 +36,8 @@ export declare const COMPONENT_NAME = "FlexBox";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Get FlexBox component props (className computation).

package/js/components/Message/index.d.ts

@@ -35,11 +35,11 @@ export declare const COMPONENT_NAME = "Message";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Associative map from message kind to color and icon.

package/js/components/ProgressCircular/index.d.ts

@@ -33,11 +33,11 @@ export declare const COMPONENT_NAME = "ProgressCircular";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Component default props.

package/js/components/Text/index.d.ts

@@ -56,8 +56,8 @@ export declare const COMPONENT_NAME = "Text";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Component default props.

package/js/components/Thumbnail/index.d.ts

@@ -63,11 +63,11 @@ export declare const COMPONENT_NAME = "Thumbnail";
  */
 export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 export declare const block: {
-    (additionalClasses: import("classnames/types").ClassValue[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 }, element: {
-    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
 };
 /**
  * Component default props.

package/js/utils/classNames/bem/block.d.ts

@@ -1,5 +1,4 @@
-import { ClassValue } from 'classnames/types';
-import { type Modifier } from './modifier';
+import type { AdditionalClasses, Modifier } from './types';
 /**
  * Generates a BEM block + modifier class name string.
  * Combines a base class with optional modifiers and additional classes.
@@ -12,5 +11,5 @@ import { type Modifier } from './modifier';
  * block('button'); // 'button'
  * block('button', { active: true, disabled: false }); // 'button button--active'
  */
-export declare function block(baseName: string, additionalClasses: ClassValue[]): string;
-export declare function block(baseName: string, modifiers?: Modifier, additionalClasses?: ClassValue[]): string;
+export declare function block(baseName: string, additionalClasses: AdditionalClasses): string;
+export declare function block(baseName: string, modifiers?: Modifier, additionalClasses?: AdditionalClasses): string;

package/js/utils/classNames/bem/block.js

@@ -4,7 +4,7 @@ import { modifier } from './modifier.js';
 function block(baseName, modifiersOrAdditionalClasses, additionalClasses) {
     let modifiers;
     let classes;
-    if (Array.isArray(modifiersOrAdditionalClasses)) {
+    if (typeof modifiersOrAdditionalClasses === 'string' || Array.isArray(modifiersOrAdditionalClasses)) {
         classes = modifiersOrAdditionalClasses;
     }
     else {

package/js/utils/classNames/bem/element.d.ts

@@ -1,5 +1,4 @@
-import { ClassValue } from 'classnames/types';
-import type { Modifier } from './modifier';
+import type { AdditionalClasses, Modifier } from './types';
 /**
  * Creates a BEM element class generator function for the given base class.
  * Returns a function that generates BEM element class names with optional modifiers.
@@ -13,5 +12,5 @@ import type { Modifier } from './modifier';
  * element('my-button', 'icon'); // 'my-button__icon'
  * element('my-button', 'icon', { active: true }); // 'my-button__icon my-button__icon--active'
  */
-export declare function element(baseClass: string, elem: string, additionalClasses: ClassValue[]): string;
-export declare function element(baseClass: string, elem: string, modifiers?: Modifier, additionalClasses?: ClassValue[]): string;
+export declare function element(baseClass: string, elem: string, additionalClasses: AdditionalClasses): string;
+export declare function element(baseClass: string, elem: string, modifiers?: Modifier, additionalClasses?: AdditionalClasses): string;

package/js/utils/classNames/bem/element.js

@@ -1,9 +1,6 @@
 import { block } from './block.js';
 
 function element(baseClass, elem, modifiersOrAdditionalClasses, additionalClasses) {
-    if (Array.isArray(modifiersOrAdditionalClasses)) {
-        return block(`${baseClass}__${elem}`, modifiersOrAdditionalClasses);
-    }
     return block(`${baseClass}__${elem}`, modifiersOrAdditionalClasses, additionalClasses);
 }
 

package/js/utils/classNames/bem/index.d.ts

@@ -1,18 +1,17 @@
-import { ClassValue } from 'classnames/types';
 import { block } from './block';
 import { element } from './element';
-import { type Modifier } from './modifier';
+import type { AdditionalClasses, Modifier } from './types';
 /**
  * Setup BEM block & element generation for a given base name.
  */
 export declare function bem(baseName: string): {
     block: {
-        (additionalClasses: ClassValue[]): string;
-        (modifiers?: Modifier, additionalClasses?: ClassValue[]): string;
+        (additionalClasses: AdditionalClasses): string;
+        (modifiers?: Modifier, additionalClasses?: AdditionalClasses): string;
     };
     element: {
-        (elem: string, additionalClasses: ClassValue[]): string;
-        (elem: string, modifiers?: Modifier, additionalClasses?: ClassValue[]): string;
+        (elem: string, additionalClasses: AdditionalClasses): string;
+        (elem: string, modifiers?: Modifier, additionalClasses?: AdditionalClasses): string;
     };
     modifier: (modifiers: Modifier) => string;
 };

package/js/utils/classNames/bem/index.js

@@ -7,15 +7,9 @@ import { modifier } from './modifier.js';
  */
 function bem(baseName) {
     function blockFn(modifiersOrAdditionalClasses, additionalClasses) {
-        if (Array.isArray(modifiersOrAdditionalClasses)) {
-            return block(baseName, modifiersOrAdditionalClasses);
-        }
         return block(baseName, modifiersOrAdditionalClasses, additionalClasses);
     }
     function elementFn(elem, modifiersOrAdditionalClasses, additionalClasses) {
-        if (Array.isArray(modifiersOrAdditionalClasses)) {
-            return element(baseName, elem, modifiersOrAdditionalClasses);
-        }
         return element(baseName, elem, modifiersOrAdditionalClasses, additionalClasses);
     }
     return {

package/js/utils/classNames/bem/modifier.d.ts

@@ -1,8 +1,4 @@
-/**
- * Modifier
- * @example { 'is-disabled': true, 'is-selected': false }
- */
-export type Modifier = Record<string, boolean | undefined | null>;
+import type { Modifier } from './types';
 /**
  * Generates BEM modifier class names.
  *

package/js/utils/classNames/bem/types.d.ts

@@ -0,0 +1,11 @@
+import { ClassValue } from 'classnames/types';
+/**
+ * Modifier
+ * @example { 'is-disabled': true, 'is-selected': false }
+ */
+export type Modifier = Record<string, boolean | undefined | null>;
+/**
+ * Additional classes that can be passed as a single string shorthand
+ * or an array of class values.
+ */
+export type AdditionalClasses = string | ClassValue[];

package/package.json

@@ -7,7 +7,7 @@
     },
     "dependencies": {
         "@floating-ui/dom": "^1.7.5",
-        "@lumx/icons": "^4.13.0-next.2",
+        "@lumx/icons": "^4.13.0-next.3",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.18.1",
@@ -69,7 +69,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.13.0-next.2",
+    "version": "4.13.0-next.3",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",