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.mjs CHANGED
@@ -7584,6 +7584,7 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
7584
7584
  titleFontSize,
7585
7585
  description,
7586
7586
  descriptionFontSize,
7587
+ required,
7587
7588
  alignChildren = "flex-start",
7588
7589
  isLoading,
7589
7590
  withActions,
@@ -7601,7 +7602,13 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
7601
7602
  /* @__PURE__ */ jsxs16(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
7602
7603
  icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
7603
7604
  /* @__PURE__ */ jsxs16(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
7604
- /* @__PURE__ */ jsx20(Text_default, { as: titleAs, fontSize: titleFontSize, children: title }),
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
+ ] }),
7605
7612
  description && /* @__PURE__ */ jsx20(Text_default, { fontSize: descriptionFontSize, color: theme2.colors.textSecondary, children: description })
7606
7613
  ] }),
7607
7614
  isLoading && /* @__PURE__ */ jsx20(Div_default, { width: 26 - titleGap })