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.js
CHANGED
|
@@ -6989,7 +6989,7 @@ var ToggleInputComponent = (0, import_react21.forwardRef)(function ToggleInput({
|
|
|
6989
6989
|
onChange?.(newIsChecked, value);
|
|
6990
6990
|
}, [checked, controlledChecked, onChange, value]);
|
|
6991
6991
|
const readyId = id ?? internalId;
|
|
6992
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.column, {
|
|
6992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.column, { gap: theme2.styles.gap, ...styledComponentStylesWithExcluded, children: [
|
|
6993
6993
|
label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label_default, { text: label, color: labelColor, required, isError: !!errorText, htmlFor: readyId }),
|
|
6994
6994
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: [
|
|
6995
6995
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.row, { position: "relative", alignItems: "center", children: [
|
|
@@ -7233,24 +7233,16 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
|
|
|
7233
7233
|
}, ref) {
|
|
7234
7234
|
const theme2 = useTheme();
|
|
7235
7235
|
const mediaQuery = useMediaQuery();
|
|
7236
|
+
const titleGap = theme2.styles.space;
|
|
7236
7237
|
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FormRowComponent, { ...props, ref, children: [
|
|
7237
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
7238
|
-
|
|
7239
|
-
{
|
|
7240
|
-
|
|
7241
|
-
|
|
7242
|
-
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
children: [
|
|
7246
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
|
|
7247
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7248
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: "h3", children: title }),
|
|
7249
|
-
description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7250
|
-
] })
|
|
7251
|
-
]
|
|
7252
|
-
}
|
|
7253
|
-
),
|
|
7238
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7239
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
|
|
7240
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7241
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: "h3", children: title }),
|
|
7242
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7243
|
+
] }),
|
|
7244
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default, { width: 26 - titleGap })
|
|
7245
|
+
] }),
|
|
7254
7246
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
7255
7247
|
Div_default.row,
|
|
7256
7248
|
{
|