@trafilea/afrodita-components 6.15.2 → 6.15.3

package/build/index.d.ts

@@ -1349,6 +1349,7 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
     40: ThemeColorPallete;
     60: ThemeColorPallete;
     80: ThemeColorPallete;
+    100?: ThemeColorPallete;
 };
 declare type ThemeColors = {
     pallete: {

package/build/index.esm.js

@@ -19825,7 +19825,7 @@ var SliderContainer = newStyled.div(templateObject_2 || (templateObject_2 = __ma
     var theme = _a.theme;
     return theme.component.gallery.aspectRatio;
 });
-var TopTagContainer = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  left: 10px;\n  top: 0;\n"], ["\n  position: absolute;\n  left: 10px;\n  top: 0;\n"])));
+var TopTagContainer = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  left: 0px;\n  top: 21px;\n"], ["\n  position: absolute;\n  left: 0px;\n  top: 21px;\n"])));
 var BottomTagContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
 var NavButtonContainer = newStyled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 36px;\n  width: 36px;\n  background-color: ", " !important;\n  border-radius: 500px;\n"], ["\n  height: 36px;\n  width: 36px;\n  background-color: ", " !important;\n  border-radius: 500px;\n"])), function (_a) {
     var theme = _a.theme;
@@ -19856,11 +19856,33 @@ var SETTINGS = {
     dots: false,
 };
 var THUMBNAIL_SETTINGS = {
-    variableWidth: true,
     swipeToSlide: true,
     focusOnSelect: true,
     infinite: false,
     centerPadding: '16px',
+    slidesToShow: 6,
+    speed: 200,
+    arrows: false,
+    responsive: [
+        {
+            breakpoint: 375,
+            settings: {
+                slidesToShow: 4.5,
+            },
+        },
+        {
+            breakpoint: 410,
+            settings: {
+                slidesToShow: 5,
+            },
+        },
+        {
+            breakpoint: 480,
+            settings: {
+                slidesToShow: 5.5,
+            },
+        },
+    ],
 };
 var ProductGalleryMobileV4 = function (_a) {
     var images = _a.images, topTag = _a.topTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId;