react-better-html 1.1.289 → 1.1.290
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 +10 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -223,6 +223,8 @@ type PageHeaderProps = {
|
|
|
223
223
|
rightElement?: React.ReactNode;
|
|
224
224
|
/** @default false */
|
|
225
225
|
lightMode?: boolean;
|
|
226
|
+
width?: React.CSSProperties["width"];
|
|
227
|
+
flex?: React.CSSProperties["flex"];
|
|
226
228
|
} & Pick<ComponentMarginProps, "marginBottom">;
|
|
227
229
|
type PageHeaderComponentType = {
|
|
228
230
|
(props: ComponentPropWithRef<HTMLDivElement, PageHeaderProps>): React.ReactElement;
|
package/dist/index.d.ts
CHANGED
|
@@ -223,6 +223,8 @@ type PageHeaderProps = {
|
|
|
223
223
|
rightElement?: React.ReactNode;
|
|
224
224
|
/** @default false */
|
|
225
225
|
lightMode?: boolean;
|
|
226
|
+
width?: React.CSSProperties["width"];
|
|
227
|
+
flex?: React.CSSProperties["flex"];
|
|
226
228
|
} & Pick<ComponentMarginProps, "marginBottom">;
|
|
227
229
|
type PageHeaderComponentType = {
|
|
228
230
|
(props: ComponentPropWithRef<HTMLDivElement, PageHeaderProps>): React.ReactElement;
|
package/dist/index.js
CHANGED
|
@@ -1693,6 +1693,8 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
|
|
|
1693
1693
|
textAlign,
|
|
1694
1694
|
rightElement,
|
|
1695
1695
|
lightMode,
|
|
1696
|
+
width,
|
|
1697
|
+
flex,
|
|
1696
1698
|
marginBottom
|
|
1697
1699
|
}, ref) {
|
|
1698
1700
|
const theme2 = (0, import_react_better_core6.useTheme)();
|
|
@@ -1703,6 +1705,8 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
|
|
|
1703
1705
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
1704
1706
|
Div_default.row,
|
|
1705
1707
|
{
|
|
1708
|
+
width,
|
|
1709
|
+
flex,
|
|
1706
1710
|
alignItems: "center",
|
|
1707
1711
|
gap: imageGap ?? theme2.styles.space,
|
|
1708
1712
|
marginBottom: marginBottom ?? theme2.styles.space * 2,
|
|
@@ -2223,6 +2227,7 @@ var ButtonComponent = function Button({
|
|
|
2223
2227
|
value,
|
|
2224
2228
|
download,
|
|
2225
2229
|
target,
|
|
2230
|
+
gap,
|
|
2226
2231
|
icon,
|
|
2227
2232
|
iconPosition = "left",
|
|
2228
2233
|
iconColor,
|
|
@@ -2314,7 +2319,7 @@ var ButtonComponent = function Button({
|
|
|
2314
2319
|
height: href ? "100%" : void 0,
|
|
2315
2320
|
alignItems: "center",
|
|
2316
2321
|
justifyContent: "center",
|
|
2317
|
-
gap:
|
|
2322
|
+
gap: gap ?? (theme2.styles.gap + theme2.styles.space) / 2,
|
|
2318
2323
|
pointerEvents: "none",
|
|
2319
2324
|
opacity: isLoadingElement ? 0 : 1,
|
|
2320
2325
|
transition: theme2.styles.transition,
|
|
@@ -2399,13 +2404,16 @@ ButtonComponent.text = function Text3(buttonProps) {
|
|
|
2399
2404
|
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2400
2405
|
ButtonComponent,
|
|
2401
2406
|
{
|
|
2407
|
+
fontWeight: 700,
|
|
2402
2408
|
color: readyColor,
|
|
2403
2409
|
colorHover: (0, import_react_better_core9.lightenColor)(readyColor, 0.3),
|
|
2404
2410
|
backgroundColor: "transparent",
|
|
2405
2411
|
backgroundColorHover: "transparent",
|
|
2406
2412
|
borderRadius: 0,
|
|
2407
2413
|
loaderSize: 12,
|
|
2408
|
-
|
|
2414
|
+
gap: theme2.styles.gap,
|
|
2415
|
+
paddingInline: theme2.styles.gap,
|
|
2416
|
+
paddingBlock: theme2.styles.gap / 2,
|
|
2409
2417
|
...fromSubcomponentProps,
|
|
2410
2418
|
...props
|
|
2411
2419
|
}
|