@trafilea/afrodita-components 5.0.0-beta.12 → 5.0.0-beta.120

package/build/theme/shapermint.theme.d.ts

@@ -138,6 +138,12 @@ declare type ThemeComponent = {
         lineHeight: string;
         border: string;
         boxShadow: string;
+        errorBorder: string;
+    };
+    inputPlaceholder: {
+        fontSize: string;
+        padding: string;
+        focusBorder: string;
     };
     inputCustom: {
         button: {
@@ -381,6 +387,13 @@ declare type ThemeComponent = {
         selectedContrast: string;
         tagColor: string;
     };
+    slideNavigation: {
+        slideDots: {
+            unselectedDotColor: string;
+            selectedDotColor: string;
+            dotsOpacity: number;
+        };
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -407,6 +420,7 @@ declare type ThemeAssets = {
     images: {
         favicon: string;
         logo: string;
+        logoMobile?: string;
     };
     [key: string]: any;
 };

package/build/theme/shapermint.theme.js

@@ -120,6 +120,14 @@ var shapermint = {
                         contrast: '--colors-shades-700-color',
                     },
                 } }),
+            wine: {
+                color: '#882A2B',
+                contrast: '--colors-shades-white-color',
+                soft: {
+                    color: '#DBBFBF',
+                    contrast: '--colors-text-color',
+                },
+            },
             creamy: {
                 color: '#FFE9D8',
                 contrast: '--colors-text-color',
@@ -234,6 +242,12 @@ var shapermint = {
             lineHeight: '1.5rem',
             border: '0.063rem solid var(--colors-shades-200-color)',
             boxShadow: 'none',
+            errorBorder: '0.09375rem solid #d3373c',
+        },
+        inputPlaceholder: {
+            fontSize: '0.875rem',
+            padding: '1.125rem 0.9375rem 0 0.9375rem',
+            focusBorder: '0.09375rem solid #1990c6',
         },
         inputCustom: {
             button: {
@@ -477,6 +491,13 @@ var shapermint = {
             selectedContrast: '--colors-semantic-positive-contrast',
             tagColor: '--colors-semantic-attention-color',
         },
+        slideNavigation: {
+            slideDots: {
+                unselectedDotColor: '--colors-shades-700-color',
+                selectedDotColor: '--colors-shades-white-color',
+                dotsOpacity: 0.6,
+            },
+        },
     },
     typography: {
         config: {
@@ -687,7 +708,7 @@ var shapermint = {
     assets: {
         images: {
             favicon: 'https://cdn.shopify.com/s/files/1/2679/8624/files/shapermint_favicon-128x128.png',
-            logo: 'https://cdn.jsdelivr.net/gh/igor-ribeiro/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
+            logo: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
         },
     },
 };

package/build/theme/truekind.theme.d.ts

@@ -138,6 +138,12 @@ declare type ThemeComponent = {
         lineHeight: string;
         border: string;
         boxShadow: string;
+        errorBorder: string;
+    };
+    inputPlaceholder: {
+        fontSize: string;
+        padding: string;
+        focusBorder: string;
     };
     inputCustom: {
         button: {
@@ -381,6 +387,13 @@ declare type ThemeComponent = {
         selectedContrast: string;
         tagColor: string;
     };
+    slideNavigation: {
+        slideDots: {
+            unselectedDotColor: string;
+            selectedDotColor: string;
+            dotsOpacity: number;
+        };
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -407,6 +420,7 @@ declare type ThemeAssets = {
     images: {
         favicon: string;
         logo: string;
+        logoMobile?: string;
     };
     [key: string]: any;
 };

package/build/theme/truekind.theme.js

@@ -315,6 +315,12 @@ var truekind = {
             lineHeight: '1.5rem',
             border: '0.063rem solid #BBBBBB',
             boxShadow: '0 0 0 0.25rem #D9EEFF',
+            errorBorder: '0.09375rem solid #d3373c',
+        },
+        inputPlaceholder: {
+            fontSize: '0.875rem',
+            padding: '1.125rem 0.9375rem 0 0.9375rem',
+            focusBorder: '0.09375rem solid #1990c6',
         },
         inputCustom: {
             button: {
@@ -558,6 +564,13 @@ var truekind = {
             selectedContrast: '--colors-semantic-positive-contrast',
             tagColor: '--colors-semantic-attention-color',
         },
+        slideNavigation: {
+            slideDots: {
+                unselectedDotColor: '--colors-shades-700-color:',
+                selectedDotColor: '--colors-shades-white-color',
+                dotsOpacity: 0.6,
+            },
+        },
     },
     fonts: {
         url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/fonts/truekind',

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "5.0.0-beta.12",
+  "version": "5.0.0-beta.120",
   "private": false,
   "main": "build/index.js",
   "style": "build/index.css",
@@ -20,6 +20,7 @@
     "@ribeirolabs/events": "3.0.0",
     "facepaint": "^1.2.1",
     "html-react-parser": "1.4.8",
+    "react-inner-image-zoom": "^3.0.0",
     "react-swipeable": "6.2.0",
     "typescript": "^4.3.5"
   },
@@ -85,6 +86,7 @@
     "@types/node": "^12.20.17",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
+    "@types/react-inner-image-zoom": "^3.0.0",
     "@types/react-slick": "^0.23.7",
     "chromatic": "^5.9.2",
     "eslint": "^7.31.0",