react-better-html 1.1.81 → 1.1.82
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 +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6678,7 +6678,7 @@ var TabsComponent = function Tabs({
|
|
|
6678
6678
|
/* @__PURE__ */ jsx21(Div_default, { width: "100%", children })
|
|
6679
6679
|
] });
|
|
6680
6680
|
};
|
|
6681
|
-
TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, children }) {
|
|
6681
|
+
TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isInitialTab, children }) {
|
|
6682
6682
|
const { componentsState } = useBetterHtmlContextInternal();
|
|
6683
6683
|
const thisTabGroupData = useMemo8(
|
|
6684
6684
|
() => componentsState.tabs.tabGroups.find((item) => item.name === (tabsGroupName ?? defaultTabName)),
|
|
@@ -6693,7 +6693,7 @@ TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, child
|
|
|
6693
6693
|
);
|
|
6694
6694
|
}
|
|
6695
6695
|
}, [tabWithDot]);
|
|
6696
|
-
return thisTabGroupData
|
|
6696
|
+
return (thisTabGroupData ? thisTabGroupData.selectedTab === tab : isInitialTab) ? /* @__PURE__ */ jsx21(Div_default, { width: "100%", children }) : void 0;
|
|
6697
6697
|
};
|
|
6698
6698
|
var Tabs2 = memo21(TabsComponent);
|
|
6699
6699
|
Tabs2.content = TabsComponent.content;
|
|
@@ -6711,6 +6711,7 @@ var FoldableComponent = forwardRef12(function Foldable({
|
|
|
6711
6711
|
description,
|
|
6712
6712
|
icon,
|
|
6713
6713
|
image,
|
|
6714
|
+
headerPaddingBlock,
|
|
6714
6715
|
headerPaddingInline,
|
|
6715
6716
|
renderHeader,
|
|
6716
6717
|
onOpenChange,
|
|
@@ -6757,7 +6758,7 @@ var FoldableComponent = forwardRef12(function Foldable({
|
|
|
6757
6758
|
width: "100%",
|
|
6758
6759
|
alignItems: "center",
|
|
6759
6760
|
gap: theme2.styles.gap,
|
|
6760
|
-
paddingBlock: theme2.styles.gap,
|
|
6761
|
+
paddingBlock: headerPaddingBlock ?? theme2.styles.gap,
|
|
6761
6762
|
paddingInline: headerPaddingInline,
|
|
6762
6763
|
cursor: "pointer",
|
|
6763
6764
|
onClick: toggleOpen,
|
|
@@ -6767,7 +6768,7 @@ var FoldableComponent = forwardRef12(function Foldable({
|
|
|
6767
6768
|
icon && /* @__PURE__ */ jsx22(Icon_default, { name: icon, size: 20, flexShrink: 0 }),
|
|
6768
6769
|
image && /* @__PURE__ */ jsx22(Image_default.profileImage, { name: image, size: 24, flexShrink: 0 }),
|
|
6769
6770
|
/* @__PURE__ */ jsxs17(Div_default.column, { gap: theme2.styles.gap / 2, children: [
|
|
6770
|
-
title && /* @__PURE__ */ jsx22(Text_default, { as: "h3", fontWeight: 700, children: title }),
|
|
6771
|
+
title && /* @__PURE__ */ jsx22(Text_default, { as: "h3", fontWeight: 700, lineHeight: "20px", children: title }),
|
|
6771
6772
|
description && /* @__PURE__ */ jsx22(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
6772
6773
|
] })
|
|
6773
6774
|
] }),
|
|
@@ -6805,6 +6806,7 @@ FoldableComponent.box = forwardRef12(function Box3({ ...props }, ref) {
|
|
|
6805
6806
|
backgroundColor: theme2.colors.backgroundContent,
|
|
6806
6807
|
border: `1px solid ${theme2.colors.border}`,
|
|
6807
6808
|
borderRadius: theme2.styles.borderRadius,
|
|
6809
|
+
headerPaddingBlock: (theme2.styles.gap + theme2.styles.space) / 2,
|
|
6808
6810
|
headerPaddingInline: theme2.styles.space,
|
|
6809
6811
|
...props,
|
|
6810
6812
|
ref
|