@uxf/core-react 11.90.0 → 11.91.0

package/clickable/add-is-hoverable-classname.d.ts

@@ -0,0 +1,2 @@
+import { Options } from "./types";
+export declare function addIsHoverableClassname(options: Options): string;

package/clickable/add-is-hoverable-classname.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addIsHoverableClassname = addIsHoverableClassname;
+const classes_1 = require("@uxf/core/constants/classes");
+function addIsHoverableClassname(options) {
+    return options.classNamePrefix
+        ? `${options.classNamePrefix}--${classes_1.CLASSES.IS_HOVERABLE} ${classes_1.CLASSES.IS_HOVERABLE}`
+        : classes_1.CLASSES.IS_HOVERABLE;
+}

package/clickable/use-anchor-props.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnchorProps = useAnchorProps;
-const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const _use_simulated_button_1 = require("./_use-simulated-button");
 const add_busy_and_disabled_classnames_1 = require("./add-busy-and-disabled-classnames");
+const add_is_hoverable_classname_1 = require("./add-is-hoverable-classname");
 function useAnchorProps(props, options = {}) {
     const { ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, isDisabled, download, href, hrefLang, isLoading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, tabIndex, target, type, ...restProps } = props;
     const isBusy = Boolean(isLoading || ariaBusy);
@@ -28,7 +28,7 @@ function useAnchorProps(props, options = {}) {
         return {
             "aria-busy": isBusy,
             "aria-disabled": isDisabledOrAriaDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
+            className: (0, cx_1.cx)((0, add_is_hoverable_classname_1.addIsHoverableClassname)(options), ..._className),
             download,
             href,
             hrefLang,
@@ -49,7 +49,7 @@ function useAnchorProps(props, options = {}) {
         return {
             "aria-busy": isBusy,
             "aria-disabled": isDisabledOrAriaDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
+            className: (0, cx_1.cx)((0, add_is_hoverable_classname_1.addIsHoverableClassname)(options), ..._className),
             onClick: simulatedButton.onClick,
             onKeyDown: simulatedButton.onKeyDown,
             onKeyUp: simulatedButton.onKeyUp,

package/clickable/use-button-props.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useButtonProps = useButtonProps;
-const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = require("react");
 const add_busy_and_disabled_classnames_1 = require("./add-busy-and-disabled-classnames");
+const add_is_hoverable_classname_1 = require("./add-is-hoverable-classname");
 function useButtonProps(props, options = {}) {
     const { ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps } = props;
     const isBusy = loading ? loading : Boolean(ariaBusy);
@@ -41,7 +41,7 @@ function useButtonProps(props, options = {}) {
             "aria-busy": isBusy,
             "aria-disabled": ariaDisabled,
             autoFocus,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
+            className: (0, cx_1.cx)((0, add_is_hoverable_classname_1.addIsHoverableClassname)(options), ..._className),
             disabled,
             onClick: _onClick,
             role,

package/clickable/use-clickable-props.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClickableProps = useClickableProps;
-const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const _use_simulated_button_1 = require("./_use-simulated-button");
 const add_busy_and_disabled_classnames_1 = require("./add-busy-and-disabled-classnames");
+const add_is_hoverable_classname_1 = require("./add-is-hoverable-classname");
 function useClickableProps(props, options = {}) {
     const { ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, isDisabled, isLoading, onClick, onKeyDown, onKeyUp, role, tabIndex, type, ...restProps } = props;
     const isBusy = Boolean(isLoading || ariaBusy);
@@ -27,7 +27,7 @@ function useClickableProps(props, options = {}) {
         return {
             "aria-busy": isBusy,
             "aria-disabled": isDisabledOrAriaDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
+            className: (0, cx_1.cx)((0, add_is_hoverable_classname_1.addIsHoverableClassname)(options), ..._className),
             onClick: simulatedButton.onClick,
             onKeyDown: simulatedButton.onKeyDown,
             onKeyUp: simulatedButton.onKeyUp,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/core-react",
-    "version": "11.90.0",
+    "version": "11.91.0",
     "description": "UXF Core",
     "author": "UX Fans s.r.o",
     "license": "MIT",
@@ -12,7 +12,7 @@
         "typecheck": "tsc --noEmit --skipLibCheck"
     },
     "dependencies": {
-        "@uxf/core": "11.90.0"
+        "@uxf/core": "11.91.0"
     },
     "peerDependencies": {
         "react": ">=18.2.0"