@gem-sdk/pages 1.23.0-staging.35 → 1.23.0-staging.358

package/dist/cjs/components/ErrorFallback.js

@@ -5,10 +5,10 @@ var jsxRuntime = require('react/jsx-runtime');
 const ErrorFallback = ({ error, resetErrorBoundary })=>{
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         role: "alert",
-        className: "flex flex-col items-center gap-2",
+        className: "gp-flex gp-flex-col gp-items-center gp-gap-2",
         children: [
             /*#__PURE__*/ jsxRuntime.jsx("p", {
-                className: "text-center text-2xl",
+                className: "gp-text-center gp-text-2xl",
                 children: "Oops! Something went wrong"
             }),
             /*#__PURE__*/ jsxRuntime.jsx("pre", {
@@ -16,7 +16,7 @@ const ErrorFallback = ({ error, resetErrorBoundary })=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx("button", {
                 onClick: resetErrorBoundary,
-                className: "inline-flex h-10 items-center justify-center gap-2 rounded bg-[#3C67FF] px-6 text-white active:translate-y-1",
+                className: "gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",
                 children: "Try again"
             })
         ]

package/dist/cjs/components/Footer.js

@@ -37,11 +37,11 @@ const Footer = ()=>{
         layoutSetting
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-footer-container border-1 group flex h-[48px] justify-center border-y border-[#EEEEEE] bg-white font-sans', {
-            'fixed bottom-0 w-full': shouldFixed
+        className: core.cls('gp-footer-container gp-border-1 gp-group gp-flex gp-h-[48px] gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans', {
+            'gp-fixed gp-bottom-0 gp-w-full': shouldFixed
         }),
         children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "flex h-[40px] flex-1 items-center justify-between",
+            className: "gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",
             style: {
                 maxWidth: `var(--g-ct-w)`,
                 ...core.makeStyleResponsive('ml', defaultMargin),
@@ -70,9 +70,9 @@ const Footer = ()=>{
                     ]
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-footer invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
+                    className: "gp-footer gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#0000001a] group-hover:gp-visible",
                     children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "flex h-[24px] w-[24px] items-center justify-center",
+                        className: "gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",
                         children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
                             width: "14",
                             height: "14",

package/dist/cjs/components/Header.js

@@ -14,9 +14,9 @@ const HEADER_OFF_COLOR = '#F4F4F4';
 const Header = ()=>{
     const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-header-container border-1 group relative flex justify-center border-b border-[#EEEEEE] font-sans'),
+        className: core.cls('gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans'),
         children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "flex h-[40px] flex-1 items-center justify-between",
+            className: "gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",
             style: {
                 maxWidth: `var(--g-ct-w)`,
                 ...core.makeStyleResponsive('ml', defaultMargin),
@@ -41,9 +41,9 @@ const Header = ()=>{
                     ]
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-header invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
+                    className: "gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#0000001a] group-hover:gp-visible",
                     children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "flex h-[24px] w-[24px] items-center justify-center",
+                        className: "gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",
                         children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
                             width: "14",
                             height: "14",

package/dist/cjs/components/builder/PopupManager.js

@@ -33,13 +33,13 @@ const PopupManager = ()=>{
         onSetActiveModal
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "pointer-events-none fixed inset-y-0 right-0 z-10 flex w-10 flex-col items-center justify-center gap-1 overflow-y-auto overflow-x-hidden text-sm",
+        className: "gp-pointer-events-none gp-fixed gp-inset-y-0 gp-right-0 gp-z-10 gp-flex gp-w-10 gp-flex-col gp-items-center gp-justify-center gp-gap-1 gp-overflow-y-auto gp-overflow-x-hidden gp-text-sm",
         children: popups?.map((item)=>{
             const display = item?.advanced?.d;
             return /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls('pointer-events-auto w-full shrink cursor-pointer select-none items-center justify-center whitespace-nowrap py-2 text-white [writing-mode:vertical-lr]', {
-                    'bg-blue-500': activeModalId === item.uid,
-                    'bg-blue-700': activeModalId !== item.uid
+                className: core.cls('gp-pointer-events-auto gp-w-full gp-shrink gp-cursor-pointer gp-select-none gp-items-center gp-justify-center gp-whitespace-nowrap gp-py-2 gp-text-white [writing-mode:vertical-lr]', {
+                    'gp-bg-blue-500': activeModalId === item.uid,
+                    'gp-bg-blue-700': activeModalId !== item.uid
                 }),
                 role: "button",
                 "aria-hidden": "true",
@@ -50,7 +50,7 @@ const PopupManager = ()=>{
                     '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
                 },
                 children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                    className: "text-ellipsis whitespace-nowrap",
+                    className: "gp-text-ellipsis gp-whitespace-nowrap",
                     children: item?.settings?.name || 'Popup Name'
                 })
             }, item?.uid);