@rebuy/rebuy-hydrogen 2.3.1 → 3.0.0-alpha.3

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.
Files changed (162) hide show
  1. package/README.md +195 -17
  2. package/dist/assets/Close.d.ts +2 -0
  3. package/dist/assets/Close.d.ts.map +1 -0
  4. package/dist/components/AddToCartBtn/AddToCartBtn.d.ts +3 -0
  5. package/dist/components/AddToCartBtn/AddToCartBtn.d.ts.map +1 -0
  6. package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts +3 -0
  7. package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts.map +1 -0
  8. package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts +3 -0
  9. package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts.map +1 -0
  10. package/dist/components/AddToCartBtn/index.d.ts +2 -0
  11. package/dist/components/AddToCartBtn/index.d.ts.map +1 -0
  12. package/dist/components/AddToCartBtn/types.d.ts +27 -0
  13. package/dist/components/AddToCartBtn/types.d.ts.map +1 -0
  14. package/dist/components/ProductCard/ProductCard.d.ts +3 -0
  15. package/dist/components/ProductCard/ProductCard.d.ts.map +1 -0
  16. package/dist/components/ProductCard/defaultSettings.d.ts +3 -0
  17. package/dist/components/ProductCard/defaultSettings.d.ts.map +1 -0
  18. package/dist/components/ProductCard/index.d.ts +3 -0
  19. package/dist/components/ProductCard/index.d.ts.map +1 -0
  20. package/dist/components/ProductCard/types.d.ts +52 -0
  21. package/dist/components/ProductCard/types.d.ts.map +1 -0
  22. package/dist/components/ProductCarousel/ProductCarousel.d.ts +16 -0
  23. package/dist/components/ProductCarousel/ProductCarousel.d.ts.map +1 -0
  24. package/dist/components/ProductCarousel/index.d.ts +2 -0
  25. package/dist/components/ProductCarousel/index.d.ts.map +1 -0
  26. package/dist/components/ProductPrice/ProductPrice.d.ts +3 -0
  27. package/dist/components/ProductPrice/ProductPrice.d.ts.map +1 -0
  28. package/dist/components/ProductPrice/index.d.ts +2 -0
  29. package/dist/components/ProductPrice/index.d.ts.map +1 -0
  30. package/dist/components/ProductPrice/types.d.ts +23 -0
  31. package/dist/components/ProductPrice/types.d.ts.map +1 -0
  32. package/dist/components/QuantityInput/QuantityInput.d.ts +3 -0
  33. package/dist/components/QuantityInput/QuantityInput.d.ts.map +1 -0
  34. package/dist/components/QuantityInput/index.d.ts +3 -0
  35. package/dist/components/QuantityInput/index.d.ts.map +1 -0
  36. package/dist/components/QuantityInput/types.d.ts +7 -0
  37. package/dist/components/QuantityInput/types.d.ts.map +1 -0
  38. package/dist/components/Timer/Timer.d.ts +3 -0
  39. package/dist/components/Timer/Timer.d.ts.map +1 -0
  40. package/dist/components/Timer/index.d.ts +3 -0
  41. package/dist/components/Timer/index.d.ts.map +1 -0
  42. package/dist/components/Timer/types.d.ts +16 -0
  43. package/dist/components/Timer/types.d.ts.map +1 -0
  44. package/dist/components/Title/Title.d.ts +3 -0
  45. package/dist/components/Title/Title.d.ts.map +1 -0
  46. package/dist/components/Title/index.d.ts +2 -0
  47. package/dist/components/Title/index.d.ts.map +1 -0
  48. package/dist/components/Title/types.d.ts +8 -0
  49. package/dist/components/Title/types.d.ts.map +1 -0
  50. package/dist/components/VariantSelect/VariantSelect.d.ts +3 -0
  51. package/dist/components/VariantSelect/VariantSelect.d.ts.map +1 -0
  52. package/dist/components/VariantSelect/index.d.ts +2 -0
  53. package/dist/components/VariantSelect/index.d.ts.map +1 -0
  54. package/dist/components/VariantSelect/types.d.ts +8 -0
  55. package/dist/components/VariantSelect/types.d.ts.map +1 -0
  56. package/dist/constants/api.d.ts +2 -0
  57. package/dist/constants/api.d.ts.map +1 -0
  58. package/dist/context/RebuyConfigContext.d.ts +21 -0
  59. package/dist/context/RebuyConfigContext.d.ts.map +1 -0
  60. package/dist/context/RebuyContext.d.ts +6 -0
  61. package/dist/context/RebuyContext.d.ts.map +1 -0
  62. package/dist/hooks/titleLevel.d.ts +3 -0
  63. package/dist/hooks/titleLevel.d.ts.map +1 -0
  64. package/dist/hooks/useBreakpoint.d.ts +5 -0
  65. package/dist/hooks/useBreakpoint.d.ts.map +1 -0
  66. package/dist/hooks/usePopupTrigger.d.ts +3 -0
  67. package/dist/hooks/usePopupTrigger.d.ts.map +1 -0
  68. package/dist/hooks/useRebuyTheme.d.ts +21 -0
  69. package/dist/hooks/useRebuyTheme.d.ts.map +1 -0
  70. package/dist/index.css +853 -0
  71. package/dist/index.css.map +7 -0
  72. package/dist/index.d.ts +14 -0
  73. package/dist/index.d.ts.map +1 -0
  74. package/dist/index.js +3211 -0
  75. package/dist/index.js.map +7 -0
  76. package/dist/index.mjs +3178 -0
  77. package/dist/index.mjs.map +7 -0
  78. package/dist/providers/RebuyHydrogenContextProvider.d.ts +3 -0
  79. package/dist/providers/RebuyHydrogenContextProvider.d.ts.map +1 -0
  80. package/dist/providers/RebuyHydrogenReactContextProvider.d.ts +8 -0
  81. package/dist/providers/RebuyHydrogenReactContextProvider.d.ts.map +1 -0
  82. package/dist/providers/types.d.ts +71 -0
  83. package/dist/providers/types.d.ts.map +1 -0
  84. package/dist/queries/cart.queries.d.ts +5 -0
  85. package/dist/queries/cart.queries.d.ts.map +1 -0
  86. package/dist/types/common.d.ts +9 -0
  87. package/dist/types/common.d.ts.map +1 -0
  88. package/dist/types/rebuyCustom.d.ts +275 -0
  89. package/dist/types/rebuyCustom.d.ts.map +1 -0
  90. package/dist/types/rebuySmartCart.d.ts +184 -0
  91. package/dist/types/rebuySmartCart.d.ts.map +1 -0
  92. package/dist/types/shopify.d.ts +85 -0
  93. package/dist/types/shopify.d.ts.map +1 -0
  94. package/dist/types/widgets.d.ts +23 -0
  95. package/dist/types/widgets.d.ts.map +1 -0
  96. package/dist/utils/convertToRebuyProduct.d.ts +156 -0
  97. package/dist/utils/convertToRebuyProduct.d.ts.map +1 -0
  98. package/dist/utils/createContextParameters.d.ts +3 -0
  99. package/dist/utils/createContextParameters.d.ts.map +1 -0
  100. package/dist/utils/csp.d.ts +16 -0
  101. package/dist/utils/csp.d.ts.map +1 -0
  102. package/dist/utils/getEncodedAttributes.d.ts +3 -0
  103. package/dist/utils/getEncodedAttributes.d.ts.map +1 -0
  104. package/dist/utils/getRebuyConfig.d.ts +3 -0
  105. package/dist/utils/getRebuyConfig.d.ts.map +1 -0
  106. package/dist/utils/theme.d.ts +20 -0
  107. package/dist/utils/theme.d.ts.map +1 -0
  108. package/dist/widgetContainer/RebuyWidgetContainer.d.ts +8 -0
  109. package/dist/widgetContainer/RebuyWidgetContainer.d.ts.map +1 -0
  110. package/dist/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.d.ts +3 -0
  111. package/dist/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.d.ts.map +1 -0
  112. package/dist/widgets/RebuyCompleteTheLook/index.d.ts +2 -0
  113. package/dist/widgets/RebuyCompleteTheLook/index.d.ts.map +1 -0
  114. package/dist/widgets/RebuyCompleteTheLook/types.d.ts +5 -0
  115. package/dist/widgets/RebuyCompleteTheLook/types.d.ts.map +1 -0
  116. package/dist/widgets/RebuyDynamicBundleProducts/BundleImages.d.ts +5 -0
  117. package/dist/widgets/RebuyDynamicBundleProducts/BundleImages.d.ts.map +1 -0
  118. package/dist/widgets/RebuyDynamicBundleProducts/BundlePrice.d.ts +5 -0
  119. package/dist/widgets/RebuyDynamicBundleProducts/BundlePrice.d.ts.map +1 -0
  120. package/dist/widgets/RebuyDynamicBundleProducts/BundleSelection.d.ts +3 -0
  121. package/dist/widgets/RebuyDynamicBundleProducts/BundleSelection.d.ts.map +1 -0
  122. package/dist/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.d.ts +3 -0
  123. package/dist/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.d.ts.map +1 -0
  124. package/dist/widgets/RebuyDynamicBundleProducts/Select.d.ts +3 -0
  125. package/dist/widgets/RebuyDynamicBundleProducts/Select.d.ts.map +1 -0
  126. package/dist/widgets/RebuyDynamicBundleProducts/index.d.ts +2 -0
  127. package/dist/widgets/RebuyDynamicBundleProducts/index.d.ts.map +1 -0
  128. package/dist/widgets/RebuyDynamicBundleProducts/types.d.ts +19 -0
  129. package/dist/widgets/RebuyDynamicBundleProducts/types.d.ts.map +1 -0
  130. package/dist/widgets/RebuyProductAddOns/RebuyProductAddOnCard.d.ts +3 -0
  131. package/dist/widgets/RebuyProductAddOns/RebuyProductAddOnCard.d.ts.map +1 -0
  132. package/dist/widgets/RebuyProductAddOns/RebuyProductAddOns.d.ts +3 -0
  133. package/dist/widgets/RebuyProductAddOns/RebuyProductAddOns.d.ts.map +1 -0
  134. package/dist/widgets/RebuyProductAddOns/index.d.ts +2 -0
  135. package/dist/widgets/RebuyProductAddOns/index.d.ts.map +1 -0
  136. package/dist/widgets/RebuyProductAddOns/types.d.ts +19 -0
  137. package/dist/widgets/RebuyProductAddOns/types.d.ts.map +1 -0
  138. package/dist/widgets/RebuyProductRecommendations/RebuyProductRecommendations.d.ts +3 -0
  139. package/dist/widgets/RebuyProductRecommendations/RebuyProductRecommendations.d.ts.map +1 -0
  140. package/dist/widgets/RebuyProductRecommendations/index.d.ts +2 -0
  141. package/dist/widgets/RebuyProductRecommendations/index.d.ts.map +1 -0
  142. package/dist/widgets/RebuyProductRecommendations/types.d.ts +5 -0
  143. package/dist/widgets/RebuyProductRecommendations/types.d.ts.map +1 -0
  144. package/dist/widgets/RebuyWidget/RebuyWidget.d.ts +3 -0
  145. package/dist/widgets/RebuyWidget/RebuyWidget.d.ts.map +1 -0
  146. package/dist/widgets/RebuyWidget/WidgetContent.d.ts +3 -0
  147. package/dist/widgets/RebuyWidget/WidgetContent.d.ts.map +1 -0
  148. package/dist/widgets/RebuyWidget/index.d.ts +2 -0
  149. package/dist/widgets/RebuyWidget/index.d.ts.map +1 -0
  150. package/dist/widgets/RebuyWidget/types.d.ts +335 -0
  151. package/dist/widgets/RebuyWidget/types.d.ts.map +1 -0
  152. package/package.json +85 -47
  153. package/RebuyCompleteTheLook.client.jsx +0 -188
  154. package/RebuyContextProvider.client.jsx +0 -222
  155. package/RebuyContexts.client.jsx +0 -3
  156. package/RebuyDynamicBundleProducts.client.jsx +0 -415
  157. package/RebuyProductAddOnCard.client.jsx +0 -89
  158. package/RebuyProductAddOns.client.jsx +0 -227
  159. package/RebuyProductRecommendations.client.jsx +0 -68
  160. package/RebuyProductViewed.client.jsx +0 -62
  161. package/RebuyRecentlyViewedProducts.client.jsx +0 -68
  162. package/RebuyWidgetContainer.client.jsx +0 -136
package/dist/index.css ADDED
@@ -0,0 +1,853 @@
1
+ /* src/components/AddToCartBtn/AddToCartBtn.module.css */
2
+ .AddToCartBtn_rebuy-cart-button {
3
+ padding: var(--rb-spacing-unit-2x, 8px) var(--rb-spacing-unit-4x, 16px);
4
+ border-radius: var(--rb-border-radius-button, 4px);
5
+ font-size: var(--rb-font-size-large, 16px);
6
+ font-weight: var(--rb-font-weight-medium);
7
+ line-height: var(--rb-line-height-normal);
8
+ color: var(--rb-color-button-primary-text, #fff);
9
+ background-color: var(--rb-color-button-primary-background, #000);
10
+ border: none;
11
+ border-width: var(--rb-border-width-button);
12
+ border-style: solid;
13
+ border-color: var(--rb-color-button-primary-border);
14
+ cursor: pointer;
15
+ width: 100%;
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
19
+ gap: var(--rb-spacing-unit-2x, 8px);
20
+ text-align: center;
21
+ transition:
22
+ background-color 0.2s ease,
23
+ border-color 0.2s ease,
24
+ color 0.2s ease,
25
+ box-shadow 0.2s ease,
26
+ opacity 0.2s ease;
27
+ }
28
+ .AddToCartBtn_rebuy-cart-button:hover {
29
+ background-color: var(--rb-color-button-primary-background-hover, #333);
30
+ border-color: var(--rb-color-button-primary-border-hover, var(--rb-color-button-primary-border));
31
+ color: var(--rb-color-button-primary-text-hover, var(--rb-color-button-primary-text, #fff));
32
+ }
33
+ .AddToCartBtn_rebuy-cart-button:focus {
34
+ outline: none;
35
+ background-color: var(--rb-color-button-primary-background-focus, var(--rb-color-button-primary-background, #000));
36
+ border-color: var(--rb-color-button-primary-border-focus, var(--rb-color-button-primary-border));
37
+ color: var(--rb-color-button-primary-text-focus, var(--rb-color-button-primary-text, #fff));
38
+ box-shadow: 0 0 0 var(--rb-focus-ring-width, 3px) var(--rb-color-focus-ring-alpha-25, rgb(0 123 255 / 25%));
39
+ }
40
+ .AddToCartBtn_rebuy-cart-button:active {
41
+ background-color: var(--rb-color-button-primary-background-active, var(--rb-color-button-primary-background, #000));
42
+ border-color: var(--rb-color-button-primary-border-active, var(--rb-color-button-primary-border));
43
+ color: var(--rb-color-button-primary-text-active, var(--rb-color-button-primary-text, #fff));
44
+ }
45
+ .AddToCartBtn_rebuy-cart-button:disabled {
46
+ opacity: var(--rb-opacity-disabled, 0.5);
47
+ cursor: not-allowed;
48
+ }
49
+ .AddToCartBtn_rebuy-cart-button__container form {
50
+ max-width: 100%;
51
+ }
52
+
53
+ /* src/components/ProductPrice/ProductPrice.module.css */
54
+ .ProductPrice_rebuy-product-price {
55
+ display: flex;
56
+ align-items: baseline;
57
+ gap: var(--rb-spacing-unit-2x, 0.5em);
58
+ font-size: var(--rb-font-size-medium, 1em);
59
+ line-height: var(--rb-line-height-normal, 1);
60
+ color: var(--rb-color-text-price-default, #333);
61
+ }
62
+ .ProductPrice_rebuy-product-price__current {
63
+ font-weight: var(--rb-font-weight-medium, 500);
64
+ color: var(--rb-color-text-price-default, #333);
65
+ }
66
+ .ProductPrice_rebuy-product-price__current--sale {
67
+ color: var(--rb-color-text-price-sale, #f00);
68
+ }
69
+ .ProductPrice_rebuy-product-price__compare-at {
70
+ color: var(--rb-color-text-price-compare-at, #666);
71
+ text-decoration: line-through;
72
+ font-size: var(--rb-font-size-small, 0.875em);
73
+ }
74
+
75
+ /* src/components/QuantityInput/QuantityInput.module.css */
76
+ .QuantityInput_rebuy-quantity__container {
77
+ display: flex;
78
+ align-items: center;
79
+ justify-content: center;
80
+ margin: var(--rb-spacing-unit-1x, 4px) 0;
81
+ }
82
+ .QuantityInput_rebuy-quantity__select {
83
+ width: 100%;
84
+ padding: 8px;
85
+ border: 1px solid #ccc;
86
+ border-radius: 4px;
87
+ font-size: 16px;
88
+ color: #333;
89
+ background-color: #fff;
90
+ appearance: auto;
91
+ }
92
+
93
+ /* src/components/Title/Title.module.css */
94
+ .Title_rebuy-title {
95
+ font-family: var(--rb-font-family-base);
96
+ font-weight: var(--rb-font-weight-bold);
97
+ line-height: var(--rb-line-height-tight);
98
+ color: var(--rb-color-text-default);
99
+ margin: 0;
100
+ padding: 0;
101
+ }
102
+
103
+ /* src/components/VariantSelect/VariantSelect.module.css */
104
+ .VariantSelect_rebuy-variant__container {
105
+ position: relative;
106
+ }
107
+ .VariantSelect_rebuy-variant__select {
108
+ width: 100%;
109
+ padding: var(--rb-spacing-unit-2x) var(--rb-spacing-unit-5x) var(--rb-spacing-unit-2x) var(--rb-spacing-unit-3x);
110
+ height: var(--rb-size-input-height-medium);
111
+ border: var(--rb-border-width-input) solid var(--rb-color-border-input-default);
112
+ border-radius: var(--rb-border-radius-input);
113
+ font-size: var(--rb-font-size-medium);
114
+ color: var(--rb-color-text-input);
115
+ background-color: var(--rb-color-background-input);
116
+ cursor: pointer;
117
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
118
+ }
119
+ .VariantSelect_rebuy-variant__select:hover {
120
+ border-color: var(--rb-color-border-input-hover, var(--rb-color-border-input-focus));
121
+ }
122
+ .VariantSelect_rebuy-variant__select:focus {
123
+ outline: none;
124
+ border-color: var(--rb-color-border-input-focus);
125
+ box-shadow: 0 0 0 var(--rb-focus-ring-width) var(--rb-color-focus-ring-alpha-25);
126
+ }
127
+ .VariantSelect_rebuy-variant__select:disabled {
128
+ color: var(--rb-color-text-disabled);
129
+ background-color: var(--rb-color-background-disabled);
130
+ border-color: var(--rb-color-border-disabled);
131
+ cursor: not-allowed;
132
+ opacity: var(--rb-opacity-disabled);
133
+ }
134
+ .VariantSelect_rebuy-variant__select-optgroup-label {
135
+ font-style: italic;
136
+ color: var(--rb-color-text-muted);
137
+ }
138
+ .VariantSelect_rebuy-variant__select-option {
139
+ color: var(--rb-color-text-input);
140
+ background-color: var(--rb-color-background-input);
141
+ }
142
+ .VariantSelect_rebuy-variant__buttons {
143
+ display: flex;
144
+ flex-flow: row wrap;
145
+ gap: 0.5em;
146
+ }
147
+ .VariantSelect_rebuy-variant__button {
148
+ padding: 8px 16px;
149
+ border-radius: 4px;
150
+ font-size: 16px;
151
+ color: #000;
152
+ background-color: transparent;
153
+ border: 1px solid #ccc;
154
+ cursor: pointer;
155
+ display: flex;
156
+ align-items: center;
157
+ justify-content: center;
158
+ gap: 8px;
159
+ min-width: 80px;
160
+ }
161
+ .VariantSelect_rebuy-variant__button:disabled {
162
+ opacity: 0.5;
163
+ cursor: not-allowed;
164
+ }
165
+ .VariantSelect_rebuy-variant__button:hover {
166
+ background-color: #f5f5f5;
167
+ }
168
+ .VariantSelect_rebuy-variant__button--selected {
169
+ background-color: #f0f0f0;
170
+ border-color: #999;
171
+ }
172
+
173
+ /* src/components/ProductCard/ProductCard.module.css */
174
+ .ProductCard_rebuy-product-card__container {
175
+ height: 100%;
176
+ background-color: var(--rb-color-background-surface-primary, transparent);
177
+ border-width: var(--rb-border-width-thin, 1px);
178
+ border-style: solid;
179
+ border-color: var(--rb-color-border-default, #f0f4f8);
180
+ border-radius: var(--rb-border-radius-card, 1em);
181
+ padding: var(--rb-spacing-unit-3x, 1em);
182
+ overflow: hidden;
183
+ }
184
+ .ProductCard_rebuy-product-card {
185
+ display: flex;
186
+ height: 100%;
187
+ gap: var(--rb-spacing-unit-2x, 1em);
188
+ }
189
+ .ProductCard_rebuy-product-card__content {
190
+ display: flex;
191
+ flex-direction: column;
192
+ gap: var(--rb-spacing-unit-1x, 0.5em);
193
+ }
194
+ .ProductCard_rebuy-product-card__header {
195
+ width: 100%;
196
+ }
197
+ .ProductCard_rebuy-product-card[data-layout=grid] {
198
+ flex-direction: column;
199
+ justify-content: space-between;
200
+ max-width: 256px;
201
+ }
202
+ .ProductCard_rebuy-product-card[data-layout=grid] > div:first-child {
203
+ width: 100%;
204
+ }
205
+ .ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__info {
206
+ display: flex;
207
+ flex-direction: column;
208
+ gap: var(--rb-spacing-unit-1x, 0.5em);
209
+ width: 100%;
210
+ align-items: start;
211
+ }
212
+ .ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__content {
213
+ flex: 1;
214
+ }
215
+ .ProductCard_rebuy-product-card[data-layout=list] {
216
+ flex-direction: row;
217
+ align-items: flex-start;
218
+ }
219
+ .ProductCard_rebuy-product-card[data-layout=list] > div:first-child {
220
+ flex: 0 0 40%;
221
+ max-width: 40%;
222
+ }
223
+ .ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__info {
224
+ flex: 1;
225
+ padding-left: var(--rb-spacing-unit-3x, 1em);
226
+ display: flex;
227
+ flex-direction: column;
228
+ gap: var(--rb-spacing-unit-1x, 0.5em);
229
+ }
230
+ .ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__content {
231
+ flex: 1;
232
+ }
233
+ .ProductCard_rebuy-product-card[data-layout=line] {
234
+ flex-direction: row;
235
+ align-items: center;
236
+ }
237
+ .ProductCard_rebuy-product-card[data-layout=line] > div:first-child {
238
+ flex: 0 0 25%;
239
+ max-width: 25%;
240
+ }
241
+ .ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__info {
242
+ flex: 1;
243
+ display: flex;
244
+ flex-direction: row;
245
+ align-items: center;
246
+ padding-left: var(--rb-spacing-unit-3x, 1em);
247
+ gap: var(--rb-spacing-unit-2x, 1em);
248
+ }
249
+ .ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__content {
250
+ flex: 1;
251
+ margin-right: var(--rb-spacing-unit-3x, 1.5em);
252
+ }
253
+ .ProductCard_rebuy-product-card__actions {
254
+ width: 100%;
255
+ margin-top: var(--rb-spacing-unit-3x, 1rem);
256
+ display: flex;
257
+ flex-direction: column;
258
+ gap: var(--rb-spacing-unit-1x, 0.5em);
259
+ }
260
+ .ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__actions {
261
+ flex: 0 0 auto;
262
+ margin-top: 0;
263
+ align-items: center;
264
+ }
265
+ .ProductCard_rebuy-product-card__media-link {
266
+ display: block;
267
+ text-decoration: none;
268
+ border-radius: var(--rb-border-radius-medium, 0.5em);
269
+ overflow: hidden;
270
+ }
271
+ .ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__media-link {
272
+ margin-bottom: var(--rb-spacing-unit-3x, 1em);
273
+ }
274
+ .ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__media-link,
275
+ .ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__media-link {
276
+ margin-bottom: 0;
277
+ }
278
+ .ProductCard_rebuy-product-card__image {
279
+ display: block;
280
+ width: 100%;
281
+ height: auto;
282
+ object-fit: cover;
283
+ border-radius: var(--rb-border-radius-medium, 0.5em);
284
+ transition: transform 0.3s ease-out;
285
+ }
286
+ @media (width >= 576px) {
287
+ .ProductCard_rebuy-product-card__image {
288
+ max-width: 400px;
289
+ margin-left: auto;
290
+ margin-right: auto;
291
+ }
292
+ }
293
+ .ProductCard_rebuy-product-card__media-link:hover .ProductCard_rebuy-product-card__image,
294
+ .ProductCard_rebuy-product-card__media-link:focus .ProductCard_rebuy-product-card__image {
295
+ transform: scale(1.05);
296
+ }
297
+ .ProductCard_rebuy-product-card__title {
298
+ margin: 0;
299
+ }
300
+ .ProductCard_rebuy-product-card__title-link {
301
+ text-decoration: none;
302
+ color: var(--rb-color-text-product-title, var(--rb-color-text-default, #000));
303
+ }
304
+ .ProductCard_rebuy-product-card__title-link:hover,
305
+ .ProductCard_rebuy-product-card__title-link:focus {
306
+ color: var(--rb-color-text-link-hover, #000);
307
+ text-decoration: underline;
308
+ }
309
+ .ProductCard_rebuy-product-card__actions-variant-select {
310
+ width: 100%;
311
+ }
312
+ .ProductCard_rebuy-product-card__actions-variant-select[data-layout=line] {
313
+ display: none;
314
+ }
315
+ .ProductCard_rebuy-product-card__variant-select {
316
+ }
317
+ .ProductCard_rebuy-product-card__variant-select[data-layout=grid],
318
+ .ProductCard_rebuy-product-card__variant-select[data-layout=list] {
319
+ display: none;
320
+ }
321
+ .ProductCard_rebuy-product-card__variant-select[data-layout=line] {
322
+ margin-top: var(--rb-spacing-unit-2x, 1em);
323
+ }
324
+ .ProductCard_rebuy-product-card__actions-quantity,
325
+ .ProductCard_rebuy-product-card__actions-button {
326
+ width: 100%;
327
+ }
328
+ .ProductCard_rebuy-product-card__vendor {
329
+ font-size: var(--rb-font-size-small, 0.875em);
330
+ color: var(--rb-color-text-muted, #6b7280);
331
+ }
332
+ .ProductCard_rebuy-product-card__variant-title {
333
+ font-size: var(--rb-font-size-small, 0.875em);
334
+ color: var(--rb-color-text-muted-variant, #666);
335
+ margin-bottom: var(--rb-spacing-unit-half, 0.25em);
336
+ }
337
+ .ProductCard_rebuy-product-card__review {
338
+ display: flex;
339
+ align-items: center;
340
+ margin: var(--rb-spacing-unit-1x, 0.5em) 0;
341
+ }
342
+ .ProductCard_rebuy-product-card__star-rating {
343
+ position: relative;
344
+ display: inline-block;
345
+ }
346
+ .ProductCard_rebuy-product-card__star-rating-value {
347
+ position: absolute;
348
+ left: -9999px;
349
+ width: 1px;
350
+ height: 1px;
351
+ overflow: hidden;
352
+ }
353
+ .ProductCard_rebuy-product-card__star-rating-background {
354
+ display: inline-block;
355
+ width: 80px;
356
+ height: 16px;
357
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L10.3 5.2H16L11.1 8.5L12.8 14L8 10.5L3.2 14L4.9 8.5L0 5.2H5.7L8 0Z' fill='%23e0e0e0'/%3E%3C/svg%3E");
358
+ background-repeat: repeat-x;
359
+ background-size: 16px;
360
+ }
361
+ .ProductCard_rebuy-product-card__star-rating-foreground {
362
+ position: absolute;
363
+ top: 0;
364
+ left: 0;
365
+ display: inline-block;
366
+ height: 16px;
367
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L10.3 5.2H16L11.1 8.5L12.8 14L8 10.5L3.2 14L4.9 8.5L0 5.2H5.7L8 0Z' fill='%23FFD700'/%3E%3C/svg%3E");
368
+ background-repeat: repeat-x;
369
+ background-size: 16px;
370
+ }
371
+ .ProductCard_rebuy-product-card__review-count {
372
+ margin-left: var(--rb-spacing-unit-1x, 0.5em);
373
+ font-size: var(--rb-font-size-small, 0.875em);
374
+ color: var(--rb-color-text-muted-review, #666);
375
+ }
376
+ .ProductCard_rebuy-product-card__review-count-parenthesis,
377
+ .ProductCard_rebuy-product-card__review-count-number,
378
+ .ProductCard_rebuy-product-card__review-count-label {
379
+ font-size: var(--rb-font-size-extra-small, 0.75em);
380
+ color: var(--rb-color-text-muted-review, #666);
381
+ }
382
+ .ProductCard_rebuy-product-card__description {
383
+ font-size: var(--rb-font-size-small, 0.875em);
384
+ line-height: var(--rb-line-height-base, 1.4);
385
+ color: var(--rb-color-text-body, #333);
386
+ margin-top: var(--rb-spacing-unit-1x, 0.5em);
387
+ }
388
+
389
+ /* src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css */
390
+ .RebuyCompleteTheLook_container {
391
+ padding: 2rem 1em;
392
+ margin: 1em 0;
393
+ background-color: #f0f4f8;
394
+ border-radius: 1em;
395
+ @media (width >= 768px) {
396
+ padding: 4em;
397
+ }
398
+ }
399
+ .RebuyCompleteTheLook_productGrid {
400
+ display: grid;
401
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
402
+ gap: 2em;
403
+ list-style: none;
404
+ padding: 0;
405
+ margin: 0;
406
+ @media (width >= 768px) {
407
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
408
+ }
409
+ }
410
+ .RebuyCompleteTheLook_productItem {
411
+ width: 100%;
412
+ }
413
+
414
+ /* src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css */
415
+ .RebuyDynamicBundleProducts_container {
416
+ padding: 32px 16px;
417
+ background-color: #f0f4f8;
418
+ border-radius: 16px;
419
+ max-width: 768px;
420
+ margin: 16px 0;
421
+ @media (width >= 768px) {
422
+ padding: 64px;
423
+ }
424
+ }
425
+ .RebuyDynamicBundleProducts_addCartBtnContainer {
426
+ display: flex;
427
+ justify-content: center;
428
+ }
429
+ .RebuyDynamicBundleProducts_addCartBtnContainer form {
430
+ width: 100%;
431
+ }
432
+ .RebuyDynamicBundleProducts_bundleContainer {
433
+ display: flex;
434
+ flex-direction: column;
435
+ gap: 16px;
436
+ margin-bottom: 16px;
437
+ }
438
+ .RebuyDynamicBundleProducts_select {
439
+ width: 100%;
440
+ padding: 8px;
441
+ border: 1px solid #ccc;
442
+ border-radius: 4px;
443
+ font-size: 16px;
444
+ color: #333;
445
+ background-color: #fff;
446
+ @media (width >= 768px) {
447
+ width: 60%;
448
+ }
449
+ }
450
+ .RebuyDynamicBundleProducts_bundleItemRowContainer {
451
+ margin-bottom: 16px;
452
+ }
453
+ .RebuyDynamicBundleProducts_unselected {
454
+ opacity: 0.5;
455
+ }
456
+ .RebuyDynamicBundleProducts_bundleItemRow {
457
+ display: flex;
458
+ flex-direction: row;
459
+ gap: 8px;
460
+ align-items: start;
461
+ }
462
+ .RebuyDynamicBundleProducts_bundleItemInput {
463
+ flex-grow: 1;
464
+ }
465
+ .RebuyDynamicBundleProducts_bundleItemLabel {
466
+ display: flex;
467
+ flex-direction: row;
468
+ gap: 8px;
469
+ cursor: pointer;
470
+ margin-bottom: 8px;
471
+ }
472
+ .RebuyDynamicBundleProducts_bundleImages {
473
+ display: flex;
474
+ flex-wrap: wrap;
475
+ gap: 8px;
476
+ margin-bottom: 16px;
477
+ justify-content: center;
478
+ }
479
+ .RebuyDynamicBundleProducts_bundleImage {
480
+ animation: RebuyDynamicBundleProducts_fade-in 0.5s ease-in;
481
+ }
482
+ @keyframes RebuyDynamicBundleProducts_fade-in {
483
+ from {
484
+ opacity: 0;
485
+ }
486
+ to {
487
+ opacity: 1;
488
+ }
489
+ }
490
+ .RebuyDynamicBundleProducts_bundleImageDelimiter {
491
+ display: flex;
492
+ align-items: center;
493
+ }
494
+ .RebuyDynamicBundleProducts_bundleImageDelimiter span {
495
+ font-weight: 600;
496
+ }
497
+ .RebuyDynamicBundleProducts_compareAtPrice {
498
+ text-decoration: line-through;
499
+ opacity: 0.5;
500
+ }
501
+
502
+ /* src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css */
503
+ .RebuyProductAddOns_container {
504
+ display: flex;
505
+ flex-direction: column;
506
+ gap: 10px;
507
+ margin: 16px 0;
508
+ background-color: #f0f4f8;
509
+ border-radius: 16px;
510
+ padding: 32px 16px;
511
+ @media (width >= 768px) {
512
+ padding: 64px;
513
+ }
514
+ }
515
+ .RebuyProductAddOns_productAddOnsList {
516
+ display: grid;
517
+ grid-template-columns: repeat(1, minmax(0, 1fr));
518
+ gap: 8px;
519
+ @media (width >= 768px) {
520
+ grid-template-columns: repeat(2, minmax(0, 1fr));
521
+ }
522
+ @media (width >= 1024px) {
523
+ grid-template-columns: repeat(3, minmax(0, 1fr));
524
+ }
525
+ }
526
+ .RebuyProductAddOns_addOnCard {
527
+ cursor: pointer;
528
+ &:hover {
529
+ opacity: 0.8;
530
+ }
531
+ }
532
+ .RebuyProductAddOns_addOnCardContent {
533
+ display: flex;
534
+ gap: 8px;
535
+ flex-direction: column;
536
+ position: relative;
537
+ padding: 16px;
538
+ border-radius: 8px;
539
+ border: 2px solid #e2e5ea;
540
+ background-color: #fff;
541
+ }
542
+ .RebuyProductAddOns_addOnCardInput {
543
+ position: absolute;
544
+ top: 10px;
545
+ right: 10px;
546
+ z-index: 1;
547
+ appearance: none;
548
+ border-radius: 50%;
549
+ width: 24px;
550
+ height: 24px;
551
+ background-color: #f0f0f0;
552
+ border: 1px solid #ddd;
553
+ cursor: pointer;
554
+ transition: all 0.2s ease-in-out;
555
+ }
556
+ .RebuyProductAddOns_addOnCardInput:checked {
557
+ background-color: #4a7dff;
558
+ border-color: #4a7dff;
559
+ }
560
+ .RebuyProductAddOns_addOnCardInput:checked::after {
561
+ content: "";
562
+ position: absolute;
563
+ top: 50%;
564
+ left: 50%;
565
+ transform: translate(-50%, -50%) rotate(45deg);
566
+ width: 5px;
567
+ height: 10px;
568
+ border: solid white;
569
+ border-width: 0 2px 2px 0;
570
+ margin-top: -1px;
571
+ }
572
+ .RebuyProductAddOns_addOnCardContentImage {
573
+ display: flex;
574
+ align-items: center;
575
+ justify-content: center;
576
+ overflow: hidden;
577
+ margin: 0 auto;
578
+ position: relative;
579
+ }
580
+ .RebuyProductAddOns_addOnCardOutOfStock {
581
+ border-radius: 4px;
582
+ background-color: #e2e5ea;
583
+ font-size: 12px;
584
+ }
585
+ .RebuyProductAddOns_addOnCardTextContent {
586
+ display: flex;
587
+ flex-direction: column;
588
+ }
589
+ .RebuyProductAddOns_addOnCardLearnMore {
590
+ text-decoration: underline;
591
+ color: gray;
592
+ font-size: 14px;
593
+ }
594
+ .RebuyProductAddOns_addCartBtnContainer {
595
+ display: flex;
596
+ justify-content: center;
597
+ padding-top: 16px;
598
+ }
599
+ .RebuyProductAddOns_addCartBtnContainer form {
600
+ width: 100%;
601
+ }
602
+ .RebuyProductAddOns_moneyContainer {
603
+ display: flex;
604
+ align-items: center;
605
+ gap: 8px;
606
+ justify-content: center;
607
+ }
608
+
609
+ /* src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css */
610
+ .RebuyProductRecommendations_container {
611
+ padding: 32px 16px;
612
+ background-color: #f0f4f8;
613
+ border-radius: 16px;
614
+ margin: 16px 0;
615
+ @media (width >= 768px) {
616
+ padding: 64px;
617
+ }
618
+ }
619
+ .RebuyProductRecommendations_productGrid {
620
+ display: grid;
621
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
622
+ gap: 32px;
623
+ list-style: none;
624
+ }
625
+
626
+ /* src/components/ProductCarousel/ProductCarousel.module.css */
627
+ .ProductCarousel_rebuy-carousel {
628
+ position: relative;
629
+ overflow: hidden;
630
+ width: 100%;
631
+ }
632
+ .ProductCarousel_rebuy-carousel__container {
633
+ display: flex;
634
+ transition: transform 0.3s ease;
635
+ }
636
+ .ProductCarousel_rebuy-carousel__slide {
637
+ flex: 0 0 100%;
638
+ }
639
+ .ProductCarousel_rebuy-carousel__controls {
640
+ display: flex;
641
+ justify-content: center;
642
+ gap: 1em;
643
+ margin-top: 1em;
644
+ }
645
+ .ProductCarousel_rebuy-carousel__prev,
646
+ .ProductCarousel_rebuy-carousel__next {
647
+ background-color: #f5f5f5;
648
+ border: none;
649
+ border-radius: 50%;
650
+ width: 2.5em;
651
+ height: 2.5em;
652
+ display: flex;
653
+ align-items: center;
654
+ justify-content: center;
655
+ cursor: pointer;
656
+ color: #333;
657
+ font-size: 1.2em;
658
+ }
659
+ .ProductCarousel_rebuy-carousel__prev:hover,
660
+ .ProductCarousel_rebuy-carousel__next:hover {
661
+ background-color: #e0e0e0;
662
+ }
663
+ .ProductCarousel_rebuy-carousel__pagination {
664
+ display: flex;
665
+ justify-content: center;
666
+ gap: 0.5em;
667
+ margin-top: 1em;
668
+ }
669
+ .ProductCarousel_rebuy-carousel__dot {
670
+ width: 0.75em;
671
+ height: 0.75em;
672
+ border-radius: 50%;
673
+ background-color: #ccc;
674
+ cursor: pointer;
675
+ border: none;
676
+ padding: 0;
677
+ }
678
+ .ProductCarousel_rebuy-carousel__dot[data-active=true] {
679
+ background-color: #333;
680
+ }
681
+ .ProductCarousel_rebuy-carousel:empty {
682
+ display: none;
683
+ }
684
+ .ProductCarousel_rebuy-carousel__grid {
685
+ display: flex;
686
+ flex-wrap: wrap;
687
+ gap: 1.5em;
688
+ width: 100%;
689
+ }
690
+ .ProductCarousel_rebuy-carousel__grid[data-columns="1"] > div {
691
+ flex: 0 0 100%;
692
+ }
693
+ .ProductCarousel_rebuy-carousel__grid[data-columns="2"] > div {
694
+ flex: 0 0 calc(50% - 0.75em);
695
+ }
696
+ .ProductCarousel_rebuy-carousel__grid[data-columns="3"] > div {
697
+ flex: 0 0 calc(33.33% - 1em);
698
+ }
699
+ .ProductCarousel_rebuy-carousel__grid[data-columns="4"] > div {
700
+ flex: 0 0 calc(25% - 1.125em);
701
+ }
702
+ .ProductCarousel_rebuy-carousel__grid[data-columns="5"] > div {
703
+ flex: 0 0 calc(20% - 1.2em);
704
+ }
705
+ .ProductCarousel_rebuy-carousel__grid[data-columns="6"] > div {
706
+ flex: 0 0 calc(16.66% - 1.25em);
707
+ }
708
+
709
+ /* src/components/Timer/Timer.module.css */
710
+ .Timer_rebuy-timer__container {
711
+ margin: 0 auto;
712
+ padding: 10px;
713
+ background-color: #f8f8f8;
714
+ border-radius: 4px;
715
+ width: 80%;
716
+ }
717
+ .Timer_rebuy-timer__text {
718
+ font-size: 16px;
719
+ display: flex;
720
+ gap: 0.5em;
721
+ justify-content: center;
722
+ align-items: center;
723
+ margin: 0 auto;
724
+ flex-wrap: wrap;
725
+ text-align: center;
726
+ }
727
+ .Timer_rebuy-timer__title {
728
+ font-weight: 500;
729
+ }
730
+ .Timer_rebuy-timer__display {
731
+ font-weight: 700;
732
+ font-size: 18px;
733
+ font-family: monospace;
734
+ color: #d9534f;
735
+ white-space: nowrap;
736
+ }
737
+ .Timer_rebuy-timer__display--urgent {
738
+ animation: Timer_pulse 1s infinite;
739
+ }
740
+ .Timer_rebuy-timer__minutes,
741
+ .Timer_rebuy-timer__seconds {
742
+ display: inline-block;
743
+ min-width: 24px;
744
+ text-align: center;
745
+ }
746
+ .Timer_rebuy-timer__separator {
747
+ margin: 0 2px;
748
+ }
749
+ @keyframes Timer_pulse {
750
+ 0% {
751
+ opacity: 1;
752
+ }
753
+ 50% {
754
+ opacity: 0.5;
755
+ }
756
+ 100% {
757
+ opacity: 1;
758
+ }
759
+ }
760
+ @media (width <= 576px) {
761
+ .Timer_rebuy-timer__text {
762
+ flex-direction: column;
763
+ gap: 0.25em;
764
+ }
765
+ .Timer_rebuy-timer__display {
766
+ margin-top: 0.25em;
767
+ }
768
+ }
769
+
770
+ /* src/widgets/RebuyWidget/RebuyWidget.module.css */
771
+ .RebuyWidget_rebuy-widget__container {
772
+ width: 100%;
773
+ }
774
+ .RebuyWidget_rebuy-widget__popup-overlay {
775
+ position: fixed;
776
+ top: 0;
777
+ left: 0;
778
+ width: 100%;
779
+ height: 100%;
780
+ background-color: rgb(0 0 0 / 50%);
781
+ display: flex;
782
+ justify-content: center;
783
+ align-items: center;
784
+ z-index: 9999;
785
+ }
786
+ .RebuyWidget_rebuy-widget__popup-content {
787
+ background-color: white;
788
+ border-radius: 8px;
789
+ max-width: 90%;
790
+ max-height: 90vh;
791
+ overflow-y: auto;
792
+ position: relative;
793
+ box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
794
+ }
795
+ .RebuyWidget_rebuy-widget__content {
796
+ padding: 2em;
797
+ }
798
+ .RebuyWidget_rebuy-widget__inner-content {
799
+ display: flex;
800
+ flex-direction: column;
801
+ gap: 0.5em;
802
+ }
803
+ .RebuyWidget_rebuy-widget__description {
804
+ text-align: center;
805
+ }
806
+ .RebuyWidget_rebuy-widget__modal-close {
807
+ position: absolute;
808
+ top: 1em;
809
+ right: 1em;
810
+ background: transparent;
811
+ border: none;
812
+ font-size: 1.5em;
813
+ cursor: pointer;
814
+ z-index: 1;
815
+ color: #333;
816
+ width: 2em;
817
+ height: 2em;
818
+ display: flex;
819
+ align-items: center;
820
+ justify-content: center;
821
+ border-radius: 50%;
822
+ }
823
+ .RebuyWidget_rebuy-widget__modal-close:hover {
824
+ background-color: rgb(0 0 0 / 5%);
825
+ }
826
+ .RebuyWidget_rebuy-widget__product-grid {
827
+ display: flex;
828
+ flex-wrap: wrap;
829
+ gap: 1.5em;
830
+ width: 100%;
831
+ }
832
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="1"] > div {
833
+ flex: 0 0 100%;
834
+ }
835
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="2"] > div {
836
+ flex: 0 0 calc(50% - 0.75em);
837
+ }
838
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="3"] > div {
839
+ flex: 0 0 calc(33.33% - 1em);
840
+ }
841
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="4"] > div {
842
+ flex: 0 0 calc(25% - 1.125em);
843
+ }
844
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="5"] > div {
845
+ flex: 0 0 calc(20% - 1.2em);
846
+ }
847
+ .RebuyWidget_rebuy-widget__product-grid[data-columns="6"] > div {
848
+ flex: 0 0 calc(16.66% - 1.25em);
849
+ }
850
+ .RebuyWidget_rebuy-widget__product-grid:empty {
851
+ display: none;
852
+ }
853
+ /*# sourceMappingURL=index.css.map */