react-better-html 1.1.250 → 1.1.252
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 +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -989,6 +989,8 @@ type TooltipProps = {
|
|
|
989
989
|
contentWidth?: React.CSSProperties["width"];
|
|
990
990
|
contentMinWidth?: React.CSSProperties["minWidth"];
|
|
991
991
|
contentPointerEvents?: React.CSSProperties["pointerEvents"];
|
|
992
|
+
contentPaddingBlock?: React.CSSProperties["paddingBlock"];
|
|
993
|
+
contentPaddingInline?: React.CSSProperties["paddingInline"];
|
|
992
994
|
/** @default "fit-content" */
|
|
993
995
|
childrenWrapperWidth?: React.CSSProperties["width"];
|
|
994
996
|
childrenWrapperHeight?: React.CSSProperties["height"];
|
|
@@ -1108,6 +1110,8 @@ type SideMenuProps = {
|
|
|
1108
1110
|
gap?: React.CSSProperties["gap"];
|
|
1109
1111
|
paddingTop?: React.CSSProperties["paddingTop"];
|
|
1110
1112
|
paddingBottom?: React.CSSProperties["paddingBottom"];
|
|
1113
|
+
/** @default "left" */
|
|
1114
|
+
mobileFoldToPosition?: "left" | "right";
|
|
1111
1115
|
renderItemsHolder?: (items: React.ReactNode) => React.ReactNode;
|
|
1112
1116
|
renderBottomItemsHolder?: (items: React.ReactNode) => React.ReactNode;
|
|
1113
1117
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -989,6 +989,8 @@ type TooltipProps = {
|
|
|
989
989
|
contentWidth?: React.CSSProperties["width"];
|
|
990
990
|
contentMinWidth?: React.CSSProperties["minWidth"];
|
|
991
991
|
contentPointerEvents?: React.CSSProperties["pointerEvents"];
|
|
992
|
+
contentPaddingBlock?: React.CSSProperties["paddingBlock"];
|
|
993
|
+
contentPaddingInline?: React.CSSProperties["paddingInline"];
|
|
992
994
|
/** @default "fit-content" */
|
|
993
995
|
childrenWrapperWidth?: React.CSSProperties["width"];
|
|
994
996
|
childrenWrapperHeight?: React.CSSProperties["height"];
|
|
@@ -1108,6 +1110,8 @@ type SideMenuProps = {
|
|
|
1108
1110
|
gap?: React.CSSProperties["gap"];
|
|
1109
1111
|
paddingTop?: React.CSSProperties["paddingTop"];
|
|
1110
1112
|
paddingBottom?: React.CSSProperties["paddingBottom"];
|
|
1113
|
+
/** @default "left" */
|
|
1114
|
+
mobileFoldToPosition?: "left" | "right";
|
|
1111
1115
|
renderItemsHolder?: (items: React.ReactNode) => React.ReactNode;
|
|
1112
1116
|
renderBottomItemsHolder?: (items: React.ReactNode) => React.ReactNode;
|
|
1113
1117
|
};
|
package/dist/index.js
CHANGED
|
@@ -2274,6 +2274,7 @@ var ButtonComponent = function Button(buttonProps) {
|
|
|
2274
2274
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
2275
2275
|
Div_default.row,
|
|
2276
2276
|
{
|
|
2277
|
+
height: href ? "100%" : void 0,
|
|
2277
2278
|
alignItems: "center",
|
|
2278
2279
|
justifyContent: "center",
|
|
2279
2280
|
gap: 10,
|
|
@@ -7173,6 +7174,8 @@ var TooltipComponent = (0, import_react28.forwardRef)(function Tooltip({
|
|
|
7173
7174
|
contentWidth,
|
|
7174
7175
|
contentMinWidth,
|
|
7175
7176
|
contentPointerEvents = "auto",
|
|
7177
|
+
contentPaddingBlock,
|
|
7178
|
+
contentPaddingInline,
|
|
7176
7179
|
childrenWrapperWidth = "fit-content",
|
|
7177
7180
|
childrenWrapperHeight,
|
|
7178
7181
|
disabled,
|
|
@@ -7312,8 +7315,8 @@ var TooltipComponent = (0, import_react28.forwardRef)(function Tooltip({
|
|
|
7312
7315
|
minWidth: contentMinWidth,
|
|
7313
7316
|
backgroundColor: backgroundColor ?? theme2.colors.backgroundContent,
|
|
7314
7317
|
boxShadow: "0px 10px 20px #00000020",
|
|
7315
|
-
paddingBlock: isSmall ? theme2.styles.gap / 2 : theme2.styles.gap,
|
|
7316
|
-
paddingInline: asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space,
|
|
7318
|
+
paddingBlock: contentPaddingBlock ?? (isSmall ? theme2.styles.gap / 2 : theme2.styles.gap),
|
|
7319
|
+
paddingInline: contentPaddingInline ?? (asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space),
|
|
7317
7320
|
overflow: asContextMenu ? "hidden" : void 0,
|
|
7318
7321
|
children: content
|
|
7319
7322
|
}
|
|
@@ -8019,6 +8022,7 @@ var SideMenuComponent = function SideMenu({
|
|
|
8019
8022
|
gap,
|
|
8020
8023
|
paddingTop,
|
|
8021
8024
|
paddingBottom,
|
|
8025
|
+
mobileFoldToPosition = "left",
|
|
8022
8026
|
renderItemsHolder,
|
|
8023
8027
|
renderBottomItemsHolder
|
|
8024
8028
|
}) {
|
|
@@ -8099,7 +8103,7 @@ var SideMenuComponent = function SideMenu({
|
|
|
8099
8103
|
left: 0,
|
|
8100
8104
|
backgroundColor: readyBackgroundColor,
|
|
8101
8105
|
borderRight: `solid ${theme2.styles.borderWidth}px ${theme2.colors.border}`,
|
|
8102
|
-
transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" :
|
|
8106
|
+
transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : `translateX(${mobileFoldToPosition === "left" ? "-" : ""}100%)`,
|
|
8103
8107
|
paddingTop: paddingTop ?? (logoAssetName || logoUrl ? theme2.styles.gap : theme2.styles.space),
|
|
8104
8108
|
paddingBottom,
|
|
8105
8109
|
transition: mediaQuery.size1000 ? !isCollapsed ? `transform ${theme2.styles.transition}` : "none" : theme2.styles.transition,
|