react-better-html 1.1.189 → 1.1.191
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 +11 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3741,6 +3741,7 @@ PageHolderComponent.center = forwardRef8(function Center({
|
|
|
3741
3741
|
pageBackgroundColor,
|
|
3742
3742
|
pageBackgroundImage,
|
|
3743
3743
|
contentMaxWidth,
|
|
3744
|
+
contentInsideBox,
|
|
3744
3745
|
behindComponent,
|
|
3745
3746
|
sideComponent,
|
|
3746
3747
|
sideComponentPosition = "right",
|
|
@@ -3753,6 +3754,7 @@ PageHolderComponent.center = forwardRef8(function Center({
|
|
|
3753
3754
|
const { app } = useBetterHtmlContextInternal();
|
|
3754
3755
|
const breakingPoint = mediaQuery.size1000;
|
|
3755
3756
|
const withSideComponent = sideComponent && !breakingPoint;
|
|
3757
|
+
const ContentTag = contentInsideBox !== false ? Div_default.box : Div_default;
|
|
3756
3758
|
return /* @__PURE__ */ jsxs9(
|
|
3757
3759
|
Div_default.row,
|
|
3758
3760
|
{
|
|
@@ -3779,7 +3781,7 @@ PageHolderComponent.center = forwardRef8(function Center({
|
|
|
3779
3781
|
),
|
|
3780
3782
|
sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
|
|
3781
3783
|
/* @__PURE__ */ jsx13(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx13(
|
|
3782
|
-
|
|
3784
|
+
ContentTag,
|
|
3783
3785
|
{
|
|
3784
3786
|
width: `calc(100% - ${theme2.styles.space * 2}px)`,
|
|
3785
3787
|
maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
|
|
@@ -7582,6 +7584,7 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7582
7584
|
titleFontSize,
|
|
7583
7585
|
description,
|
|
7584
7586
|
descriptionFontSize,
|
|
7587
|
+
required,
|
|
7585
7588
|
alignChildren = "flex-start",
|
|
7586
7589
|
isLoading,
|
|
7587
7590
|
withActions,
|
|
@@ -7599,7 +7602,13 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7599
7602
|
/* @__PURE__ */ jsxs16(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7600
7603
|
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7601
7604
|
/* @__PURE__ */ jsxs16(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7602
|
-
/* @__PURE__ */
|
|
7605
|
+
/* @__PURE__ */ jsxs16(Text_default, { as: titleAs, fontSize: titleFontSize, children: [
|
|
7606
|
+
title,
|
|
7607
|
+
required && /* @__PURE__ */ jsxs16(Text_default, { as: "span", fontSize: 16, color: theme2.colors.error, children: [
|
|
7608
|
+
" ",
|
|
7609
|
+
"*"
|
|
7610
|
+
] })
|
|
7611
|
+
] }),
|
|
7603
7612
|
description && /* @__PURE__ */ jsx20(Text_default, { fontSize: descriptionFontSize, color: theme2.colors.textSecondary, children: description })
|
|
7604
7613
|
] }),
|
|
7605
7614
|
isLoading && /* @__PURE__ */ jsx20(Div_default, { width: 26 - titleGap })
|