@rebuy/rebuy-hydrogen 3.0.0-beta.2 → 3.0.0-beta.4
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/components/AddToCartBtn/AddToCartBtn.d.ts.map +1 -1
- package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts.map +1 -1
- package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts.map +1 -1
- package/dist/components/ProductCard/ProductCard.d.ts.map +1 -1
- package/dist/components/ProductPrice/ProductPrice.d.ts +1 -1
- package/dist/components/ProductPrice/ProductPrice.d.ts.map +1 -1
- package/dist/components/VariantSelect/VariantSelect.d.ts +1 -1
- package/dist/components/VariantSelect/VariantSelect.d.ts.map +1 -1
- package/dist/hooks/titleLevel.d.ts.map +1 -1
- package/dist/index.css +88 -88
- package/dist/index.css.map +4 -4
- package/dist/index.js +187 -401
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +187 -410
- package/dist/index.mjs.map +4 -4
- package/dist/providers/RebuyHydrogenContextProvider.d.ts +1 -1
- package/dist/providers/RebuyHydrogenContextProvider.d.ts.map +1 -1
- package/dist/providers/RebuyHydrogenReactContextProvider.d.ts.map +1 -1
- package/dist/providers/types.d.ts +1 -1
- package/dist/providers/types.d.ts.map +1 -1
- package/dist/types/rebuyCustom.d.ts.map +1 -1
- package/dist/types/shopify.d.ts.map +1 -1
- package/dist/types/widgets.d.ts +1 -1
- package/dist/types/widgets.d.ts.map +1 -1
- package/dist/utils/convertToRebuyProduct.d.ts.map +1 -1
- package/dist/utils/createContextParameters.d.ts.map +1 -1
- package/dist/utils/getEncodedAttributes.d.ts.map +1 -1
- package/dist/utils/getRebuyConfig.d.ts.map +1 -1
- package/dist/widgetContainer/RebuyWidgetContainer.d.ts +1 -1
- package/dist/widgetContainer/RebuyWidgetContainer.d.ts.map +1 -1
- package/dist/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.d.ts.map +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/BundleImages.d.ts.map +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/BundlePrice.d.ts.map +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/BundleSelection.d.ts +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/BundleSelection.d.ts.map +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.d.ts.map +1 -1
- package/dist/widgets/RebuyDynamicBundleProducts/Select.d.ts.map +1 -1
- package/dist/widgets/RebuyProductAddOns/RebuyProductAddOnCard.d.ts.map +1 -1
- package/dist/widgets/RebuyProductAddOns/RebuyProductAddOns.d.ts.map +1 -1
- package/dist/widgets/RebuyProductAddOns/types.d.ts.map +1 -1
- package/dist/widgets/RebuyProductRecommendations/RebuyProductRecommendations.d.ts.map +1 -1
- package/package.json +66 -35
- package/src/components/AddToCartBtn/AddToCartBtn.tsx +0 -45
- package/src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx +0 -43
- package/src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx +0 -35
- package/src/components/AddToCartBtn/index.ts +0 -1
- package/src/components/AddToCartBtn/types.ts +0 -27
- package/src/components/ProductCard/ProductCard.tsx +0 -70
- package/src/components/ProductCard/index.ts +0 -1
- package/src/components/ProductCard/types.ts +0 -10
- package/src/components/ProductPrice/ProductPrice.tsx +0 -49
- package/src/components/ProductPrice/index.ts +0 -1
- package/src/components/Title/Title.tsx +0 -19
- package/src/components/Title/index.ts +0 -1
- package/src/components/Title/types.ts +0 -7
- package/src/components/VariantSelect/VariantSelect.tsx +0 -45
- package/src/components/VariantSelect/index.ts +0 -1
- package/src/components/VariantSelect/types.ts +0 -6
- package/src/context/RebuyContext.tsx +0 -9
- package/src/hooks/titleLevel.tsx +0 -42
- package/src/index.ts +0 -7
- package/src/providers/RebuyHydrogenContextProvider.tsx +0 -112
- package/src/providers/RebuyHydrogenReactContextProvider.tsx +0 -192
- package/src/providers/types.ts +0 -58
- package/src/queries/cart.queries.ts +0 -467
- package/src/types/common.ts +0 -8
- package/src/types/css.d.ts +0 -11
- package/src/types/env.d.ts +0 -12
- package/src/types/rebuy.d.ts +0 -31
- package/src/types/rebuyCustom.ts +0 -263
- package/src/types/rebuySmartCart.ts +0 -188
- package/src/types/shopify.ts +0 -142
- package/src/types/widgets.ts +0 -29
- package/src/utils/convertToRebuyProduct.tsx +0 -319
- package/src/utils/createContextParameters.ts +0 -142
- package/src/utils/getEncodedAttributes.ts +0 -11
- package/src/utils/getRebuyConfig.ts +0 -31
- package/src/widgetContainer/RebuyWidgetContainer.tsx +0 -183
- package/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.tsx +0 -50
- package/src/widgets/RebuyCompleteTheLook/index.ts +0 -1
- package/src/widgets/RebuyCompleteTheLook/types.ts +0 -5
- package/src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx +0 -62
- package/src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx +0 -93
- package/src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx +0 -65
- package/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx +0 -118
- package/src/widgets/RebuyDynamicBundleProducts/Select.tsx +0 -41
- package/src/widgets/RebuyDynamicBundleProducts/index.ts +0 -1
- package/src/widgets/RebuyDynamicBundleProducts/types.ts +0 -23
- package/src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx +0 -66
- package/src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx +0 -218
- package/src/widgets/RebuyProductAddOns/index.ts +0 -1
- package/src/widgets/RebuyProductAddOns/types.ts +0 -24
- package/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.tsx +0 -50
- package/src/widgets/RebuyProductRecommendations/index.ts +0 -1
- package/src/widgets/RebuyProductRecommendations/types.ts +0 -5
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/AddToCartBtn.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"AddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/AddToCartBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,eAAO,MAAM,YAAY,GAAI,kGAO1B,iBAAiB,4CAgCnB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HydrogenAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"HydrogenAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,oBAAoB,GAAI,2EAMlC,QAAQ,4CA6BV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HydrogenReactAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"HydrogenReactAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,yBAAyB,GAAI,2EAMvC,QAAQ,4CAkBV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAQvE,eAAO,MAAM,WAAW,GAAI,2FAMzB,gBAAgB,4CAsClB,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { RebuyProductVariant } from '~/types/rebuyCustom';
|
2
|
-
export declare const RebuyProductPrice: ({ selectedVariant
|
2
|
+
export declare const RebuyProductPrice: ({ selectedVariant }: {
|
3
3
|
selectedVariant: RebuyProductVariant;
|
4
4
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
5
5
|
//# sourceMappingURL=ProductPrice.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ProductPrice.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/ProductPrice.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ProductPrice.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/ProductPrice.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,GAAI,qBAAqB;IAAE,eAAe,EAAE,mBAAmB,CAAA;CAAE,mDAuB9F,CAAC"}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import type { VariantSelectProps } from '~/components/VariantSelect/types';
|
2
|
-
export declare const VariantSelect: ({ handleSelectedVariant, product
|
2
|
+
export declare const VariantSelect: ({ handleSelectedVariant, product }: VariantSelectProps) => false | import("react/jsx-runtime").JSX.Element;
|
3
3
|
//# sourceMappingURL=VariantSelect.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VariantSelect.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/VariantSelect.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"VariantSelect.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/VariantSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAI3E,eAAO,MAAM,aAAa,GAAI,oCAAoC,kBAAkB,oDA8BnF,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"titleLevel.d.ts","sourceRoot":"","sources":["../../src/hooks/titleLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,aAAa,
|
1
|
+
{"version":3,"file":"titleLevel.d.ts","sourceRoot":"","sources":["../../src/hooks/titleLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,gBAAe,OAAe,KAAG,qBAyC7E,CAAC"}
|
package/dist/index.css
CHANGED
@@ -1,48 +1,8 @@
|
|
1
|
-
/* src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css */
|
2
|
-
.RebuyCompleteTheLook_container {
|
3
|
-
padding: 2rem 1rem;
|
4
|
-
margin: 1rem 0;
|
5
|
-
background-color: #f0f4f8;
|
6
|
-
border-radius: 1rem;
|
7
|
-
@media (min-width: 768px) {
|
8
|
-
padding: 4rem;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
.RebuyCompleteTheLook_productGrid {
|
12
|
-
display: grid;
|
13
|
-
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
14
|
-
gap: 2rem;
|
15
|
-
list-style: none;
|
16
|
-
padding: 0;
|
17
|
-
margin: 0;
|
18
|
-
@media (min-width: 768px) {
|
19
|
-
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
20
|
-
}
|
21
|
-
}
|
22
|
-
.RebuyCompleteTheLook_productItem {
|
23
|
-
width: 100%;
|
24
|
-
}
|
25
|
-
|
26
|
-
/* src/components/ProductCard/ProductCard.module.css */
|
27
|
-
.ProductCard_container {
|
28
|
-
display: flex;
|
29
|
-
flex-direction: column;
|
30
|
-
gap: 1.5rem;
|
31
|
-
max-width: 25rem;
|
32
|
-
height: 100%;
|
33
|
-
justify-content: space-between;
|
34
|
-
}
|
35
|
-
.ProductCard_productInfo {
|
36
|
-
display: grid;
|
37
|
-
gap: 0.25rem;
|
38
|
-
align-items: start;
|
39
|
-
}
|
40
|
-
|
41
1
|
/* src/components/AddToCartBtn/AddToCartBtn.module.css */
|
42
2
|
.AddToCartBtn_button {
|
43
|
-
padding:
|
44
|
-
border-radius:
|
45
|
-
font-size:
|
3
|
+
padding: 8px 16px;
|
4
|
+
border-radius: 4px;
|
5
|
+
font-size: 16px;
|
46
6
|
color: #fff;
|
47
7
|
background-color: #000;
|
48
8
|
border: none;
|
@@ -51,7 +11,7 @@
|
|
51
11
|
display: flex;
|
52
12
|
align-items: center;
|
53
13
|
justify-content: center;
|
54
|
-
gap:
|
14
|
+
gap: 8px;
|
55
15
|
}
|
56
16
|
.AddToCartBtn_button:disabled {
|
57
17
|
opacity: 0.5;
|
@@ -65,7 +25,7 @@
|
|
65
25
|
.ProductPrice_priceContainer {
|
66
26
|
display: flex;
|
67
27
|
align-items: center;
|
68
|
-
gap:
|
28
|
+
gap: 8px;
|
69
29
|
}
|
70
30
|
.ProductPrice_compareAtPrice {
|
71
31
|
opacity: 0.5;
|
@@ -74,25 +34,65 @@
|
|
74
34
|
/* src/components/VariantSelect/VariantSelect.module.css */
|
75
35
|
.VariantSelect_select {
|
76
36
|
width: 100%;
|
77
|
-
padding:
|
37
|
+
padding: 8px;
|
78
38
|
border: 1px solid #ccc;
|
79
|
-
border-radius:
|
80
|
-
font-size:
|
39
|
+
border-radius: 4px;
|
40
|
+
font-size: 16px;
|
81
41
|
color: #333;
|
82
42
|
background-color: #fff;
|
83
43
|
}
|
84
44
|
|
85
|
-
/* src/
|
86
|
-
.
|
45
|
+
/* src/components/ProductCard/ProductCard.module.css */
|
46
|
+
.ProductCard_container {
|
47
|
+
display: flex;
|
48
|
+
flex-direction: column;
|
49
|
+
gap: 24px;
|
50
|
+
max-width: 256px;
|
51
|
+
height: 100%;
|
52
|
+
justify-content: space-between;
|
53
|
+
}
|
54
|
+
.ProductCard_productInfo {
|
55
|
+
display: grid;
|
56
|
+
gap: 4px;
|
57
|
+
align-items: start;
|
58
|
+
}
|
59
|
+
|
60
|
+
/* src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css */
|
61
|
+
.RebuyCompleteTheLook_container {
|
87
62
|
padding: 2rem 1rem;
|
63
|
+
margin: 1rem 0;
|
88
64
|
background-color: #f0f4f8;
|
89
65
|
border-radius: 1rem;
|
90
|
-
|
91
|
-
margin: 1rem 0;
|
92
|
-
@media (min-width: 768px) {
|
66
|
+
@media (width >= 768px) {
|
93
67
|
padding: 4rem;
|
94
68
|
}
|
95
69
|
}
|
70
|
+
.RebuyCompleteTheLook_productGrid {
|
71
|
+
display: grid;
|
72
|
+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
73
|
+
gap: 2rem;
|
74
|
+
list-style: none;
|
75
|
+
padding: 0;
|
76
|
+
margin: 0;
|
77
|
+
@media (width >= 768px) {
|
78
|
+
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
79
|
+
}
|
80
|
+
}
|
81
|
+
.RebuyCompleteTheLook_productItem {
|
82
|
+
width: 100%;
|
83
|
+
}
|
84
|
+
|
85
|
+
/* src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css */
|
86
|
+
.RebuyDynamicBundleProducts_container {
|
87
|
+
padding: 32px 16px;
|
88
|
+
background-color: #f0f4f8;
|
89
|
+
border-radius: 16px;
|
90
|
+
max-width: 768px;
|
91
|
+
margin: 16px 0;
|
92
|
+
@media (width >= 768px) {
|
93
|
+
padding: 64px;
|
94
|
+
}
|
95
|
+
}
|
96
96
|
.RebuyDynamicBundleProducts_addCartBtnContainer {
|
97
97
|
display: flex;
|
98
98
|
justify-content: center;
|
@@ -103,23 +103,23 @@
|
|
103
103
|
.RebuyDynamicBundleProducts_bundleContainer {
|
104
104
|
display: flex;
|
105
105
|
flex-direction: column;
|
106
|
-
gap:
|
107
|
-
margin-bottom:
|
106
|
+
gap: 16px;
|
107
|
+
margin-bottom: 16px;
|
108
108
|
}
|
109
109
|
.RebuyDynamicBundleProducts_select {
|
110
110
|
width: 100%;
|
111
|
-
padding:
|
111
|
+
padding: 8px;
|
112
112
|
border: 1px solid #ccc;
|
113
|
-
border-radius:
|
114
|
-
font-size:
|
113
|
+
border-radius: 4px;
|
114
|
+
font-size: 16px;
|
115
115
|
color: #333;
|
116
116
|
background-color: #fff;
|
117
|
-
@media (
|
117
|
+
@media (width >= 768px) {
|
118
118
|
width: 60%;
|
119
119
|
}
|
120
120
|
}
|
121
121
|
.RebuyDynamicBundleProducts_bundleItemRowContainer {
|
122
|
-
margin-bottom:
|
122
|
+
margin-bottom: 16px;
|
123
123
|
}
|
124
124
|
.RebuyDynamicBundleProducts_unselected {
|
125
125
|
opacity: 0.5;
|
@@ -127,7 +127,7 @@
|
|
127
127
|
.RebuyDynamicBundleProducts_bundleItemRow {
|
128
128
|
display: flex;
|
129
129
|
flex-direction: row;
|
130
|
-
gap:
|
130
|
+
gap: 8px;
|
131
131
|
align-items: start;
|
132
132
|
}
|
133
133
|
.RebuyDynamicBundleProducts_bundleItemInput {
|
@@ -136,21 +136,21 @@
|
|
136
136
|
.RebuyDynamicBundleProducts_bundleItemLabel {
|
137
137
|
display: flex;
|
138
138
|
flex-direction: row;
|
139
|
-
gap:
|
139
|
+
gap: 8px;
|
140
140
|
cursor: pointer;
|
141
|
-
margin-bottom:
|
141
|
+
margin-bottom: 8px;
|
142
142
|
}
|
143
143
|
.RebuyDynamicBundleProducts_bundleImages {
|
144
144
|
display: flex;
|
145
145
|
flex-wrap: wrap;
|
146
|
-
gap:
|
147
|
-
margin-bottom:
|
146
|
+
gap: 8px;
|
147
|
+
margin-bottom: 16px;
|
148
148
|
justify-content: center;
|
149
149
|
}
|
150
150
|
.RebuyDynamicBundleProducts_bundleImage {
|
151
|
-
animation:
|
151
|
+
animation: RebuyDynamicBundleProducts_fade-in 0.5s ease-in;
|
152
152
|
}
|
153
|
-
@keyframes
|
153
|
+
@keyframes RebuyDynamicBundleProducts_fade-in {
|
154
154
|
from {
|
155
155
|
opacity: 0;
|
156
156
|
}
|
@@ -175,22 +175,22 @@
|
|
175
175
|
display: flex;
|
176
176
|
flex-direction: column;
|
177
177
|
gap: 10px;
|
178
|
-
margin:
|
178
|
+
margin: 16px 0;
|
179
179
|
background-color: #f0f4f8;
|
180
|
-
border-radius:
|
181
|
-
padding:
|
182
|
-
@media (
|
183
|
-
padding:
|
180
|
+
border-radius: 16px;
|
181
|
+
padding: 32px 16px;
|
182
|
+
@media (width >= 768px) {
|
183
|
+
padding: 64px;
|
184
184
|
}
|
185
185
|
}
|
186
186
|
.RebuyProductAddOns_productAddOnsList {
|
187
187
|
display: grid;
|
188
188
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
189
|
-
gap:
|
190
|
-
@media (
|
189
|
+
gap: 8px;
|
190
|
+
@media (width >= 768px) {
|
191
191
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
192
192
|
}
|
193
|
-
@media (
|
193
|
+
@media (width >= 1024px) {
|
194
194
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
195
195
|
}
|
196
196
|
}
|
@@ -202,10 +202,10 @@
|
|
202
202
|
}
|
203
203
|
.RebuyProductAddOns_addOnCardContent {
|
204
204
|
display: flex;
|
205
|
-
gap:
|
205
|
+
gap: 8px;
|
206
206
|
flex-direction: column;
|
207
207
|
position: relative;
|
208
|
-
padding:
|
208
|
+
padding: 16px;
|
209
209
|
border-radius: 8px;
|
210
210
|
border: 2px solid #e2e5ea;
|
211
211
|
background-color: #fff;
|
@@ -249,9 +249,9 @@
|
|
249
249
|
position: relative;
|
250
250
|
}
|
251
251
|
.RebuyProductAddOns_addOnCardOutOfStock {
|
252
|
-
border-radius:
|
252
|
+
border-radius: 4px;
|
253
253
|
background-color: #e2e5ea;
|
254
|
-
font-size:
|
254
|
+
font-size: 12px;
|
255
255
|
}
|
256
256
|
.RebuyProductAddOns_addOnCardTextContent {
|
257
257
|
display: flex;
|
@@ -260,12 +260,12 @@
|
|
260
260
|
.RebuyProductAddOns_addOnCardLearnMore {
|
261
261
|
text-decoration: underline;
|
262
262
|
color: gray;
|
263
|
-
font-size:
|
263
|
+
font-size: 14px;
|
264
264
|
}
|
265
265
|
.RebuyProductAddOns_addCartBtnContainer {
|
266
266
|
display: flex;
|
267
267
|
justify-content: center;
|
268
|
-
padding-top:
|
268
|
+
padding-top: 16px;
|
269
269
|
}
|
270
270
|
.RebuyProductAddOns_addCartBtnContainer form {
|
271
271
|
width: 100%;
|
@@ -273,24 +273,24 @@
|
|
273
273
|
.RebuyProductAddOns_moneyContainer {
|
274
274
|
display: flex;
|
275
275
|
align-items: center;
|
276
|
-
gap:
|
276
|
+
gap: 8px;
|
277
277
|
justify-content: center;
|
278
278
|
}
|
279
279
|
|
280
280
|
/* src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css */
|
281
281
|
.RebuyProductRecommendations_container {
|
282
|
-
padding:
|
282
|
+
padding: 32px 16px;
|
283
283
|
background-color: #f0f4f8;
|
284
|
-
border-radius:
|
285
|
-
margin:
|
286
|
-
@media (
|
287
|
-
padding:
|
284
|
+
border-radius: 16px;
|
285
|
+
margin: 16px 0;
|
286
|
+
@media (width >= 768px) {
|
287
|
+
padding: 64px;
|
288
288
|
}
|
289
289
|
}
|
290
290
|
.RebuyProductRecommendations_productGrid {
|
291
291
|
display: grid;
|
292
292
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
293
|
-
gap:
|
293
|
+
gap: 32px;
|
294
294
|
list-style: none;
|
295
295
|
}
|
296
296
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
|
-
"sources": ["../src/
|
4
|
-
"sourcesContent": [".
|
5
|
-
"mappings": ";
|
6
|
-
"names": ["
|
3
|
+
"sources": ["../src/components/AddToCartBtn/AddToCartBtn.module.css", "../src/components/ProductPrice/ProductPrice.module.css", "../src/components/VariantSelect/VariantSelect.module.css", "../src/components/ProductCard/ProductCard.module.css", "../src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css", "../src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css", "../src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css", "../src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css"],
|
4
|
+
"sourcesContent": ["/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.button {\n padding: 8px 16px;\n border-radius: 4px;\n font-size: 16px;\n color: #fff;\n background-color: #000;\n border: none;\n cursor: pointer;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.button:hover {\n background-color: #333;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.priceContainer {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.compareAtPrice {\n opacity: 0.5;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.select {\n width: 100%;\n padding: 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 16px;\n color: #333;\n background-color: #fff;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n max-width: 256px;\n height: 100%;\n justify-content: space-between;\n}\n\n.productInfo {\n display: grid;\n gap: 4px;\n align-items: start;\n}\n", "/* stylelint-disable */\n\n.container {\n padding: 2rem 1rem;\n margin: 1rem 0;\n background-color: #f0f4f8;\n border-radius: 1rem;\n\n @media (width >= 768px) {\n padding: 4rem;\n }\n}\n\n.productGrid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 2rem;\n list-style: none;\n padding: 0;\n margin: 0;\n\n @media (width >= 768px) {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n }\n}\n\n.productItem {\n width: 100%;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n/* RebuyDynamicBundleProducts.tsx */\n.container {\n padding: 32px 16px;\n background-color: #f0f4f8;\n border-radius: 16px;\n max-width: 768px;\n margin: 16px 0;\n\n @media (width >= 768px) {\n padding: 64px;\n }\n}\n\n.addCartBtnContainer {\n display: flex;\n justify-content: center;\n}\n\n.addCartBtnContainer form {\n width: 100%;\n}\n\n.bundleContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 16px;\n}\n\n/* Select.tsx */\n.select {\n width: 100%;\n padding: 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 16px;\n color: #333;\n background-color: #fff;\n\n @media (width >= 768px) {\n width: 60%;\n }\n}\n\n/* BundleSelection.tsx */\n.bundleItemRowContainer {\n margin-bottom: 16px;\n}\n\n.unselected {\n opacity: 0.5;\n}\n\n.bundleItemRow {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: start;\n}\n\n.bundleItemInput {\n flex-grow: 1;\n}\n\n.bundleItemLabel {\n display: flex;\n flex-direction: row;\n gap: 8px;\n cursor: pointer;\n margin-bottom: 8px;\n}\n\n/* BundleImages.tsx */\n.bundleImages {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n justify-content: center;\n}\n\n.bundleImage {\n animation: fade-in 0.5s ease-in;\n}\n\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.bundleImageDelimiter {\n display: flex;\n align-items: center;\n}\n\n.bundleImageDelimiter span {\n font-weight: 600;\n}\n\n.compareAtPrice {\n text-decoration: line-through;\n opacity: 0.5;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n.container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 16px 0;\n background-color: #f0f4f8;\n border-radius: 16px;\n padding: 32px 16px;\n\n @media (width >= 768px) {\n padding: 64px;\n }\n}\n\n.productAddOnsList {\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 8px;\n\n @media (width >= 768px) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @media (width >= 1024px) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n.addOnCard {\n cursor: pointer;\n\n &:hover {\n opacity: 0.8;\n }\n}\n\n.addOnCardContent {\n display: flex;\n gap: 8px;\n flex-direction: column;\n position: relative;\n padding: 16px;\n border-radius: 8px;\n border: 2px solid #e2e5ea;\n background-color: #fff;\n}\n\n.addOnCardInput {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 1;\n appearance: none;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n background-color: #f0f0f0;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n\n.addOnCardInput:checked {\n background-color: #4a7dff;\n border-color: #4a7dff;\n}\n\n.addOnCardInput:checked::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 2px 2px 0;\n margin-top: -1px;\n}\n\n.addOnCardContentImage {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n margin: 0 auto;\n position: relative;\n}\n\n.addOnCardOutOfStock {\n border-radius: 4px;\n background-color: #e2e5ea;\n font-size: 12px;\n}\n\n.addOnCardTextContent {\n display: flex;\n flex-direction: column;\n}\n\n.addOnCardLearnMore {\n text-decoration: underline;\n color: gray;\n font-size: 14px;\n}\n\n.addCartBtnContainer {\n display: flex;\n justify-content: center;\n padding-top: 16px;\n}\n\n.addCartBtnContainer form {\n width: 100%;\n}\n\n.moneyContainer {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n.container {\n padding: 32px 16px;\n background-color: #f0f4f8;\n border-radius: 16px;\n margin: 16px 0;\n\n @media (width >= 768px) {\n padding: 64px;\n }\n}\n\n.productGrid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 32px;\n list-style: none;\n}\n"],
|
5
|
+
"mappings": "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",
|
6
|
+
"names": ["button", "priceContainer", "compareAtPrice", "select", "container", "productInfo", "container", "productGrid", "productItem", "container", "addCartBtnContainer", "bundleContainer", "select", "bundleItemRowContainer", "unselected", "bundleItemRow", "bundleItemInput", "bundleItemLabel", "bundleImages", "bundleImage", "fade-in", "bundleImageDelimiter", "compareAtPrice", "container", "productAddOnsList", "addOnCard", "addOnCardContent", "addOnCardInput", "addOnCardContentImage", "addOnCardOutOfStock", "addOnCardTextContent", "addOnCardLearnMore", "addCartBtnContainer", "moneyContainer", "container", "productGrid"]
|
7
7
|
}
|