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.d.mts
CHANGED
|
@@ -647,7 +647,12 @@ type FormRowComponentType = {
|
|
|
647
647
|
withTitle: (props: ComponentPropWithRef<HTMLDivElement, FormRowProps & {
|
|
648
648
|
icon?: IconName | AnyOtherString;
|
|
649
649
|
title?: string;
|
|
650
|
+
/** @default "h3" */
|
|
651
|
+
titleAs?: TextAs;
|
|
652
|
+
titleFontSize?: React.CSSProperties["fontSize"];
|
|
650
653
|
description?: string;
|
|
654
|
+
descriptionFontSize?: React.CSSProperties["fontSize"];
|
|
655
|
+
alignChildren?: React.CSSProperties["justifyContent"];
|
|
651
656
|
isLoading?: boolean;
|
|
652
657
|
withActions?: boolean;
|
|
653
658
|
saveButtonLoaderName?: LoaderName | AnyOtherString;
|
package/dist/index.d.ts
CHANGED
|
@@ -647,7 +647,12 @@ type FormRowComponentType = {
|
|
|
647
647
|
withTitle: (props: ComponentPropWithRef<HTMLDivElement, FormRowProps & {
|
|
648
648
|
icon?: IconName | AnyOtherString;
|
|
649
649
|
title?: string;
|
|
650
|
+
/** @default "h3" */
|
|
651
|
+
titleAs?: TextAs;
|
|
652
|
+
titleFontSize?: React.CSSProperties["fontSize"];
|
|
650
653
|
description?: string;
|
|
654
|
+
descriptionFontSize?: React.CSSProperties["fontSize"];
|
|
655
|
+
alignChildren?: React.CSSProperties["justifyContent"];
|
|
651
656
|
isLoading?: boolean;
|
|
652
657
|
withActions?: boolean;
|
|
653
658
|
saveButtonLoaderName?: LoaderName | AnyOtherString;
|
package/dist/index.js
CHANGED
|
@@ -5551,9 +5551,9 @@ var colorThemeControls = {
|
|
|
5551
5551
|
var filterHover = () => {
|
|
5552
5552
|
if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "filterHover")) return void 0;
|
|
5553
5553
|
return {
|
|
5554
|
-
z1: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.
|
|
5555
|
-
z2: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.
|
|
5556
|
-
z3: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.
|
|
5554
|
+
z1: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.2)" : "brightness(0.9)",
|
|
5555
|
+
z2: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.4)" : "brightness(0.8)",
|
|
5556
|
+
z3: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.6)" : "brightness(0.7)"
|
|
5557
5557
|
};
|
|
5558
5558
|
};
|
|
5559
5559
|
|
|
@@ -7568,7 +7568,11 @@ var FormRowComponent = (0, import_react23.forwardRef)(function FormRow({ oneItem
|
|
|
7568
7568
|
FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
|
|
7569
7569
|
icon,
|
|
7570
7570
|
title,
|
|
7571
|
+
titleAs = "h3",
|
|
7572
|
+
titleFontSize,
|
|
7571
7573
|
description,
|
|
7574
|
+
descriptionFontSize,
|
|
7575
|
+
alignChildren = "flex-start",
|
|
7572
7576
|
isLoading,
|
|
7573
7577
|
withActions,
|
|
7574
7578
|
saveButtonLoaderName,
|
|
@@ -7585,8 +7589,8 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
|
|
|
7585
7589
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7586
7590
|
icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
|
|
7587
7591
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7588
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as:
|
|
7589
|
-
description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7592
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: titleAs, fontSize: titleFontSize, children: title }),
|
|
7593
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { fontSize: descriptionFontSize, color: theme2.colors.textSecondary, children: description })
|
|
7590
7594
|
] }),
|
|
7591
7595
|
isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default, { width: 26 - titleGap })
|
|
7592
7596
|
] }),
|
|
@@ -7596,6 +7600,7 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
|
|
|
7596
7600
|
position: "relative",
|
|
7597
7601
|
width: props.noBreakingPoint && mediaQuery.size900 ? void 0 : "100%",
|
|
7598
7602
|
alignItems: "center",
|
|
7603
|
+
justifyContent: alignChildren,
|
|
7599
7604
|
gap: theme2.styles.gap,
|
|
7600
7605
|
children: [
|
|
7601
7606
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|