@lumx/react 3.20.1-alpha.49 → 3.20.1-alpha.50

package/package.json

@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.20.1-alpha.49",
-        "@lumx/icons": "^3.20.1-alpha.49",
+        "@lumx/core": "^3.20.1-alpha.50",
+        "@lumx/icons": "^3.20.1-alpha.50",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "react-popper": "^2.2.4"
@@ -87,5 +87,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.20.1-alpha.49"
+    "version": "3.20.1-alpha.50"
 }

package/utils/index.d.ts

@@ -1,5 +1,5 @@
 import React__default, { RefObject } from 'react';
-import { Falsy, KebabCase } from '@lumx/core/js/types';
+import { Falsy } from '@lumx/core/js/types';
 import * as _lumx_core_js_utils_classNames_bem_generateBEMClass from '@lumx/core/js/utils/classNames/bem/generateBEMClass';
 
 interface ClickAwayParameters {
@@ -97,7 +97,7 @@ type ClassValue = string | number | ClassDictionary | ClassArray | undefined | n
  * @example
  * const { block, element } = useClassnames('my-component');
  */
-declare function useClassnames<C extends string>(className: KebabCase<C>): {
+declare function useClassnames(className: string): {
     /**
      * Generates BEM block class names with optional modifiers.
      *
@@ -111,7 +111,7 @@ declare function useClassnames<C extends string>(className: KebabCase<C>): {
      * block({ active: true, disabled: false }) // 'my-component my-component--active'
      * block(['custom-class']) // 'my-component custom-class'
      */
-    block: <M extends _lumx_core_js_utils_classNames_bem_generateBEMClass.RawModifier>(modifier?: _lumx_core_js_utils_classNames_bem_generateBEMClass.Modifier<M> | undefined, additionalClasses?: ClassValue | ClassValue[]) => string;
+    block: (modifier?: _lumx_core_js_utils_classNames_bem_generateBEMClass.Modifier | undefined, additionalClasses?: ClassValue | ClassValue[]) => string;
     /**
      * Generates BEM element class names with optional modifiers.
      *
@@ -126,7 +126,7 @@ declare function useClassnames<C extends string>(className: KebabCase<C>): {
      * element('header', { large: true, small: false }) // 'my-component__header my-component__header--large'
      * element('header', ['custom-class']) // 'my-component__header custom-class'
      */
-    element: <E extends string, M_1 extends _lumx_core_js_utils_classNames_bem_generateBEMClass.RawModifier>(elem: KebabCase<E>, modifier?: _lumx_core_js_utils_classNames_bem_generateBEMClass.Modifier<M_1> | undefined, additionalClasses?: ClassValue | ClassValue[]) => string;
+    element: (elem: string, modifier?: _lumx_core_js_utils_classNames_bem_generateBEMClass.Modifier | undefined, additionalClasses?: ClassValue | ClassValue[]) => string;
 };
 
 export { ClickAwayProvider, DisabledStateProvider, Portal, PortalProvider, useClassnames, useDisabledStateContext };