@trafilea/afrodita-components 5.0.0-beta.241 → 5.0.0-beta.244

package/build/theme/revel.theme.d.ts

@@ -545,6 +545,9 @@ declare type ThemeComponent = {
         fontFamily: string;
         fontWeight: number;
         lineHeight: string;
+        button: {
+            borderRadius: string;
+        };
     };
     copyrightText: {
         fontSize: string;
@@ -571,6 +574,10 @@ declare type ThemeComponent = {
             color: string;
         };
     };
+    orderBar: {
+        backgroundColor: string;
+        fontColor: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -602,6 +609,11 @@ declare type ThemeAssets = {
             height: string;
         };
         logoMobile?: string;
+        checkoutLogo?: {
+            url: string;
+            width: string;
+            height: string;
+        };
     };
     [key: string]: any;
 };

package/build/theme/revel.theme.js

@@ -669,6 +669,9 @@ var revel = {
             fontFamily: 'Jost',
             fontWeight: 600,
             lineHeight: '22px',
+            button: {
+                borderRadius: '4px',
+            },
         },
         copyrightText: {
             fontSize: '14px',
@@ -695,6 +698,10 @@ var revel = {
                 color: '--colors-shades-650-color',
             },
         },
+        orderBar: {
+            backgroundColor: '#dfefeb',
+            fontColor: '--colors-shades-700-color',
+        },
     },
     typography: {
         config: {

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

@@ -545,6 +545,9 @@ declare type ThemeComponent = {
         fontFamily: string;
         fontWeight: number;
         lineHeight: string;
+        button: {
+            borderRadius: string;
+        };
     };
     copyrightText: {
         fontSize: string;
@@ -571,6 +574,10 @@ declare type ThemeComponent = {
             color: string;
         };
     };
+    orderBar: {
+        backgroundColor: string;
+        fontColor: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -602,6 +609,11 @@ declare type ThemeAssets = {
             height: string;
         };
         logoMobile?: string;
+        checkoutLogo?: {
+            url: string;
+            width: string;
+            height: string;
+        };
     };
     [key: string]: any;
 };

package/build/theme/shapermint.theme.js

@@ -669,6 +669,9 @@ var shapermint = {
             fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,Arial, sans-serif',
             fontWeight: 500,
             lineHeight: '16px',
+            button: {
+                borderRadius: '4px',
+            },
         },
         copyrightText: {
             fontSize: '16px',
@@ -692,6 +695,10 @@ var shapermint = {
                 color: '--colors-pallete-primary-color',
             },
         },
+        orderBar: {
+            backgroundColor: '#dfefeb',
+            fontColor: '--colors-shades-700-color',
+        },
     },
     typography: {
         config: {

package/build/theme/thespadr.theme.d.ts

@@ -545,6 +545,9 @@ declare type ThemeComponent = {
         fontFamily: string;
         fontWeight: number;
         lineHeight: string;
+        button: {
+            borderRadius: string;
+        };
     };
     copyrightText: {
         fontSize: string;
@@ -571,6 +574,10 @@ declare type ThemeComponent = {
             color: string;
         };
     };
+    orderBar: {
+        backgroundColor: string;
+        fontColor: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -602,6 +609,11 @@ declare type ThemeAssets = {
             height: string;
         };
         logoMobile?: string;
+        checkoutLogo?: {
+            url: string;
+            width: string;
+            height: string;
+        };
     };
     [key: string]: any;
 };

package/build/theme/thespadr.theme.js

@@ -53,7 +53,7 @@ var InputValidationType;
 })(InputValidationType || (InputValidationType = {}));
 
 var tsd = {
-    name: 'The Spa Dr.',
+    name: 'TheSpaDr',
     fontSizes: [8, 10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
     fontWeights: [400, 600, 500, 700, 900],
     lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
@@ -239,7 +239,7 @@ var tsd = {
             positive: { color: '#2F806A', contrast: '--colors-shades-white-color' },
             urgent: { color: '#D82A2D', contrast: '--colors-shades-white-color' },
             attention: { color: '#F2D96F', contrast: '--colors-shades-700-color' },
-            informative: { color: '#2579C8', contrast: '--colors-shades-700-color' },
+            informative: { color: '#0A609B', contrast: '--colors-shades-700-color' },
         },
         border: {
             color: '',
@@ -407,7 +407,7 @@ var tsd = {
             },
         },
         card: {
-            borderRadius: '0.5rem',
+            borderRadius: '20px',
             backgroundColor: '--colors-pallete-primary-color',
         },
         radio: {
@@ -443,7 +443,7 @@ var tsd = {
             },
         },
         label: {
-            color: '--colors-pallete-secondary-color',
+            color: '--colors-shades-400-color',
             fontSize: {
                 small: '0.75rem',
                 medium: '0.75rem',
@@ -547,7 +547,7 @@ var tsd = {
             },
         },
         dropdown: {
-            borderRadius: '24px',
+            borderRadius: '15px',
             fontSize: '16px',
             fontWeight: 600,
             lineHeight: '1.125rem',
@@ -686,7 +686,7 @@ var tsd = {
         pricing: {
             priceLabel: {
                 price: {
-                    size: ComponentSize.Small,
+                    size: ComponentSize.Medium,
                     originalPriceColor: '--colors-shades-300-color',
                     actualPriceColor: '--colors-semantic-urgent-color',
                 },
@@ -704,15 +704,18 @@ var tsd = {
             },
         },
         expressCheckout: {
-            fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,Arial, sans-serif',
-            fontWeight: 500,
-            lineHeight: '16px',
+            fontFamily: 'Avenir Next',
+            fontWeight: 600,
+            lineHeight: '22px',
+            button: {
+                borderRadius: '15px',
+            },
         },
         copyrightText: {
-            fontSize: '16px',
+            fontSize: '14px',
             fontWeight: 400,
-            lineHeight: '24px',
-            color: '--colors-pallete-secondary-color',
+            lineHeight: '22px',
+            color: '--colors-shades-400-color',
         },
         textButton: {
             fontWeight: 500,
@@ -730,6 +733,10 @@ var tsd = {
                 color: '--colors-pallete-primary-color',
             },
         },
+        orderBar: {
+            backgroundColor: '--colors-pallete-primary-color',
+            fontColor: '--colors-shades-white-color',
+        },
     },
     typography: {
         config: {
@@ -782,8 +789,8 @@ var tsd = {
                 lineHeight: '32px',
             },
             heading6: {
-                fontSize: 20,
-                lineHeight: '28px',
+                fontSize: 18,
+                lineHeight: '22px',
             },
             'body-large': {
                 fontSize: 18,
@@ -814,7 +821,7 @@ var tsd = {
                 lineHeight: '32px',
             },
             'pricing-medium': {
-                fontSize: 20,
+                fontSize: 18,
                 lineHeight: '24px',
             },
             'pricing-regular': {
@@ -872,56 +879,68 @@ var tsd = {
             {
                 family: 'Poppins',
                 src: 'Poppins-Regular.ttf',
+                weight: 400,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-Italic.ttf',
                 style: 'italic',
+                weight: 400,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-Bold.ttf',
+                weight: 700,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-BoldItalic.ttf',
                 style: 'italic',
+                weight: 700,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-ExtraBold.ttf',
+                weight: 900,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-ExtraBoldItalic.ttf',
                 style: 'italic',
+                weight: 900,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-Medium.ttf',
+                weight: 500,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-MediumItalic.ttf',
                 style: 'italic',
+                weight: 500,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-SemiBold.ttf',
+                weight: 600,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-SemiBoldItalic.ttf',
                 style: 'italic',
+                weight: 600,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-Light.ttf',
+                weight: 300,
             },
             {
                 family: 'Poppins',
                 src: 'Poppins-LightItalic.ttf',
                 style: 'italic',
+                weight: 300,
             },
             {
                 family: 'PlayfairDisplay',
@@ -1010,6 +1029,11 @@ var tsd = {
                 height: '165',
             },
             logoMobile: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/tsd/tsd_logo.svg',
+            checkoutLogo: {
+                url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/tsd/tsd_logo_checkout.png',
+                width: '421',
+                height: '82s',
+            },
         },
     },
 };

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

@@ -545,6 +545,9 @@ declare type ThemeComponent = {
         fontFamily: string;
         fontWeight: number;
         lineHeight: string;
+        button: {
+            borderRadius: string;
+        };
     };
     copyrightText: {
         fontSize: string;
@@ -571,6 +574,10 @@ declare type ThemeComponent = {
             color: string;
         };
     };
+    orderBar: {
+        backgroundColor: string;
+        fontColor: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -602,6 +609,11 @@ declare type ThemeAssets = {
             height: string;
         };
         logoMobile?: string;
+        checkoutLogo?: {
+            url: string;
+            width: string;
+            height: string;
+        };
     };
     [key: string]: any;
 };

package/build/theme/truekind.theme.js

@@ -742,6 +742,9 @@ var truekind = {
             fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,Arial, sans-serif',
             fontWeight: 500,
             lineHeight: '16px',
+            button: {
+                borderRadius: '4px',
+            },
         },
         copyrightText: {
             fontSize: '16px',
@@ -765,6 +768,10 @@ var truekind = {
                 color: '--colors-pallete-primary-color',
             },
         },
+        orderBar: {
+            backgroundColor: '#dfefeb',
+            fontColor: '--colors-shades-700-color',
+        },
     },
     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.241",
+  "version": "5.0.0-beta.244",
   "private": false,
   "main": "build/index.js",
   "style": "build/index.css",