react-better-html 1.1.190 → 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 CHANGED
@@ -672,6 +672,7 @@ type FormRowComponentType = {
672
672
  titleFontSize?: React.CSSProperties["fontSize"];
673
673
  description?: string;
674
674
  descriptionFontSize?: React.CSSProperties["fontSize"];
675
+ required?: boolean;
675
676
  alignChildren?: React.CSSProperties["justifyContent"];
676
677
  isLoading?: boolean;
677
678
  withActions?: boolean;
package/dist/index.d.ts CHANGED
@@ -672,6 +672,7 @@ type FormRowComponentType = {
672
672
  titleFontSize?: React.CSSProperties["fontSize"];
673
673
  description?: string;
674
674
  descriptionFontSize?: React.CSSProperties["fontSize"];
675
+ required?: boolean;
675
676
  alignChildren?: React.CSSProperties["justifyContent"];
676
677
  isLoading?: boolean;
677
678
  withActions?: boolean;
package/dist/index.js CHANGED
@@ -7680,6 +7680,7 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
7680
7680
  titleFontSize,
7681
7681
  description,
7682
7682
  descriptionFontSize,
7683
+ required,
7683
7684
  alignChildren = "flex-start",
7684
7685
  isLoading,
7685
7686
  withActions,
@@ -7697,7 +7698,13 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
7697
7698
  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
7698
7699
  icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
7699
7700
  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
7700
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: titleAs, fontSize: titleFontSize, children: title }),
7701
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Text_default, { as: titleAs, fontSize: titleFontSize, children: [
7702
+ title,
7703
+ required && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Text_default, { as: "span", fontSize: 16, color: theme2.colors.error, children: [
7704
+ " ",
7705
+ "*"
7706
+ ] })
7707
+ ] }),
7701
7708
  description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { fontSize: descriptionFontSize, color: theme2.colors.textSecondary, children: description })
7702
7709
  ] }),
7703
7710
  isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default, { width: 26 - titleGap })