@kopexa/page-layout 3.0.6 → 3.0.7

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 (9) hide show
  1. package/dist/{chunk-FQT7SY6U.mjs → chunk-CHCW2TMS.mjs} +5 -5
  2. package/dist/{chunk-OCDAFVW3.mjs → chunk-WLMWNQXR.mjs} +1 -1
  3. package/dist/index.js +5 -5
  4. package/dist/index.mjs +2 -2
  5. package/dist/namespace.js +5 -5
  6. package/dist/namespace.mjs +2 -2
  7. package/dist/page-layout.js +5 -5
  8. package/dist/page-layout.mjs +1 -1
  9. package/package.json +1 -1
package/dist/{chunk-FQT7SY6U.mjs → chunk-CHCW2TMS.mjs} RENAMED
@@ -15,7 +15,7 @@ var [Provider, usePageLayoutContext] = createContext(
15
15
  {}
16
16
  );
17
17
  var PageLayoutRoot = (props) => {
18
- const { children, width, spacing, paneWidth, gap, ...rest } = props;
18
+ const { children, width, spacing, paneWidth, gap, className, ...rest } = props;
19
19
  const styles = useMemo(
20
20
  () => pageLayout({ width, spacing, paneWidth, gap }),
21
21
  [width, spacing, paneWidth, gap]
@@ -37,11 +37,11 @@ var PageLayoutRoot = (props) => {
37
37
  content.push(child);
38
38
  }
39
39
  });
40
- return /* @__PURE__ */ jsx(Provider, { value: { styles }, children: /* @__PURE__ */ jsx("div", { ...rest, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper(), children: [
40
+ return /* @__PURE__ */ jsx(Provider, { value: { styles }, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper({ className }), ...rest, children: [
41
41
  header,
42
42
  /* @__PURE__ */ jsx("div", { className: styles.baseContent(), children: content }),
43
43
  footer
44
- ] }) }) });
44
+ ] }) });
45
45
  };
46
46
  var PageLayoutHeader = (props) => {
47
47
  const { className, spacing, gap, ...rest } = props;
@@ -73,7 +73,7 @@ function PageLayoutPane(props) {
73
73
  "data-position": position,
74
74
  "data-sticky": dataAttr(sticky),
75
75
  ...rest,
76
- children: /* @__PURE__ */ jsx("div", { className: styles.pane(), children })
76
+ children: /* @__PURE__ */ jsx("div", { className: styles.pane({ spacing, gap }), children })
77
77
  }
78
78
  );
79
79
  }
@@ -85,7 +85,7 @@ function PageLayoutContent(props) {
85
85
  {
86
86
  className: styles.contentWrapper({ className, spacing, gap }),
87
87
  ...rest,
88
- children: /* @__PURE__ */ jsx("div", { className: styles.content(), children })
88
+ children: /* @__PURE__ */ jsx("div", { className: styles.content({ spacing, gap }), children })
89
89
  }
90
90
  );
91
91
  }
package/dist/{chunk-OCDAFVW3.mjs → chunk-WLMWNQXR.mjs} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  PageLayoutPane,
7
7
  PageLayoutRoot,
8
8
  __export
9
- } from "./chunk-FQT7SY6U.mjs";
9
+ } from "./chunk-CHCW2TMS.mjs";
10
10
 
11
11
  // src/namespace.ts
12
12
  var namespace_exports = {};
package/dist/index.js CHANGED
@@ -45,7 +45,7 @@ var [Provider, usePageLayoutContext] = (0, import_react_utils.createContext)(
45
45
  {}
46
46
  );
47
47
  var PageLayoutRoot = (props) => {
48
- const { children, width, spacing, paneWidth, gap, ...rest } = props;
48
+ const { children, width, spacing, paneWidth, gap, className, ...rest } = props;
49
49
  const styles = (0, import_react.useMemo)(
50
50
  () => (0, import_theme.pageLayout)({ width, spacing, paneWidth, gap }),
51
51
  [width, spacing, paneWidth, gap]
@@ -67,11 +67,11 @@ var PageLayoutRoot = (props) => {
67
67
  content.push(child);
68
68
  }
69
69
  });
70
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper(), children: [
70
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper({ className }), ...rest, children: [
71
71
  header,
72
72
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.baseContent(), children: content }),
73
73
  footer
74
- ] }) }) });
74
+ ] }) });
75
75
  };
76
76
  var PageLayoutHeader = (props) => {
77
77
  const { className, spacing, gap, ...rest } = props;
@@ -103,7 +103,7 @@ function PageLayoutPane(props) {
103
103
  "data-position": position,
104
104
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
105
105
  ...rest,
106
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane(), children })
106
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane({ spacing, gap }), children })
107
107
  }
108
108
  );
109
109
  }
@@ -115,7 +115,7 @@ function PageLayoutContent(props) {
115
115
  {
116
116
  className: styles.contentWrapper({ className, spacing, gap }),
117
117
  ...rest,
118
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
118
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content({ spacing, gap }), children })
119
119
  }
120
120
  );
121
121
  }
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  namespace_exports
4
- } from "./chunk-OCDAFVW3.mjs";
5
- import "./chunk-FQT7SY6U.mjs";
4
+ } from "./chunk-WLMWNQXR.mjs";
5
+ import "./chunk-CHCW2TMS.mjs";
6
6
  export {
7
7
  namespace_exports as PageLayout
8
8
  };
package/dist/namespace.js CHANGED
@@ -39,7 +39,7 @@ var [Provider, usePageLayoutContext] = (0, import_react_utils.createContext)(
39
39
  {}
40
40
  );
41
41
  var PageLayoutRoot = (props) => {
42
- const { children, width, spacing, paneWidth, gap, ...rest } = props;
42
+ const { children, width, spacing, paneWidth, gap, className, ...rest } = props;
43
43
  const styles = (0, import_react.useMemo)(
44
44
  () => (0, import_theme.pageLayout)({ width, spacing, paneWidth, gap }),
45
45
  [width, spacing, paneWidth, gap]
@@ -61,11 +61,11 @@ var PageLayoutRoot = (props) => {
61
61
  content.push(child);
62
62
  }
63
63
  });
64
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper(), children: [
64
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper({ className }), ...rest, children: [
65
65
  header,
66
66
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.baseContent(), children: content }),
67
67
  footer
68
- ] }) }) });
68
+ ] }) });
69
69
  };
70
70
  var PageLayoutHeader = (props) => {
71
71
  const { className, spacing, gap, ...rest } = props;
@@ -97,7 +97,7 @@ function PageLayoutPane(props) {
97
97
  "data-position": position,
98
98
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
99
99
  ...rest,
100
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane(), children })
100
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane({ spacing, gap }), children })
101
101
  }
102
102
  );
103
103
  }
@@ -109,7 +109,7 @@ function PageLayoutContent(props) {
109
109
  {
110
110
  className: styles.contentWrapper({ className, spacing, gap }),
111
111
  ...rest,
112
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
112
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content({ spacing, gap }), children })
113
113
  }
114
114
  );
115
115
  }
package/dist/namespace.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client";
2
- import "./chunk-OCDAFVW3.mjs";
2
+ import "./chunk-WLMWNQXR.mjs";
3
3
  import {
4
4
  PageLayoutContent,
5
5
  PageLayoutFooter,
6
6
  PageLayoutHeader,
7
7
  PageLayoutPane,
8
8
  PageLayoutRoot
9
- } from "./chunk-FQT7SY6U.mjs";
9
+ } from "./chunk-CHCW2TMS.mjs";
10
10
  export {
11
11
  PageLayoutContent as Content,
12
12
  PageLayoutFooter as Footer,
package/dist/page-layout.js CHANGED
@@ -37,7 +37,7 @@ var [Provider, usePageLayoutContext] = (0, import_react_utils.createContext)(
37
37
  {}
38
38
  );
39
39
  var PageLayoutRoot = (props) => {
40
- const { children, width, spacing, paneWidth, gap, ...rest } = props;
40
+ const { children, width, spacing, paneWidth, gap, className, ...rest } = props;
41
41
  const styles = (0, import_react.useMemo)(
42
42
  () => (0, import_theme.pageLayout)({ width, spacing, paneWidth, gap }),
43
43
  [width, spacing, paneWidth, gap]
@@ -59,11 +59,11 @@ var PageLayoutRoot = (props) => {
59
59
  content.push(child);
60
60
  }
61
61
  });
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper(), children: [
62
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper({ className }), ...rest, children: [
63
63
  header,
64
64
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.baseContent(), children: content }),
65
65
  footer
66
- ] }) }) });
66
+ ] }) });
67
67
  };
68
68
  var PageLayoutHeader = (props) => {
69
69
  const { className, spacing, gap, ...rest } = props;
@@ -95,7 +95,7 @@ function PageLayoutPane(props) {
95
95
  "data-position": position,
96
96
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
97
97
  ...rest,
98
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane(), children })
98
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.pane({ spacing, gap }), children })
99
99
  }
100
100
  );
101
101
  }
@@ -107,7 +107,7 @@ function PageLayoutContent(props) {
107
107
  {
108
108
  className: styles.contentWrapper({ className, spacing, gap }),
109
109
  ...rest,
110
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
110
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content({ spacing, gap }), children })
111
111
  }
112
112
  );
113
113
  }
package/dist/page-layout.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  PageLayoutHeader,
6
6
  PageLayoutPane,
7
7
  PageLayoutRoot
8
- } from "./chunk-FQT7SY6U.mjs";
8
+ } from "./chunk-CHCW2TMS.mjs";
9
9
  export {
10
10
  PageLayoutContent,
11
11
  PageLayoutFooter,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/page-layout",
3
- "version": "3.0.6",
3
+ "version": "3.0.7",
4
4
  "description": "The layout for our pages used within kopexa",
5
5
  "keywords": [
6
6
  "page-layout"