@thryveai/theme-interfaces 2.7.23 → 2.7.25

package/README.md

@@ -1,29 +1,29 @@
-#V8 Theme Interfaces 
-
-interfaces for all MI9 Retailer Themes.
-
-###icons.interfaces
-List of all icons used inside the ui projects.
-
-###retailer-settings.interfaces
-more info here
-https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo
-###theme.interfaces
-The interface for each theme, colors, fonts, sizes and other css properties.
-
-#To Build Project
-
-```
-npm install
-npm run build
-```
-
-#To Publish npm package
-```
-npm login
-npm publish
-```
-or
-```
-npm run push
-```
+#V8 Theme Interfaces 
+
+interfaces for all MI9 Retailer Themes.
+
+###icons.interfaces
+List of all icons used inside the ui projects.
+
+###retailer-settings.interfaces
+more info here
+https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo
+###theme.interfaces
+The interface for each theme, colors, fonts, sizes and other css properties.
+
+#To Build Project
+
+```
+npm install
+npm run build
+```
+
+#To Publish npm package
+```
+npm login
+npm publish
+```
+or
+```
+npm run push
+```

package/dist/interfaces/default-theme.interface.d.ts

@@ -443,6 +443,16 @@ export interface IDefaultThemeInterface {
         focus: IInputFields;
         disabled: IInputFields;
     };
+    dropdown: {
+        iconColor: string;
+        static: IDropdownFields;
+        hover: IDropdownFields;
+        open: IDropdownFields;
+        options: {
+            static: IDropdownFields;
+            hover: IDropdownFields;
+        };
+    };
     productGrid: {
         borderColor: string;
     };
@@ -451,6 +461,17 @@ export interface IDefaultThemeInterface {
         default?: string;
         disabled?: string;
     };
+    cms: {
+        heading: {
+            color: string;
+        };
+        subheading: {
+            color: string;
+        };
+        bodyText: {
+            color: string;
+        };
+    };
     logoHeight: IDefaultThemeLogoHeights;
     stsThemeStyles?: ISTSDefaultThemeInterface;
     stsLogoWidth?: string;
@@ -484,6 +505,11 @@ interface IInputFields {
     color: string;
     placeholderColor: string;
 }
+interface IDropdownFields {
+    bgColor: string;
+    borderColor: string;
+    color: string;
+}
 interface ICouponClippedBtnColorType extends IQSButtonColorType {
     clippedIconColor: string;
 }

package/dist/interfaces/theme.interfaces.d.ts

@@ -464,6 +464,17 @@ export interface IThemeInterface {
         default?: string;
         disabled?: string;
     };
+    cms?: {
+        heading: {
+            color: string;
+        };
+        subheading: {
+            color: string;
+        };
+        bodyText: {
+            color: string;
+        };
+    };
     logoHeight?: IThemeLogoHeights;
     stsThemeStyles?: ISTSThemeInterface;
     stsLogoWidth?: string;

package/dist/storefront/defaultThemeStorefront.js

@@ -1075,9 +1075,50 @@ var DefaultThemeSFUI = function (colors) {
                 placeholderColor: colors.greyscale2,
             },
         },
+        dropdown: {
+            iconColor: colors.greyscale4,
+            static: {
+                bgColor: colors.greyscale1,
+                borderColor: colors.greyscale3,
+                color: colors.greyscale4,
+            },
+            hover: {
+                bgColor: colors.greyscale1,
+                borderColor: colors.greyscale3,
+                color: colors.greyscale5,
+            },
+            open: {
+                bgColor: colors.tertiary1,
+                borderColor: colors.primary1,
+                color: colors.greyscale4,
+            },
+            options: {
+                static: {
+                    bgColor: colors.greyscale1,
+                    borderColor: colors.greyscale3,
+                    color: colors.greyscale4,
+                },
+                hover: {
+                    bgColor: colors.tertiary1,
+                    borderColor: colors.greyscale3,
+                    color: colors.greyscale4,
+                },
+            },
+        },
         productGrid: {
             borderColor: colors.greyscale2,
         },
+        cms: {
+            heading: {
+                color: colors.greyscale5,
+            },
+            subheading: {
+                color: colors.greyscale4,
+            },
+            bodyText: {
+                color: colors.greyscale5,
+            },
+        },
         logoHeight: {
             header: {
                 desktop: "34px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thryveai/theme-interfaces",
-  "version": "2.7.23",
+  "version": "2.7.25",
   "description": "Shared interfaces and defaults for all Wynshop themed apps.",
   "scripts": {
     "build": "gulp",