react-better-html 1.1.284 → 1.1.285
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 +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +13 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1614,6 +1614,8 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
|
|
|
1614
1614
|
description,
|
|
1615
1615
|
descriptionFontSize,
|
|
1616
1616
|
descriptionColor,
|
|
1617
|
+
imageGap,
|
|
1618
|
+
titleGap,
|
|
1617
1619
|
textAlign,
|
|
1618
1620
|
rightElement,
|
|
1619
1621
|
lightMode,
|
|
@@ -1628,7 +1630,7 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
|
|
|
1628
1630
|
Div_default.row,
|
|
1629
1631
|
{
|
|
1630
1632
|
alignItems: "center",
|
|
1631
|
-
gap: theme2.styles.space,
|
|
1633
|
+
gap: imageGap ?? theme2.styles.space,
|
|
1632
1634
|
marginBottom: marginBottom ?? theme2.styles.space * 2,
|
|
1633
1635
|
ref,
|
|
1634
1636
|
children: [
|
|
@@ -1649,7 +1651,7 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
|
|
|
1649
1651
|
{
|
|
1650
1652
|
alignItems: textAlign === "center" ? "center" : textAlign === "right" ? "flex-end" : void 0,
|
|
1651
1653
|
flex: 1,
|
|
1652
|
-
gap: theme2.styles.gap / 2,
|
|
1654
|
+
gap: titleGap ?? theme2.styles.gap / 2,
|
|
1653
1655
|
children: [
|
|
1654
1656
|
/* @__PURE__ */ jsxs2(
|
|
1655
1657
|
Div_default.row,
|
|
@@ -1796,6 +1798,7 @@ DivComponent.box = forwardRef6(function Box({
|
|
|
1796
1798
|
titleRightElement,
|
|
1797
1799
|
description,
|
|
1798
1800
|
descriptionColor,
|
|
1801
|
+
titleGap,
|
|
1799
1802
|
textAlign,
|
|
1800
1803
|
rightElement,
|
|
1801
1804
|
lightMode,
|
|
@@ -1849,6 +1852,7 @@ DivComponent.box = forwardRef6(function Box({
|
|
|
1849
1852
|
titleRightElement,
|
|
1850
1853
|
description,
|
|
1851
1854
|
descriptionColor,
|
|
1855
|
+
titleGap,
|
|
1852
1856
|
textAlign,
|
|
1853
1857
|
rightElement,
|
|
1854
1858
|
lightMode,
|
|
@@ -7900,6 +7904,7 @@ var FoldableComponent = forwardRef18(function Foldable({
|
|
|
7900
7904
|
description,
|
|
7901
7905
|
descriptionFontSize,
|
|
7902
7906
|
descriptionColor,
|
|
7907
|
+
titleGap,
|
|
7903
7908
|
textAlign,
|
|
7904
7909
|
rightElement,
|
|
7905
7910
|
lightMode,
|
|
@@ -7992,6 +7997,7 @@ var FoldableComponent = forwardRef18(function Foldable({
|
|
|
7992
7997
|
description,
|
|
7993
7998
|
descriptionFontSize,
|
|
7994
7999
|
descriptionColor,
|
|
8000
|
+
titleGap,
|
|
7995
8001
|
textAlign,
|
|
7996
8002
|
rightElement,
|
|
7997
8003
|
lightMode,
|
|
@@ -8604,7 +8610,7 @@ SideMenuComponent.pageHolder = function SideMenuPageHolder({
|
|
|
8604
8610
|
}
|
|
8605
8611
|
);
|
|
8606
8612
|
};
|
|
8607
|
-
SideMenuComponent.burgerButton = function BurgerButton({ position = "left", onClick }) {
|
|
8613
|
+
SideMenuComponent.burgerButton = function BurgerButton({ position = "left", color, onClick }) {
|
|
8608
8614
|
const theme2 = useTheme29();
|
|
8609
8615
|
const { sideMenuIsOpenMobile, setSideMenuIsOpenMobile } = useBetterHtmlContextInternal();
|
|
8610
8616
|
const [isHovered, setIsHovered] = useBooleanState8();
|
|
@@ -8613,6 +8619,7 @@ SideMenuComponent.burgerButton = function BurgerButton({ position = "left", onCl
|
|
|
8613
8619
|
onClick?.(!sideMenuIsOpenMobile);
|
|
8614
8620
|
}, [onClick, sideMenuIsOpenMobile]);
|
|
8615
8621
|
const width = 2;
|
|
8622
|
+
const backgroundColor = color ?? theme2.colors.border;
|
|
8616
8623
|
return /* @__PURE__ */ jsxs24(
|
|
8617
8624
|
Div_default,
|
|
8618
8625
|
{
|
|
@@ -8634,7 +8641,7 @@ SideMenuComponent.burgerButton = function BurgerButton({ position = "left", onCl
|
|
|
8634
8641
|
top: sideMenuIsOpenMobile ? `calc(50% - ${width / 2}px)` : 0,
|
|
8635
8642
|
left: position === "left" ? 0 : position === "center" ? sideMenuIsOpenMobile ? 0 : "50%" : "auto",
|
|
8636
8643
|
right: position === "right" ? 0 : void 0,
|
|
8637
|
-
backgroundColor
|
|
8644
|
+
backgroundColor,
|
|
8638
8645
|
borderRadius: 999,
|
|
8639
8646
|
transform: sideMenuIsOpenMobile ? "rotate(45deg)" : position === "center" ? "translateX(-50%)" : void 0,
|
|
8640
8647
|
transition: theme2.styles.transition
|
|
@@ -8649,7 +8656,7 @@ SideMenuComponent.burgerButton = function BurgerButton({ position = "left", onCl
|
|
|
8649
8656
|
top: "50%",
|
|
8650
8657
|
left: position === "left" ? 0 : position === "center" ? "50%" : "auto",
|
|
8651
8658
|
right: position === "right" ? 0 : void 0,
|
|
8652
|
-
backgroundColor
|
|
8659
|
+
backgroundColor,
|
|
8653
8660
|
borderRadius: 999,
|
|
8654
8661
|
transform: `translateY(-50%)${position === "center" ? " translateX(-50%)" : ""}`,
|
|
8655
8662
|
opacity: sideMenuIsOpenMobile ? 0 : void 0,
|
|
@@ -8665,7 +8672,7 @@ SideMenuComponent.burgerButton = function BurgerButton({ position = "left", onCl
|
|
|
8665
8672
|
bottom: sideMenuIsOpenMobile ? `calc(50% - ${width / 2}px)` : 0,
|
|
8666
8673
|
left: position === "left" ? 0 : position === "center" ? sideMenuIsOpenMobile ? 0 : "50%" : "auto",
|
|
8667
8674
|
right: position === "right" ? 0 : void 0,
|
|
8668
|
-
backgroundColor
|
|
8675
|
+
backgroundColor,
|
|
8669
8676
|
borderRadius: 999,
|
|
8670
8677
|
transform: sideMenuIsOpenMobile ? "rotate(-45deg)" : position === "center" ? "translateX(-50%)" : void 0,
|
|
8671
8678
|
transition: theme2.styles.transition
|