@rebuy/rebuy-hydrogen 3.0.0-beta.10 → 3.0.0-beta.2
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 +421 -195
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +430 -196
- 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 -7
- package/dist/providers/types.d.ts.map +1 -1
- package/dist/types/rebuyCustom.d.ts +0 -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 +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 +36 -48
- package/src/components/AddToCartBtn/AddToCartBtn.tsx +45 -0
- package/src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx +43 -0
- package/src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx +35 -0
- package/src/components/AddToCartBtn/index.ts +1 -0
- package/src/components/AddToCartBtn/types.ts +27 -0
- package/src/components/ProductCard/ProductCard.tsx +70 -0
- package/src/components/ProductCard/index.ts +1 -0
- package/src/components/ProductCard/types.ts +10 -0
- package/src/components/ProductPrice/ProductPrice.tsx +49 -0
- package/src/components/ProductPrice/index.ts +1 -0
- package/src/components/Title/Title.tsx +19 -0
- package/src/components/Title/index.ts +1 -0
- package/src/components/Title/types.ts +7 -0
- package/src/components/VariantSelect/VariantSelect.tsx +45 -0
- package/src/components/VariantSelect/index.ts +1 -0
- package/src/components/VariantSelect/types.ts +6 -0
- package/src/context/RebuyContext.tsx +9 -0
- package/src/hooks/titleLevel.tsx +42 -0
- package/src/index.ts +7 -0
- package/src/providers/RebuyHydrogenContextProvider.tsx +112 -0
- package/src/providers/RebuyHydrogenReactContextProvider.tsx +192 -0
- package/src/providers/types.ts +58 -0
- package/src/queries/cart.queries.ts +467 -0
- package/src/types/common.ts +8 -0
- package/src/types/css.d.ts +11 -0
- package/src/types/env.d.ts +12 -0
- package/src/types/rebuy.d.ts +31 -0
- package/src/types/rebuyCustom.ts +263 -0
- package/src/types/rebuySmartCart.ts +188 -0
- package/src/types/shopify.ts +142 -0
- package/src/types/widgets.ts +29 -0
- package/src/utils/convertToRebuyProduct.tsx +319 -0
- package/src/utils/createContextParameters.ts +142 -0
- package/src/utils/getEncodedAttributes.ts +11 -0
- package/src/utils/getRebuyConfig.ts +31 -0
- package/src/widgetContainer/RebuyWidgetContainer.tsx +183 -0
- package/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.tsx +50 -0
- package/src/widgets/RebuyCompleteTheLook/index.ts +1 -0
- package/src/widgets/RebuyCompleteTheLook/types.ts +5 -0
- package/src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx +62 -0
- package/src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx +93 -0
- package/src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx +65 -0
- package/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx +118 -0
- package/src/widgets/RebuyDynamicBundleProducts/Select.tsx +41 -0
- package/src/widgets/RebuyDynamicBundleProducts/index.ts +1 -0
- package/src/widgets/RebuyDynamicBundleProducts/types.ts +23 -0
- package/src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx +66 -0
- package/src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx +218 -0
- package/src/widgets/RebuyProductAddOns/index.ts +1 -0
- package/src/widgets/RebuyProductAddOns/types.ts +24 -0
- package/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.tsx +50 -0
- package/src/widgets/RebuyProductRecommendations/index.ts +1 -0
- package/src/widgets/RebuyProductRecommendations/types.ts +5 -0
@@ -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":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,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":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,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":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,eAAO,MAAM,yBAAyB,GAAI,2EAMvC,QAAQ,4CAsBV,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":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAQvE,eAAO,MAAM,WAAW,GAAI,2FAMzB,gBAAgB,4CAiDlB,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":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,sBAE/B;IACC,eAAe,EAAE,mBAAmB,CAAC;CACxC,mDAqCA,CAAC"}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import type { VariantSelectProps } from '~/components/VariantSelect/types';
|
2
|
-
export declare const VariantSelect: ({ handleSelectedVariant, product }: VariantSelectProps) => false | import("react/jsx-runtime").JSX.Element;
|
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":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAG3E,eAAO,MAAM,aAAa,GAAI,qCAG3B,kBAAkB,oDAoCpB,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,GACtB,OAAO,MAAM,EACb,gBAAe,OAAe,KAC/B,qBAmCF,CAAC"}
|
package/dist/index.css
CHANGED
@@ -1,8 +1,48 @@
|
|
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
|
+
|
1
41
|
/* src/components/AddToCartBtn/AddToCartBtn.module.css */
|
2
42
|
.AddToCartBtn_button {
|
3
|
-
padding:
|
4
|
-
border-radius:
|
5
|
-
font-size:
|
43
|
+
padding: 0.5rem 1rem;
|
44
|
+
border-radius: 0.25rem;
|
45
|
+
font-size: 1rem;
|
6
46
|
color: #fff;
|
7
47
|
background-color: #000;
|
8
48
|
border: none;
|
@@ -11,7 +51,7 @@
|
|
11
51
|
display: flex;
|
12
52
|
align-items: center;
|
13
53
|
justify-content: center;
|
14
|
-
gap:
|
54
|
+
gap: 0.5rem;
|
15
55
|
}
|
16
56
|
.AddToCartBtn_button:disabled {
|
17
57
|
opacity: 0.5;
|
@@ -25,7 +65,7 @@
|
|
25
65
|
.ProductPrice_priceContainer {
|
26
66
|
display: flex;
|
27
67
|
align-items: center;
|
28
|
-
gap:
|
68
|
+
gap: 0.5rem;
|
29
69
|
}
|
30
70
|
.ProductPrice_compareAtPrice {
|
31
71
|
opacity: 0.5;
|
@@ -34,65 +74,25 @@
|
|
34
74
|
/* src/components/VariantSelect/VariantSelect.module.css */
|
35
75
|
.VariantSelect_select {
|
36
76
|
width: 100%;
|
37
|
-
padding:
|
77
|
+
padding: 0.5rem;
|
38
78
|
border: 1px solid #ccc;
|
39
|
-
border-radius:
|
40
|
-
font-size:
|
79
|
+
border-radius: 0.25rem;
|
80
|
+
font-size: 1rem;
|
41
81
|
color: #333;
|
42
82
|
background-color: #fff;
|
43
83
|
}
|
44
84
|
|
45
|
-
/* src/
|
46
|
-
.
|
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 {
|
85
|
+
/* src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css */
|
86
|
+
.RebuyDynamicBundleProducts_container {
|
62
87
|
padding: 2rem 1rem;
|
63
|
-
margin: 1rem 0;
|
64
88
|
background-color: #f0f4f8;
|
65
89
|
border-radius: 1rem;
|
66
|
-
|
90
|
+
max-width: 48rem;
|
91
|
+
margin: 1rem 0;
|
92
|
+
@media (min-width: 768px) {
|
67
93
|
padding: 4rem;
|
68
94
|
}
|
69
95
|
}
|
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: 1rem;
|
107
|
+
margin-bottom: 1rem;
|
108
108
|
}
|
109
109
|
.RebuyDynamicBundleProducts_select {
|
110
110
|
width: 100%;
|
111
|
-
padding:
|
111
|
+
padding: 0.5rem;
|
112
112
|
border: 1px solid #ccc;
|
113
|
-
border-radius:
|
114
|
-
font-size:
|
113
|
+
border-radius: 0.25rem;
|
114
|
+
font-size: 1rem;
|
115
115
|
color: #333;
|
116
116
|
background-color: #fff;
|
117
|
-
@media (width
|
117
|
+
@media (min-width: 768px) {
|
118
118
|
width: 60%;
|
119
119
|
}
|
120
120
|
}
|
121
121
|
.RebuyDynamicBundleProducts_bundleItemRowContainer {
|
122
|
-
margin-bottom:
|
122
|
+
margin-bottom: 1rem;
|
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: 0.5rem;
|
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: 0.5rem;
|
140
140
|
cursor: pointer;
|
141
|
-
margin-bottom:
|
141
|
+
margin-bottom: 0.5rem;
|
142
142
|
}
|
143
143
|
.RebuyDynamicBundleProducts_bundleImages {
|
144
144
|
display: flex;
|
145
145
|
flex-wrap: wrap;
|
146
|
-
gap:
|
147
|
-
margin-bottom:
|
146
|
+
gap: 0.5rem;
|
147
|
+
margin-bottom: 1rem;
|
148
148
|
justify-content: center;
|
149
149
|
}
|
150
150
|
.RebuyDynamicBundleProducts_bundleImage {
|
151
|
-
animation:
|
151
|
+
animation: RebuyDynamicBundleProducts_fadeIn 0.5s ease-in;
|
152
152
|
}
|
153
|
-
@keyframes
|
153
|
+
@keyframes RebuyDynamicBundleProducts_fadeIn {
|
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: 1rem 0;
|
179
179
|
background-color: #f0f4f8;
|
180
|
-
border-radius:
|
181
|
-
padding:
|
182
|
-
@media (width
|
183
|
-
padding:
|
180
|
+
border-radius: 1rem;
|
181
|
+
padding: 2rem 1rem;
|
182
|
+
@media (min-width: 768px) {
|
183
|
+
padding: 4rem;
|
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 (width
|
189
|
+
gap: 0.5rem;
|
190
|
+
@media (min-width: 768px) {
|
191
191
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
192
192
|
}
|
193
|
-
@media (width
|
193
|
+
@media (min-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: 0.5rem;
|
206
206
|
flex-direction: column;
|
207
207
|
position: relative;
|
208
|
-
padding:
|
208
|
+
padding: 1rem;
|
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: 0.25rem;
|
253
253
|
background-color: #e2e5ea;
|
254
|
-
font-size:
|
254
|
+
font-size: 0.75rem;
|
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: 0.875rem;
|
264
264
|
}
|
265
265
|
.RebuyProductAddOns_addCartBtnContainer {
|
266
266
|
display: flex;
|
267
267
|
justify-content: center;
|
268
|
-
padding-top:
|
268
|
+
padding-top: 1rem;
|
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: 0.5rem;
|
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: 2rem 1rem;
|
283
283
|
background-color: #f0f4f8;
|
284
|
-
border-radius:
|
285
|
-
margin:
|
286
|
-
@media (width
|
287
|
-
padding:
|
284
|
+
border-radius: 1rem;
|
285
|
+
margin: 1rem 0;
|
286
|
+
@media (min-width: 768px) {
|
287
|
+
padding: 4rem;
|
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: 2rem;
|
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/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css", "../src/components/ProductCard/ProductCard.module.css", "../src/components/AddToCartBtn/AddToCartBtn.module.css", "../src/components/ProductPrice/ProductPrice.module.css", "../src/components/VariantSelect/VariantSelect.module.css", "../src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css", "../src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css", "../src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css"],
|
4
|
+
"sourcesContent": [".container {\n padding: 2rem 1rem;\n margin: 1rem 0;\n background-color: #f0f4f8;\n border-radius: 1rem;\n\n @media (min-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 @media (min-width: 768px) {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n }\n}\n\n.productItem {\n width: 100%;\n}\n", ".container {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 25rem;\n height: 100%;\n justify-content: space-between;\n}\n\n.productInfo {\n display: grid;\n gap: 0.25rem;\n align-items: start;\n}\n\n", ".button {\n padding: 0.5rem 1rem;\n border-radius: 0.25rem;\n font-size: 1rem;\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: 0.5rem;\n}\n\n.button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.button:hover {\n background-color: #333;\n}\n\n", ".priceContainer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.compareAtPrice {\n opacity: 0.5;\n}\n\n", ".select {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 0.25rem;\n font-size: 1rem;\n color: #333;\n background-color: #fff;\n}\n", "/* RebuyDynamicBundleProducts.tsx */\n.container {\n padding: 2rem 1rem;\n background-color: #f0f4f8;\n border-radius: 1rem;\n max-width: 48rem;\n margin: 1rem 0;\n\n @media (min-width: 768px) {\n padding: 4rem;\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: 1rem;\n margin-bottom: 1rem;\n}\n\n/* Select.tsx */\n.select {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 0.25rem;\n font-size: 1rem;\n color: #333;\n background-color: #fff;\n @media (min-width: 768px) {\n width: 60%;\n }\n}\n\n/* BundleSelection.tsx */\n.bundleItemRowContainer {\n margin-bottom: 1rem;\n}\n\n.unselected {\n opacity: 0.5;\n}\n\n.bundleItemRow {\n display:flex;\n flex-direction: row;\n gap: 0.5rem;\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: 0.5rem;\n cursor: pointer;\n margin-bottom: 0.5rem;\n}\n\n/* BundleImages.tsx */\n.bundleImages {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-bottom: 1rem;\n justify-content: center;\n}\n\n.bundleImage {\n animation: fadeIn 0.5s ease-in;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\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", ".container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 1rem 0;\n background-color: #f0f4f8;\n border-radius: 1rem;\n padding: 2rem 1rem;\n @media (min-width: 768px) {\n padding: 4rem;\n }\n}\n\n.productAddOnsList {\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 0.5rem;\n\n @media (min-width: 768px) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @media (min-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\n\n\n\n.addOnCardContent {\n display: flex;\n gap: 0.5rem;\n flex-direction: column;\n position: relative;\n padding: 1rem;\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: 0.25rem;\n background-color: #e2e5ea;\n font-size: 0.75rem;\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: 0.875rem;\n}\n\n.addCartBtnContainer {\n display: flex;\n justify-content: center;\n padding-top: 1rem;\n}\n\n.addCartBtnContainer form {\n width: 100%;\n}\n\n.moneyContainer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n justify-content: center;\n}\n", ".container {\n padding: 2rem 1rem;\n background-color: #f0f4f8;\n border-radius: 1rem;\n margin: 1rem 0;\n\n @media (min-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}\n"],
|
5
|
+
"mappings": "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",
|
6
|
+
"names": ["container", "productGrid", "productItem", "container", "productInfo", "button", "priceContainer", "compareAtPrice", "select", "container", "addCartBtnContainer", "bundleContainer", "select", "bundleItemRowContainer", "unselected", "bundleItemRow", "bundleItemInput", "bundleItemLabel", "bundleImages", "bundleImage", "fadeIn", "bundleImageDelimiter", "compareAtPrice", "container", "productAddOnsList", "addOnCard", "addOnCardContent", "addOnCardInput", "addOnCardContentImage", "addOnCardOutOfStock", "addOnCardTextContent", "addOnCardLearnMore", "addCartBtnContainer", "moneyContainer", "container", "productGrid"]
|
7
7
|
}
|