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