react-better-html 1.1.84 → 1.1.86

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +5 -2
  2. package/dist/index.d.ts +5 -2
  3. package/dist/index.js +25 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +25 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -15,6 +15,7 @@ type ComponentHoverStyle = {
15
15
  [CSSProperty in keyof ComponentStyle as `${CSSProperty & string}Hover`]: ComponentStyle[CSSProperty];
16
16
  };
17
17
  type ComponentMarginProps = Pick<ComponentStyle, "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "marginBlock" | "marginInline">;
18
+ type ComponentPaddingProps = Pick<ComponentStyle, "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingBlock" | "paddingInline">;
18
19
  type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
19
20
  ref?: React.Ref<ComponentRef>;
20
21
  };
@@ -46,9 +47,11 @@ type DivProps<Value> = {
46
47
  type DivComponentType = {
47
48
  <Value>(props: ComponentPropWithRef<HTMLDivElement, DivProps<Value>>): React.ReactElement;
48
49
  row: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display" | "flexDirection"> & {
50
+ flexReverse?: boolean;
49
51
  invertFlexDirection?: boolean;
50
52
  }>) => React.ReactElement;
51
53
  column: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display" | "flexDirection"> & {
54
+ flexReverse?: boolean;
52
55
  invertFlexDirection?: boolean;
53
56
  }>) => React.ReactElement;
54
57
  grid: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display">>) => React.ReactElement;
@@ -302,8 +305,8 @@ type PageHolderProps = {
302
305
  /** @default false */
303
306
  noMaxContentWidth?: boolean;
304
307
  children?: React.ReactNode;
305
- };
306
- declare function PageHolder({ noMaxContentWidth, children }: PageHolderProps): react_jsx_runtime.JSX.Element;
308
+ } & ComponentPaddingProps;
309
+ declare function PageHolder({ noMaxContentWidth, children, ...props }: PageHolderProps): react_jsx_runtime.JSX.Element;
307
310
  declare const _default$5: React$1.MemoExoticComponent<typeof PageHolder>;
308
311
 
309
312
  type PageHeaderProps = {
package/dist/index.d.ts CHANGED
@@ -15,6 +15,7 @@ type ComponentHoverStyle = {
15
15
  [CSSProperty in keyof ComponentStyle as `${CSSProperty & string}Hover`]: ComponentStyle[CSSProperty];
16
16
  };
17
17
  type ComponentMarginProps = Pick<ComponentStyle, "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "marginBlock" | "marginInline">;
18
+ type ComponentPaddingProps = Pick<ComponentStyle, "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingBlock" | "paddingInline">;
18
19
  type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
19
20
  ref?: React.Ref<ComponentRef>;
20
21
  };
@@ -46,9 +47,11 @@ type DivProps<Value> = {
46
47
  type DivComponentType = {
47
48
  <Value>(props: ComponentPropWithRef<HTMLDivElement, DivProps<Value>>): React.ReactElement;
48
49
  row: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display" | "flexDirection"> & {
50
+ flexReverse?: boolean;
49
51
  invertFlexDirection?: boolean;
50
52
  }>) => React.ReactElement;
51
53
  column: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display" | "flexDirection"> & {
54
+ flexReverse?: boolean;
52
55
  invertFlexDirection?: boolean;
53
56
  }>) => React.ReactElement;
54
57
  grid: <Value>(props: ComponentPropWithRef<HTMLDivElement, OmitProps<DivProps<Value>, "display">>) => React.ReactElement;
@@ -302,8 +305,8 @@ type PageHolderProps = {
302
305
  /** @default false */
303
306
  noMaxContentWidth?: boolean;
304
307
  children?: React.ReactNode;
305
- };
306
- declare function PageHolder({ noMaxContentWidth, children }: PageHolderProps): react_jsx_runtime.JSX.Element;
308
+ } & ComponentPaddingProps;
309
+ declare function PageHolder({ noMaxContentWidth, children, ...props }: PageHolderProps): react_jsx_runtime.JSX.Element;
307
310
  declare const _default$5: React$1.MemoExoticComponent<typeof PageHolder>;
308
311
 
309
312
  type PageHeaderProps = {
package/dist/index.js CHANGED
@@ -2269,11 +2269,29 @@ var DivComponent = (0, import_react3.forwardRef)(function Div({ value, as, isTab
2269
2269
  }
2270
2270
  );
2271
2271
  });
2272
- DivComponent.row = (0, import_react3.forwardRef)(function Row({ invertFlexDirection, ...props }, ref) {
2273
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivComponent, { display: "flex", flexDirection: invertFlexDirection ? "column" : "row", ref, ...props });
2272
+ DivComponent.row = (0, import_react3.forwardRef)(function Row({ flexReverse, invertFlexDirection, ...props }, ref) {
2273
+ const reverseSuffix = flexReverse ? "-reverse" : "";
2274
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
2275
+ DivComponent,
2276
+ {
2277
+ display: "flex",
2278
+ flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
2279
+ ref,
2280
+ ...props
2281
+ }
2282
+ );
2274
2283
  });
2275
- DivComponent.column = (0, import_react3.forwardRef)(function Column({ invertFlexDirection, ...props }, ref) {
2276
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivComponent, { display: "flex", flexDirection: invertFlexDirection ? "row" : "column", ref, ...props });
2284
+ DivComponent.column = (0, import_react3.forwardRef)(function Column({ flexReverse, invertFlexDirection, ...props }, ref) {
2285
+ const reverseSuffix = flexReverse ? "-reverse" : "";
2286
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
2287
+ DivComponent,
2288
+ {
2289
+ display: "flex",
2290
+ flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
2291
+ ref,
2292
+ ...props
2293
+ }
2294
+ );
2277
2295
  });
2278
2296
  DivComponent.grid = (0, import_react3.forwardRef)(function Grid(props, ref) {
2279
2297
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivComponent, { display: "grid", ref, ...props });
@@ -3066,7 +3084,7 @@ var Modal_default = Modal2;
3066
3084
  // src/components/PageHolder.tsx
3067
3085
  var import_react12 = require("react");
3068
3086
  var import_jsx_runtime10 = require("react/jsx-runtime");
3069
- function PageHolder({ noMaxContentWidth, children }) {
3087
+ function PageHolder({ noMaxContentWidth, children, ...props }) {
3070
3088
  const theme2 = useTheme();
3071
3089
  const { app } = useBetterHtmlContextInternal();
3072
3090
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -3077,6 +3095,7 @@ function PageHolder({ noMaxContentWidth, children }) {
3077
3095
  maxWidth: !noMaxContentWidth ? app.contentMaxWidth : void 0,
3078
3096
  margin: "0px auto",
3079
3097
  padding: theme2.styles.space,
3098
+ ...props,
3080
3099
  children
3081
3100
  }
3082
3101
  );
@@ -5245,6 +5264,7 @@ var InputElement = import_styled_components9.default.input.withConfig({
5245
5264
  &[type="time"] {
5246
5265
  // min-height: 46px;
5247
5266
  -webkit-appearance: none;
5267
+ -moz-appearance: textfield;
5248
5268
 
5249
5269
  &::-webkit-calendar-picker-indicator {
5250
5270
  display: none;