@veracity/vui 1.7.0-redesign.6 → 1.7.0

package/dist/esm/theme/defaultTheme.d.ts

@@ -12,297 +12,6 @@ declare const defaultTheme: {
     };
     borders: {};
     colors: {
-        buttonTypePrimaryDefaultBorderColorDark: string;
-        buttonTypePrimaryDefaultBackgroundColorDark: string;
-        buttonTypePrimaryDefaultTextColorDark: string;
-        buttonTypePrimaryHoverBackgroundColorDark: string;
-        buttonTypePrimaryHoverBorderColorDark: string;
-        buttonTypePrimaryHoverTextColorDark: string;
-        buttonTypePrimaryActiveBackgroundColorDark: string;
-        buttonTypePrimaryActiveBorderColorDark: string;
-        buttonTypePrimaryActiveTextColorDark: string;
-        buttonTypePrimaryDefaultBorderColorLight: string;
-        buttonTypePrimaryDefaultBackgroundColorLight: string;
-        buttonTypePrimaryDefaultTextColorLight: string;
-        buttonTypePrimaryFocusOutline: string;
-        buttonTypePrimaryHoverBackgroundColorLight: string;
-        buttonTypePrimaryHoverBorderColorLight: string;
-        buttonTypePrimaryHoverTextColorLight: string;
-        buttonTypePrimaryActiveBackgroundColorLight: string;
-        buttonTypePrimaryActiveBorderColorLight: string;
-        buttonTypePrimaryActiveTextColorLight: string;
-        buttonTypeSecondaryDefaultBorderColorDark: string;
-        buttonTypeSecondaryDefaultBackgroundColorDark: string;
-        buttonTypeSecondaryDefaultTextColorDark: string;
-        buttonTypeSecondaryFocusOutline: string;
-        buttonTypeSecondaryHoverBackgroundColorDark: string;
-        buttonTypeSecondaryHoverBorderColorDark: string;
-        buttonTypeSecondaryHoverTextColorDark: string;
-        buttonTypeSecondaryActiveBackgroundColorDark: string;
-        buttonTypeSecondaryActiveBorderColorDark: string;
-        buttonTypeSecondaryActiveTextColorDark: string;
-        buttonTypeSecondaryDefaultBorderColorLight: string;
-        buttonTypeSecondaryDefaultBackgroundColorLight: string;
-        buttonTypeSecondaryDefaultTextColorLight: string;
-        buttonTypeSecondaryHoverBackgroundColorLight: string;
-        buttonTypeSecondaryHoverBorderColorLight: string;
-        buttonTypeSecondaryHoverTextColorLight: string;
-        buttonTypeSecondaryActiveBackgroundColorLight: string;
-        buttonTypeSecondaryActiveBorderColorLight: string;
-        buttonTypeSecondaryActiveTextColorLight: string;
-        buttonTypeTertiaryDefaultBorderColorDark: string;
-        buttonTypeTertiaryDefaultBackgroundColorDark: string;
-        buttonTypeTertiaryDefaultTextColorDark: string;
-        buttonTypeTertiaryHoverBackgroundColorDark: string;
-        buttonTypeTertiaryHoverBorderColorDark: string;
-        buttonTypeTertiaryHoverTextColorDark: string;
-        buttonTypeTertiaryFocusOutline: string;
-        buttonTypeTertiaryActiveBackgroundColorDark: string;
-        buttonTypeTertiaryActiveBorderColorDark: string;
-        buttonTypeTertiaryActiveTextColorDark: string;
-        buttonTypeTertiaryDefaultBorderColorLight: string;
-        buttonTypeTertiaryDefaultBackgroundColorLight: string;
-        buttonTypeTertiaryDefaultTextColorLight: string;
-        buttonTypeTertiaryHoverBackgroundColorLight: string;
-        buttonTypeTertiaryHoverBorderColorLight: string;
-        buttonTypeTertiaryHoverTextColorLight: string;
-        buttonTypeTertiaryActiveBackgroundColorLight: string;
-        buttonTypeTertiaryActiveBorderColorLight: string;
-        buttonTypeTertiaryActiveTextColorLight: string;
-        buttonDisabledCursor: string;
-        buttonDisabledOpacity: string;
-        darkBlue: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            18: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        digiGreen: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            78: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        earth: {
-            95: string;
-            89: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        energyRed: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            54: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        focusColor: string;
-        landGreen: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            41: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        sandstone: {
-            95: string;
-            90: string;
-            85: string;
-            79: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        seaBlue: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            28: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        skyBlue: {
-            97: string;
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            77: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        sunflower: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            73: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        terracotta: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            55: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
-        warmGrey: {
-            95: string;
-            90: string;
-            85: string;
-            80: string;
-            75: string;
-            70: string;
-            65: string;
-            60: string;
-            56: string;
-            50: string;
-            45: string;
-            40: string;
-            35: string;
-            30: string;
-            25: string;
-            20: string;
-            15: string;
-            10: string;
-            5: string;
-        };
         blue: {
             10: string;
             20: string;
@@ -412,6 +121,7 @@ declare const defaultTheme: {
         regular: string;
         medium: string;
         demi: string;
+        bold: string;
     };
     gridTemplateColumns: {
         1: string;
@@ -440,7 +150,6 @@ declare const defaultTheme: {
         sm: number;
         md: number;
         lg: number;
-        xl: number;
         round: number;
     };
     ringWidths: {};
@@ -562,133 +271,6 @@ declare const defaultTheme: {
                 };
             };
         };
-        Badge: {
-            baseStyle: {};
-            defaultProps: {
-                size: string;
-                variant: string;
-            };
-            parts: string[];
-            sizes: {
-                xs: {
-                    container: {
-                        borderRadius: string;
-                        fontSize: string;
-                        h: number;
-                        spaceX: number;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
-                sm: {
-                    container: {
-                        fontSize: string;
-                        h: number;
-                        spaceX: number;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
-                md: {
-                    container: {
-                        fontSize: string;
-                        h: number;
-                        spaceX: number;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
-                lg: {
-                    container: {
-                        fontSize: string;
-                        h: number;
-                        spaceX: number;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
-            };
-            variants: {
-                subtleSandstone: {
-                    container: {
-                        bg: string;
-                        color: string;
-                        borderColor: string;
-                    };
-                };
-                subtleEarth: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                subtleBlue: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                subtleBlue2: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                subtleRed: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                subtleYellow: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                subtleGreen: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                solidBlue: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                solidDarkBlue: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                };
-                solidRed: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                solidYellow: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-                solidGreen: {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                };
-            };
-        };
         Box: {
             baseStyle: {};
             defaultProps: {};
@@ -698,12 +280,13 @@ declare const defaultTheme: {
         Button: {
             baseStyle: {};
             defaultProps: {
+                colorScheme: string;
                 size: string;
                 variant: string;
             };
             parts: string[];
             sizes: {
-                sm: {
+                xs: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -715,7 +298,7 @@ declare const defaultTheme: {
                     };
                     text: {};
                 };
-                md: {
+                sm: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -727,7 +310,7 @@ declare const defaultTheme: {
                     };
                     text: {};
                 };
-                lg: {
+                md: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -739,7 +322,7 @@ declare const defaultTheme: {
                     };
                     text: {};
                 };
-                xl: {
+                lg: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -753,121 +336,39 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                primaryDark: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        hoverColor: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                        activeColor: string;
-                    };
-                };
-                secondaryDark: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        hoverColor: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                        activeColor: string;
-                    };
-                };
-                tertiaryDark: {
+                outlined: (props: import("..").Dict<any>) => {
                     container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        hoverColor: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                        activeColor: string;
-                    };
-                };
-                solidGreen: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        disabledBg: string;
-                        disabledBorderColor: string;
-                        disabledColor: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        focusBg: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                    };
-                };
-                solidRed: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        disabledBg: string;
-                        disabledBorderColor: string;
-                        disabledColor: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        focusBg: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                    };
-                };
-                subtleBlue: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                        disabledBg: string;
-                        disabledBorderColor: string;
-                        disabledColor: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        focusBg: string;
-                        activeBg: string;
-                        activeBorderColor: string;
-                    };
-                };
-                subtleRed: {
-                    container: {
-                        bg: string;
                         borderColor: string;
-                        hoverBg: string;
                         hoverBorderColor: string;
-                        focusBg: string;
+                        focusRing: number;
+                        hoverBg: string;
                         activeBg: string;
+                        bg: string;
+                        borderWidth: number;
                         color: string;
                     };
                 };
-                subtleYellow: {
+                solid: (props: import("..").Dict<any>) => {
                     container: {
-                        bg: string;
-                        borderColor: string;
                         hoverBg: string;
                         hoverBorderColor: string;
-                        focusBg: string;
                         activeBg: string;
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
                         color: string;
                     };
                 };
-                subtleGreen: {
+                text: (props: import("..").Dict<any>) => {
                     container: {
-                        bg: string;
-                        borderColor: string;
                         hoverBg: string;
                         hoverBorderColor: string;
-                        focusBg: string;
                         activeBg: string;
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
                         color: string;
+                        focusRing: number;
                     };
                 };
             };
@@ -1051,61 +552,39 @@ declare const defaultTheme: {
             };
         };
         Heading: {
-            baseStyle: {
-                color: string;
-            };
+            baseStyle: {};
             defaultProps: {
                 size: string;
             };
             sizes: {
-                title: {
-                    as: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: string;
-                    lineHeight: string;
-                };
                 h1: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
-                    lineHeight: string;
-                };
-                lead: {
-                    as: string;
-                    color: string;
-                    fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
                 h2: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
                 h3: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
                 h4: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
                 h5: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
                 h6: {
                     as: string;
                     fontSize: string;
-                    fontWeight: string;
                     lineHeight: string;
                 };
             };
@@ -1133,10 +612,6 @@ declare const defaultTheme: {
                     height: number;
                     width: number;
                 };
-                xl: {
-                    height: number;
-                    width: number;
-                };
             };
             variants: {};
         };
@@ -1211,6 +686,7 @@ declare const defaultTheme: {
         Link: {
             baseStyle: {};
             defaultProps: {
+                colorScheme: string;
                 size: string;
                 variant: string;
             };
@@ -1219,7 +695,6 @@ declare const defaultTheme: {
                 sm: {
                     container: {
                         fontSize: string;
-                        lineHeight: string;
                     };
                     icon: {
                         size: string;
@@ -1228,7 +703,6 @@ declare const defaultTheme: {
                 md: {
                     container: {
                         fontSize: string;
-                        lineHeight: string;
                     };
                     icon: {
                         size: string;
@@ -1237,16 +711,6 @@ declare const defaultTheme: {
                 lg: {
                     container: {
                         fontSize: string;
-                        lineHeight: string;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
-                xl: {
-                    container: {
-                        fontSize: string;
-                        lineHeight: string;
                     };
                     icon: {
                         size: string;
@@ -1254,13 +718,13 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                default: () => {
+                default: (props: import("..").Dict<any>) => {
                     container: {
                         color: string;
                         hoverColor: string;
                     };
                 };
-                light: () => {
+                light: (props: import("..").Dict<any>) => {
                     container: {
                         color: string;
                         hoverColor: string;
@@ -1271,12 +735,6 @@ declare const defaultTheme: {
                         hoverTextDecoration: string;
                     };
                 };
-                white: () => {
-                    container: {
-                        color: string;
-                        hoverColor: string;
-                    };
-                };
             };
         };
         List: {
@@ -1417,40 +875,23 @@ declare const defaultTheme: {
         Notification: {
             baseStyle: {};
             defaultProps: {
+                colorScheme: string;
                 variant: string;
             };
             parts: string[];
             sizes: {};
             variants: {
-                subtleBlue: {
+                subtle: (props: import("..").Dict<any>) => {
                     container: {
                         bg: string;
                         borderColor: string;
+                        borderWidth: number;
                         color: string;
                     };
                     button: {
-                        borderColor: string;
-                    };
-                };
-                subtleRed: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                };
-                subtleYellow: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                };
-                subtleGreen: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
                         color: string;
+                        hoverBg: string;
+                        activeBg: string;
                     };
                 };
             };
@@ -1473,6 +914,14 @@ declare const defaultTheme: {
                     fontSize: string;
                     lineHeight: string;
                 };
+                xl: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                xxl: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
             };
             variants: {};
         };
@@ -1824,16 +1273,7 @@ declare const defaultTheme: {
                     fontSize: string;
                 };
             };
-            variants: {
-                label: {
-                    fontSize: string;
-                    fontWeight: string;
-                };
-                caption: {
-                    fontSize: string;
-                    fontWeight: string;
-                };
-            };
+            variants: {};
         };
         Table: {
             baseStyle: {};
@@ -1866,11 +1306,6 @@ declare const defaultTheme: {
                     };
                 };
                 striped: {};
-                basic: {
-                    td: {
-                        borderBottom: string;
-                    };
-                };
             };
         };
         Tabs: {
@@ -1878,71 +1313,22 @@ declare const defaultTheme: {
             defaultProps: {};
             parts: string[];
             sizes: {
-                sm: {
-                    tabsNavBar: {
-                        borderWidth: string;
-                        fontSize: string;
-                        h: string;
-                        py: string;
-                    };
-                };
-                md: {
-                    tabsNavBar: {
-                        borderWidth: string;
-                        fontSize: string;
-                        h: string;
-                        py: string;
-                    };
-                };
-                lg: {
-                    tabsNavBar: {
-                        borderWidth: string;
-                        fontSize: string;
-                        h: number;
-                        py: string;
-                    };
-                };
-                xl: {
-                    tabsNavBar: {
-                        borderWidth: string;
-                        fontSize: string;
-                        h: number;
-                        py: string;
-                    };
-                };
-                xxl: {
-                    tabsNavBar: {
-                        borderWidth: string;
-                        fontSize: string;
-                        h: number;
-                        py: string;
-                    };
-                };
+                sm: {};
+                md: {};
+                lg: {};
+                xl: {};
             };
             variants: {};
         };
         Tag: {
             baseStyle: {};
             defaultProps: {
+                colorScheme: string;
                 size: string;
                 variant: string;
             };
             parts: string[];
             sizes: {
-                xs: {
-                    container: {
-                        borderRadius: string;
-                        fontSize: string;
-                        h: number;
-                        spaceX: number;
-                    };
-                    button: {
-                        size: string;
-                    };
-                    icon: {
-                        size: string;
-                    };
-                };
                 sm: {
                     container: {
                         fontSize: string;
@@ -1984,166 +1370,31 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                subtleGrey: {
-                    container: {
-                        bg: string;
-                        hoverBg: string;
-                        borderColor: string;
-                        color: string;
-                        activeBg: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                        activeBg: string;
-                    };
-                };
-                subtleBlue: {
-                    container: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                subtleRed: {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                subtleYellow: {
-                    container: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                subtleGreen: {
-                    container: {
-                        bg: string;
-                        hoverBg: string;
-                        borderColor: string;
-                        color: string;
-                        activeBg: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                solidBlue: {
+                solid: (props: import("..").Dict<any>) => {
                     container: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
                         hoverBg: string;
                         activeBg: string;
-                        hoverBorderColor: string;
-                        activeBorderColor: string;
-                        color: string;
-                    };
-                };
-                solidDarkBlue: {
-                    container: {
                         bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
                         color: string;
+                        focusRing: number;
                     };
                     button: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                solidRed: {
-                    container: {
-                        bg: string;
                         hoverBg: string;
                         activeBg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                    button: {
                         bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        hoverBorderColor: string;
-                        activeBorderColor: string;
                         color: string;
                     };
                 };
-                solidYellow: {
+                subtle: (props: import("..").Dict<any>) => {
                     container: {
-                        bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
                         hoverBg: string;
                         activeBg: string;
-                        hoverBorderColor: string;
-                        color: string;
-                    };
-                };
-                solidGreen: {
-                    container: {
                         bg: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        borderColor: string;
                         color: string;
                     };
                     button: {
-                        bg: string;
                         hoverBg: string;
                         activeBg: string;
-                        hoverBorderColor: string;
-                        activeBorderColor: string;
                         color: string;
                     };
                 };