@gem-sdk/plugin-cart-drawer 1.23.0-staging.374 → 1.23.0-staging.378
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/cjs/components/CartDrawer.js +2 -2
- package/dist/cjs/components/CartLineItemQuantity.js +9 -12
- package/dist/cjs/components/CartOrderNote.js +4 -4
- package/dist/cjs/components/DiscountCodeItem.js +1 -1
- package/dist/esm/components/CartDrawer.js +2 -2
- package/dist/esm/components/CartLineItemQuantity.js +9 -12
- package/dist/esm/components/CartOrderNote.js +4 -4
- package/dist/esm/components/DiscountCodeItem.js +1 -1
- package/package.json +2 -2
|
@@ -44,8 +44,8 @@ const CartDrawer = ({ className, style, setting })=>{
|
|
|
44
44
|
children: (state)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
45
45
|
ref: nodeRef,
|
|
46
46
|
className: core.cls('gp-fixed gp-inset-0 gp-z-90', className, {
|
|
47
|
-
invisible: !isCartOpen,
|
|
48
|
-
visible: isCartOpen
|
|
47
|
+
'gp-invisible': !isCartOpen,
|
|
48
|
+
'gp-visible': isCartOpen
|
|
49
49
|
}),
|
|
50
50
|
style: {
|
|
51
51
|
...style,
|
|
@@ -15,22 +15,19 @@ const CartLineItemQuantity = ({ size })=>{
|
|
|
15
15
|
'gp-h-8': size === 'small'
|
|
16
16
|
}),
|
|
17
17
|
children: [
|
|
18
|
-
/*#__PURE__*/ jsxRuntime.
|
|
18
|
+
/*#__PURE__*/ jsxRuntime.jsx(CartLineQuantityAdjustButton.default, {
|
|
19
19
|
adjust: "decrease",
|
|
20
20
|
"aria-label": "Decrease quantity",
|
|
21
21
|
className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
|
|
22
|
-
children:
|
|
23
|
-
"gp-",
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
30
|
-
d: "M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"
|
|
31
|
-
})
|
|
22
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
23
|
+
className: "gp-h-4",
|
|
24
|
+
fill: "currentColor",
|
|
25
|
+
viewBox: "0 0 24 24",
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
28
|
+
d: "M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"
|
|
32
29
|
})
|
|
33
|
-
|
|
30
|
+
})
|
|
34
31
|
}),
|
|
35
32
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
36
33
|
className: "gp-flex gp-h-full gp-min-w-[50px] gp-select-none gp-items-center gp-justify-center gp-border-x gp-border-g-line-3 gp-px-2 gp-text-center gp-text-base gp-font-semibold",
|
|
@@ -49,12 +49,12 @@ const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
|
|
|
49
49
|
onChange
|
|
50
50
|
};
|
|
51
51
|
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
52
|
-
className: "flex flex-col",
|
|
52
|
+
className: "gp-flex gp-flex-col",
|
|
53
53
|
children: [
|
|
54
54
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
55
|
-
className: "mb-4 border-b border-b-[#F1F3F4] pb-3",
|
|
55
|
+
className: "gp-mb-4 gp-border-b gp-border-b-[#F1F3F4] gp-pb-3",
|
|
56
56
|
children: /*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
57
|
-
className: "font-semibold text-[#424242]",
|
|
57
|
+
className: "gp-font-semibold gp-text-[#424242]",
|
|
58
58
|
children: "Order Note"
|
|
59
59
|
})
|
|
60
60
|
}),
|
|
@@ -62,7 +62,7 @@ const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
|
|
|
62
62
|
defaultValue: cart?.note,
|
|
63
63
|
placeholder: placeholder,
|
|
64
64
|
ref: textRef,
|
|
65
|
-
className: "w-full rounded border p-4 outline-none",
|
|
65
|
+
className: "gp-w-full gp-rounded gp-border gp-p-4 gp-outline-none",
|
|
66
66
|
...inputProps
|
|
67
67
|
})
|
|
68
68
|
]
|
|
@@ -101,7 +101,7 @@ const DiscountCodeItem = ({ item })=>{
|
|
|
101
101
|
/*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
102
102
|
disabled: isMutating,
|
|
103
103
|
onClick: ()=>removeCode(item.code),
|
|
104
|
-
className: "gp-flex gp-aspect-square gp-h-full gp-items-center
|
|
104
|
+
className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
|
|
105
105
|
children: isMutating ? /*#__PURE__*/ jsxRuntime.jsx(LoadingIcon.default, {
|
|
106
106
|
className: "gp-text-g-brand"
|
|
107
107
|
}) : /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
@@ -40,8 +40,8 @@ const CartDrawer = ({ className, style, setting })=>{
|
|
|
40
40
|
children: (state)=>/*#__PURE__*/ jsxs("div", {
|
|
41
41
|
ref: nodeRef,
|
|
42
42
|
className: cls('gp-fixed gp-inset-0 gp-z-90', className, {
|
|
43
|
-
invisible: !isCartOpen,
|
|
44
|
-
visible: isCartOpen
|
|
43
|
+
'gp-invisible': !isCartOpen,
|
|
44
|
+
'gp-visible': isCartOpen
|
|
45
45
|
}),
|
|
46
46
|
style: {
|
|
47
47
|
...style,
|
|
@@ -11,22 +11,19 @@ const CartLineItemQuantity = ({ size })=>{
|
|
|
11
11
|
'gp-h-8': size === 'small'
|
|
12
12
|
}),
|
|
13
13
|
children: [
|
|
14
|
-
/*#__PURE__*/
|
|
14
|
+
/*#__PURE__*/ jsx(CartLineQuantityAdjustButton, {
|
|
15
15
|
adjust: "decrease",
|
|
16
16
|
"aria-label": "Decrease quantity",
|
|
17
17
|
className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
|
|
18
|
-
children:
|
|
19
|
-
"gp-",
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
children: /*#__PURE__*/ jsx("path", {
|
|
26
|
-
d: "M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"
|
|
27
|
-
})
|
|
18
|
+
children: /*#__PURE__*/ jsx("svg", {
|
|
19
|
+
className: "gp-h-4",
|
|
20
|
+
fill: "currentColor",
|
|
21
|
+
viewBox: "0 0 24 24",
|
|
22
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
23
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
24
|
+
d: "M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"
|
|
28
25
|
})
|
|
29
|
-
|
|
26
|
+
})
|
|
30
27
|
}),
|
|
31
28
|
/*#__PURE__*/ jsx("div", {
|
|
32
29
|
className: "gp-flex gp-h-full gp-min-w-[50px] gp-select-none gp-items-center gp-justify-center gp-border-x gp-border-g-line-3 gp-px-2 gp-text-center gp-text-base gp-font-semibold",
|
|
@@ -45,12 +45,12 @@ const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
|
|
|
45
45
|
onChange
|
|
46
46
|
};
|
|
47
47
|
return /*#__PURE__*/ jsxs("div", {
|
|
48
|
-
className: "flex flex-col",
|
|
48
|
+
className: "gp-flex gp-flex-col",
|
|
49
49
|
children: [
|
|
50
50
|
/*#__PURE__*/ jsx("div", {
|
|
51
|
-
className: "mb-4 border-b border-b-[#F1F3F4] pb-3",
|
|
51
|
+
className: "gp-mb-4 gp-border-b gp-border-b-[#F1F3F4] gp-pb-3",
|
|
52
52
|
children: /*#__PURE__*/ jsx("span", {
|
|
53
|
-
className: "font-semibold text-[#424242]",
|
|
53
|
+
className: "gp-font-semibold gp-text-[#424242]",
|
|
54
54
|
children: "Order Note"
|
|
55
55
|
})
|
|
56
56
|
}),
|
|
@@ -58,7 +58,7 @@ const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
|
|
|
58
58
|
defaultValue: cart?.note,
|
|
59
59
|
placeholder: placeholder,
|
|
60
60
|
ref: textRef,
|
|
61
|
-
className: "w-full rounded border p-4 outline-none",
|
|
61
|
+
className: "gp-w-full gp-rounded gp-border gp-p-4 gp-outline-none",
|
|
62
62
|
...inputProps
|
|
63
63
|
})
|
|
64
64
|
]
|
|
@@ -97,7 +97,7 @@ const DiscountCodeItem = ({ item })=>{
|
|
|
97
97
|
/*#__PURE__*/ jsx("button", {
|
|
98
98
|
disabled: isMutating,
|
|
99
99
|
onClick: ()=>removeCode(item.code),
|
|
100
|
-
className: "gp-flex gp-aspect-square gp-h-full gp-items-center
|
|
100
|
+
className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
|
|
101
101
|
children: isMutating ? /*#__PURE__*/ jsx(LoadingIcon, {
|
|
102
102
|
className: "gp-text-g-brand"
|
|
103
103
|
}) : /*#__PURE__*/ jsx("svg", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/plugin-cart-drawer",
|
|
3
|
-
"version": "1.23.0-staging.
|
|
3
|
+
"version": "1.23.0-staging.378",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"test": "jest -c ./../../helpers/jest.config.ts"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@gem-sdk/components": "1.23.0-staging.
|
|
22
|
+
"@gem-sdk/components": "1.23.0-staging.377",
|
|
23
23
|
"@gem-sdk/core": "1.23.0-staging.369",
|
|
24
24
|
"@gem-sdk/styles": "1.23.0-staging.358"
|
|
25
25
|
},
|