react-better-html 1.1.238 → 1.1.239

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 CHANGED
@@ -3381,7 +3381,7 @@ PageHolderComponent.center = (0, import_react15.forwardRef)(function Center({
3381
3381
  position: "relative",
3382
3382
  width: "100%",
3383
3383
  minHeight: "100svh",
3384
- alignItems: "center",
3384
+ alignItems: height !== "100%" ? "center" : void 0,
3385
3385
  justifyContent: "center",
3386
3386
  backgroundColor: pageBackgroundColor,
3387
3387
  backgroundImage: pageBackgroundImage,
@@ -3400,29 +3400,19 @@ PageHolderComponent.center = (0, import_react15.forwardRef)(function Center({
3400
3400
  }
3401
3401
  ),
3402
3402
  sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Div_default, { width: "50%" }),
3403
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3404
- Div_default.column,
3403
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3404
+ ContentTag,
3405
3405
  {
3406
- position: "relative",
3407
- width: `${withSideComponent ? 50 : 100}%`,
3406
+ width: `calc(100% - ${((props.margin ?? props.marginInline) !== void 0 ? parseFloat((props.margin ?? props.marginInline)?.toString() ?? "") : theme2.styles.space) * 2}px)`,
3407
+ maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
3408
3408
  height,
3409
- alignItems: "center",
3410
- zIndex: 2,
3411
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3412
- ContentTag,
3413
- {
3414
- width: `calc(100% - ${theme2.styles.space * 2}px)`,
3415
- maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
3416
- height,
3417
- marginInline: theme2.styles.space,
3418
- marginBlock: theme2.styles.space,
3419
- ...props,
3420
- ref,
3421
- children
3422
- }
3423
- )
3409
+ marginInline: theme2.styles.space,
3410
+ marginBlock: theme2.styles.space,
3411
+ ...props,
3412
+ ref,
3413
+ children
3424
3414
  }
3425
- ),
3415
+ ) }),
3426
3416
  sideComponentPosition === "right" && withSideComponent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Div_default, { width: "50%" }),
3427
3417
  withSideComponent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3428
3418
  Div_default,
@@ -7478,12 +7468,12 @@ var MenuItemComponent = (0, import_react31.memo)(function MenuItemComponent2({
7478
7468
  gap: iconGap,
7479
7469
  whiteSpace: "nowrap",
7480
7470
  backgroundColor: isActive ? activeItemColor ?? (colorTheme === "dark" ? (0, import_react_better_core29.lightenColor)(theme2.colors.primary, 0.7) : (0, import_react_better_core29.lightenColor)(theme2.colors.primary, 0.85)) : readyBackgroundColor,
7481
- backgroundColorHover: hoverItemColor,
7471
+ backgroundColorHover: isActive && activeItemColor ? void 0 : hoverItemColor,
7482
7472
  borderRadius: theme2.styles.borderRadius,
7483
7473
  paddingBlock,
7484
7474
  paddingLeft: isCollapsed ? theme2.styles.space : paddingLeft,
7485
7475
  paddingRight: theme2.styles.space,
7486
- filterHover: !hoverItemColor ? `brightness(${colorTheme === "dark" ? isActive ? 0.8 : 1.3 : isActive ? 0.8 : 0.95})` : void 0,
7476
+ filterHover: !hoverItemColor || isActive ? `brightness(${colorTheme === "dark" ? isActive ? 0.8 : 1.3 : isActive ? 0.8 : 0.95})` : void 0,
7487
7477
  overflow: isCollapsed ? "hidden" : void 0,
7488
7478
  cursor: item.disabled ? "not-allowed" : "pointer",
7489
7479
  opacity: item.disabled ? 0.6 : void 0,