@codesinger0/shared-components 1.1.94 → 1.1.96
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.
|
@@ -11,6 +11,7 @@ const FullscreenCarousel = ({
|
|
|
11
11
|
loop = true,
|
|
12
12
|
showDots = true,
|
|
13
13
|
showArrows = true,
|
|
14
|
+
dotsColor = 'rgba(255, 255, 255, 1)',
|
|
14
15
|
className = '',
|
|
15
16
|
...props
|
|
16
17
|
}) => {
|
|
@@ -273,7 +274,7 @@ const FullscreenCarousel = ({
|
|
|
273
274
|
}
|
|
274
275
|
|
|
275
276
|
.fullscreen-carousel__dot {
|
|
276
|
-
background-color:
|
|
277
|
+
background-color: ${dotsColor};
|
|
277
278
|
border: none;
|
|
278
279
|
width: 0.75rem;
|
|
279
280
|
height: 0.75rem;
|
|
@@ -282,10 +283,10 @@ const FullscreenCarousel = ({
|
|
|
282
283
|
opacity: 0.5;
|
|
283
284
|
transition: all 0.2s ease;
|
|
284
285
|
}
|
|
285
|
-
|
|
286
|
+
|
|
286
287
|
.fullscreen-carousel__dot--selected {
|
|
287
288
|
opacity: 1;
|
|
288
|
-
background-color:
|
|
289
|
+
background-color: ${dotsColor};
|
|
289
290
|
transform: scale(1.2);
|
|
290
291
|
}
|
|
291
292
|
|
|
@@ -14,6 +14,8 @@ const LargeItemCard = ({
|
|
|
14
14
|
description,
|
|
15
15
|
buttonLabel,
|
|
16
16
|
onButtonClick,
|
|
17
|
+
secondaryButtonLabel,
|
|
18
|
+
onSecondaryButtonClick,
|
|
17
19
|
reverse = false,
|
|
18
20
|
price,
|
|
19
21
|
discountPrice,
|
|
@@ -168,15 +170,26 @@ const LargeItemCard = ({
|
|
|
168
170
|
{soldOutLabel}
|
|
169
171
|
</div>
|
|
170
172
|
) : (
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
173
|
+
<div className="flex gap-4 justify-center lg:justify-start">
|
|
174
|
+
{buttonLabel && (
|
|
175
|
+
<RoundButton
|
|
176
|
+
variant="primary"
|
|
177
|
+
onClick={onButtonClick}
|
|
178
|
+
disabled={amountAvailable !== undefined && amountAvailable <= 0}
|
|
179
|
+
>
|
|
180
|
+
{buttonLabel}
|
|
181
|
+
</RoundButton>
|
|
182
|
+
)}
|
|
183
|
+
{secondaryButtonLabel && onSecondaryButtonClick && (
|
|
184
|
+
<RoundButton
|
|
185
|
+
variant="secondary"
|
|
186
|
+
onClick={onSecondaryButtonClick}
|
|
187
|
+
disabled={amountAvailable !== undefined && amountAvailable <= 0}
|
|
188
|
+
>
|
|
189
|
+
{secondaryButtonLabel}
|
|
190
|
+
</RoundButton>
|
|
191
|
+
)}
|
|
192
|
+
</div>
|
|
180
193
|
)}
|
|
181
194
|
</div>
|
|
182
195
|
|