react-better-html 1.1.84 → 1.1.85
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 +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +25 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +25 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -2194,11 +2194,29 @@ var DivComponent = forwardRef(function Div({ value, as, isTabAccessed, onClickWi
|
|
|
2194
2194
|
}
|
|
2195
2195
|
);
|
|
2196
2196
|
});
|
|
2197
|
-
DivComponent.row = forwardRef(function Row({ invertFlexDirection, ...props }, ref) {
|
|
2198
|
-
|
|
2197
|
+
DivComponent.row = forwardRef(function Row({ reverse, invertFlexDirection, ...props }, ref) {
|
|
2198
|
+
const reverseSuffix = reverse ? "-reverse" : "";
|
|
2199
|
+
return /* @__PURE__ */ jsx2(
|
|
2200
|
+
DivComponent,
|
|
2201
|
+
{
|
|
2202
|
+
display: "flex",
|
|
2203
|
+
flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
|
|
2204
|
+
ref,
|
|
2205
|
+
...props
|
|
2206
|
+
}
|
|
2207
|
+
);
|
|
2199
2208
|
});
|
|
2200
|
-
DivComponent.column = forwardRef(function Column({ invertFlexDirection, ...props }, ref) {
|
|
2201
|
-
|
|
2209
|
+
DivComponent.column = forwardRef(function Column({ reverse, invertFlexDirection, ...props }, ref) {
|
|
2210
|
+
const reverseSuffix = reverse ? "-reverse" : "";
|
|
2211
|
+
return /* @__PURE__ */ jsx2(
|
|
2212
|
+
DivComponent,
|
|
2213
|
+
{
|
|
2214
|
+
display: "flex",
|
|
2215
|
+
flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
|
|
2216
|
+
ref,
|
|
2217
|
+
...props
|
|
2218
|
+
}
|
|
2219
|
+
);
|
|
2202
2220
|
});
|
|
2203
2221
|
DivComponent.grid = forwardRef(function Grid(props, ref) {
|
|
2204
2222
|
return /* @__PURE__ */ jsx2(DivComponent, { display: "grid", ref, ...props });
|
|
@@ -2991,7 +3009,7 @@ var Modal_default = Modal2;
|
|
|
2991
3009
|
// src/components/PageHolder.tsx
|
|
2992
3010
|
import { memo as memo10 } from "react";
|
|
2993
3011
|
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
2994
|
-
function PageHolder({ noMaxContentWidth, children }) {
|
|
3012
|
+
function PageHolder({ noMaxContentWidth, children, ...props }) {
|
|
2995
3013
|
const theme2 = useTheme();
|
|
2996
3014
|
const { app } = useBetterHtmlContextInternal();
|
|
2997
3015
|
return /* @__PURE__ */ jsx10(
|
|
@@ -3002,6 +3020,7 @@ function PageHolder({ noMaxContentWidth, children }) {
|
|
|
3002
3020
|
maxWidth: !noMaxContentWidth ? app.contentMaxWidth : void 0,
|
|
3003
3021
|
margin: "0px auto",
|
|
3004
3022
|
padding: theme2.styles.space,
|
|
3023
|
+
...props,
|
|
3005
3024
|
children
|
|
3006
3025
|
}
|
|
3007
3026
|
);
|
|
@@ -5170,6 +5189,7 @@ var InputElement = styled8.input.withConfig({
|
|
|
5170
5189
|
&[type="time"] {
|
|
5171
5190
|
// min-height: 46px;
|
|
5172
5191
|
-webkit-appearance: none;
|
|
5192
|
+
-moz-appearance: textfield;
|
|
5173
5193
|
|
|
5174
5194
|
&::-webkit-calendar-picker-indicator {
|
|
5175
5195
|
display: none;
|