react-better-html 1.1.141 → 1.1.142
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.js +10 -18
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6903,7 +6903,7 @@ var ToggleInputComponent = forwardRef12(function ToggleInput({
|
|
|
6903
6903
|
onChange?.(newIsChecked, value);
|
|
6904
6904
|
}, [checked, controlledChecked, onChange, value]);
|
|
6905
6905
|
const readyId = id ?? internalId;
|
|
6906
|
-
return /* @__PURE__ */ jsxs13(Div_default.column, {
|
|
6906
|
+
return /* @__PURE__ */ jsxs13(Div_default.column, { gap: theme2.styles.gap, ...styledComponentStylesWithExcluded, children: [
|
|
6907
6907
|
label && /* @__PURE__ */ jsx18(Label_default, { text: label, color: labelColor, required, isError: !!errorText, htmlFor: readyId }),
|
|
6908
6908
|
/* @__PURE__ */ jsxs13(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: [
|
|
6909
6909
|
/* @__PURE__ */ jsxs13(Div_default.row, { position: "relative", alignItems: "center", children: [
|
|
@@ -7147,24 +7147,16 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7147
7147
|
}, ref) {
|
|
7148
7148
|
const theme2 = useTheme();
|
|
7149
7149
|
const mediaQuery = useMediaQuery();
|
|
7150
|
+
const titleGap = theme2.styles.space;
|
|
7150
7151
|
return /* @__PURE__ */ jsxs15(FormRowComponent, { ...props, ref, children: [
|
|
7151
|
-
/* @__PURE__ */ jsxs15(
|
|
7152
|
-
|
|
7153
|
-
{
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
|
|
7159
|
-
children: [
|
|
7160
|
-
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7161
|
-
/* @__PURE__ */ jsxs15(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7162
|
-
/* @__PURE__ */ jsx20(Text_default, { as: "h3", children: title }),
|
|
7163
|
-
description && /* @__PURE__ */ jsx20(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7164
|
-
] })
|
|
7165
|
-
]
|
|
7166
|
-
}
|
|
7167
|
-
),
|
|
7152
|
+
/* @__PURE__ */ jsxs15(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7153
|
+
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7154
|
+
/* @__PURE__ */ jsxs15(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7155
|
+
/* @__PURE__ */ jsx20(Text_default, { as: "h3", children: title }),
|
|
7156
|
+
description && /* @__PURE__ */ jsx20(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7157
|
+
] }),
|
|
7158
|
+
isLoading && /* @__PURE__ */ jsx20(Div_default, { width: 26 - titleGap })
|
|
7159
|
+
] }),
|
|
7168
7160
|
/* @__PURE__ */ jsxs15(
|
|
7169
7161
|
Div_default.row,
|
|
7170
7162
|
{
|