react-better-html 1.1.165 → 1.1.167
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 +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +14 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5454,10 +5454,13 @@ var colorThemeControls = {
|
|
|
5454
5454
|
}, 0.01 * 1e3);
|
|
5455
5455
|
}
|
|
5456
5456
|
};
|
|
5457
|
-
var filterHover = {
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5457
|
+
var filterHover = () => {
|
|
5458
|
+
if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "filterHover")) return void 0;
|
|
5459
|
+
return {
|
|
5460
|
+
z1: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.2)" : "brightness(0.9)",
|
|
5461
|
+
z2: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.4)" : "brightness(0.8)",
|
|
5462
|
+
z3: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.6)" : "brightness(0.7)"
|
|
5463
|
+
};
|
|
5461
5464
|
};
|
|
5462
5465
|
|
|
5463
5466
|
// src/utils/functions.ts
|
|
@@ -7471,7 +7474,11 @@ var FormRowComponent = forwardRef14(function FormRow({ oneItemOnly, noBreakingPo
|
|
|
7471
7474
|
FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
7472
7475
|
icon,
|
|
7473
7476
|
title,
|
|
7477
|
+
titleAs = "h3",
|
|
7478
|
+
titleFontSize,
|
|
7474
7479
|
description,
|
|
7480
|
+
descriptionFontSize,
|
|
7481
|
+
alignChildren = "flex-start",
|
|
7475
7482
|
isLoading,
|
|
7476
7483
|
withActions,
|
|
7477
7484
|
saveButtonLoaderName,
|
|
@@ -7488,8 +7495,8 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7488
7495
|
/* @__PURE__ */ jsxs16(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7489
7496
|
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7490
7497
|
/* @__PURE__ */ jsxs16(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7491
|
-
/* @__PURE__ */ jsx20(Text_default, { as:
|
|
7492
|
-
description && /* @__PURE__ */ jsx20(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7498
|
+
/* @__PURE__ */ jsx20(Text_default, { as: titleAs, fontSize: titleFontSize, children: title }),
|
|
7499
|
+
description && /* @__PURE__ */ jsx20(Text_default, { fontSize: descriptionFontSize, color: theme2.colors.textSecondary, children: description })
|
|
7493
7500
|
] }),
|
|
7494
7501
|
isLoading && /* @__PURE__ */ jsx20(Div_default, { width: 26 - titleGap })
|
|
7495
7502
|
] }),
|
|
@@ -7499,6 +7506,7 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7499
7506
|
position: "relative",
|
|
7500
7507
|
width: props.noBreakingPoint && mediaQuery.size900 ? void 0 : "100%",
|
|
7501
7508
|
alignItems: "center",
|
|
7509
|
+
justifyContent: alignChildren,
|
|
7502
7510
|
gap: theme2.styles.gap,
|
|
7503
7511
|
children: [
|
|
7504
7512
|
/* @__PURE__ */ jsx20(
|