react-better-html 1.1.121 → 1.1.122
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +20 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -7900,7 +7900,19 @@ var TooltipComponent = forwardRef16(function Tooltip({
|
|
|
7900
7900
|
}
|
|
7901
7901
|
);
|
|
7902
7902
|
});
|
|
7903
|
-
TooltipComponent.item = forwardRef16(function Item({
|
|
7903
|
+
TooltipComponent.item = forwardRef16(function Item({
|
|
7904
|
+
icon,
|
|
7905
|
+
iconColor,
|
|
7906
|
+
text,
|
|
7907
|
+
textColor,
|
|
7908
|
+
description,
|
|
7909
|
+
isActive,
|
|
7910
|
+
value,
|
|
7911
|
+
id,
|
|
7912
|
+
disabled,
|
|
7913
|
+
onClick,
|
|
7914
|
+
onClickWithValue
|
|
7915
|
+
}, ref) {
|
|
7904
7916
|
const theme2 = useTheme();
|
|
7905
7917
|
return /* @__PURE__ */ jsxs17(
|
|
7906
7918
|
Div_default.row,
|
|
@@ -7908,20 +7920,21 @@ TooltipComponent.item = forwardRef16(function Item({ icon, text, description, is
|
|
|
7908
7920
|
alignItems: "center",
|
|
7909
7921
|
gap: theme2.styles.space,
|
|
7910
7922
|
backgroundColor: theme2.colors.backgroundContent,
|
|
7911
|
-
filterHover: "brightness(0.9)",
|
|
7923
|
+
filterHover: !disabled ? "brightness(0.9)" : "brightness(0.94)",
|
|
7912
7924
|
paddingBlock: theme2.styles.gap,
|
|
7913
7925
|
paddingInline: theme2.styles.space,
|
|
7914
|
-
cursor: "pointer",
|
|
7926
|
+
cursor: disabled ? "not-allowed" : "pointer",
|
|
7915
7927
|
isTabAccessed: true,
|
|
7916
7928
|
id,
|
|
7929
|
+
opacity: disabled ? 0.4 : void 0,
|
|
7917
7930
|
value,
|
|
7918
|
-
onClick,
|
|
7919
|
-
onClickWithValue,
|
|
7931
|
+
onClick: !disabled ? onClick : void 0,
|
|
7932
|
+
onClickWithValue: !disabled ? onClickWithValue : void 0,
|
|
7920
7933
|
ref,
|
|
7921
7934
|
children: [
|
|
7922
|
-
icon && /* @__PURE__ */ jsx21(Icon_default, { name: icon, color: !isActive ? theme2.colors.textSecondary : void 0 }),
|
|
7935
|
+
icon && /* @__PURE__ */ jsx21(Icon_default, { name: icon, color: iconColor ?? (!isActive ? theme2.colors.textSecondary : void 0) }),
|
|
7923
7936
|
/* @__PURE__ */ jsxs17(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7924
|
-
/* @__PURE__ */ jsx21(Text_default, { fontWeight: isActive ? 700 : void 0, children: text }),
|
|
7937
|
+
/* @__PURE__ */ jsx21(Text_default, { fontWeight: isActive ? 700 : void 0, color: textColor ?? theme2.colors.textPrimary, children: text }),
|
|
7925
7938
|
description && /* @__PURE__ */ jsx21(Text_default, { fontSize: 14, color: theme2.colors.textSecondary, children: description })
|
|
7926
7939
|
] })
|
|
7927
7940
|
]
|