@gem-sdk/pages 1.10.42 → 1.11.1-prod-1db6762d

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.
@@ -6,6 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
  var react = require('react');
8
8
 
9
+ const paddingX = {
10
+ desktop: '220px',
11
+ tablet: '16px',
12
+ mobile: '16px'
13
+ };
9
14
  const Footer = ()=>{
10
15
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
11
16
  const [shouldFixed, setShouldFixed] = react.useState(false);
@@ -28,10 +33,14 @@ const Footer = ()=>{
28
33
  };
29
34
  });
30
35
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
31
- className: core.cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] ', {
36
+ className: core.cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] font-sans', {
32
37
  hidden: !layoutSetting?.showFooter,
33
38
  'fixed w-full bottom-0 z-50': shouldFixed
34
39
  }),
40
+ style: {
41
+ ...core.makeStyleResponsive('pl', paddingX),
42
+ ...core.makeStyleResponsive('pr', paddingX)
43
+ },
35
44
  children: [
36
45
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
37
46
  width: "192",
@@ -5,12 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
 
8
+ const paddingX = {
9
+ desktop: '220px',
10
+ tablet: '16px',
11
+ mobile: '16px'
12
+ };
8
13
  const Header = ()=>{
9
14
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
10
15
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
11
- className: core.cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative px-[68px]', {
16
+ className: core.cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative font-sans', {
12
17
  hidden: !layoutSetting?.showHeader
13
18
  }),
19
+ style: {
20
+ ...core.makeStyleResponsive('pl', paddingX),
21
+ ...core.makeStyleResponsive('pr', paddingX)
22
+ },
14
23
  children: [
15
24
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
16
25
  width: "84",
@@ -1,7 +1,12 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { useShopStore, cls } from '@gem-sdk/core';
2
+ import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
3
3
  import { useState, useEffect } from 'react';
4
4
 
5
+ const paddingX = {
6
+ desktop: '220px',
7
+ tablet: '16px',
8
+ mobile: '16px'
9
+ };
5
10
  const Footer = ()=>{
6
11
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
7
12
  const [shouldFixed, setShouldFixed] = useState(false);
@@ -24,10 +29,14 @@ const Footer = ()=>{
24
29
  };
25
30
  });
26
31
  return /*#__PURE__*/ jsxs("div", {
27
- className: cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] ', {
32
+ className: cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] font-sans', {
28
33
  hidden: !layoutSetting?.showFooter,
29
34
  'fixed w-full bottom-0 z-50': shouldFixed
30
35
  }),
36
+ style: {
37
+ ...makeStyleResponsive('pl', paddingX),
38
+ ...makeStyleResponsive('pr', paddingX)
39
+ },
31
40
  children: [
32
41
  /*#__PURE__*/ jsxs("svg", {
33
42
  width: "192",
@@ -1,12 +1,21 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { useShopStore, cls } from '@gem-sdk/core';
2
+ import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
3
3
 
4
+ const paddingX = {
5
+ desktop: '220px',
6
+ tablet: '16px',
7
+ mobile: '16px'
8
+ };
4
9
  const Header = ()=>{
5
10
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
6
11
  return /*#__PURE__*/ jsxs("div", {
7
- className: cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative px-[68px]', {
12
+ className: cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative font-sans', {
8
13
  hidden: !layoutSetting?.showHeader
9
14
  }),
15
+ style: {
16
+ ...makeStyleResponsive('pl', paddingX),
17
+ ...makeStyleResponsive('pr', paddingX)
18
+ },
10
19
  children: [
11
20
  /*#__PURE__*/ jsxs("svg", {
12
21
  width: "84",
@@ -178,7 +178,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
178
178
  static getDerivedStateFromError(error: Error): ErrorBoundaryState;
179
179
  reset: () => void;
180
180
  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
181
- render(): string | number | boolean | react.ReactFragment | JSX.Element | null | undefined;
181
+ render(): string | number | boolean | react.ReactFragment | react.PromiseLikeOfReactNode | JSX.Element | null | undefined;
182
182
  }
183
183
 
184
184
  type Props$3 = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.10.42",
3
+ "version": "1.11.1-prod-1db6762d",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -25,10 +25,10 @@
25
25
  "next-seo": "^6.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@gem-sdk/core": "*",
29
- "@gem-sdk/plugin-cookie-bar": "*",
30
- "@gem-sdk/plugin-quick-view": "*",
31
- "@gem-sdk/plugin-sticky-add-to-cart": "*"
28
+ "@gem-sdk/core": "1.11.1-prod-1db6762d",
29
+ "@gem-sdk/plugin-cookie-bar": "1.11.1-prod-1db6762d",
30
+ "@gem-sdk/plugin-quick-view": "1.11.1-prod-1db6762d",
31
+ "@gem-sdk/plugin-sticky-add-to-cart": "1.11.1-prod-1db6762d"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "next": ">=13"