@veracity/vui 1.7.0-redesign.6 → 1.7.1

package/dist/cjs/theme/components.d.ts

@@ -75,133 +75,6 @@ declare const _default: {
             };
         };
     };
-    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: {};
@@ -211,12 +84,13 @@ declare const _default: {
     Button: {
         baseStyle: {};
         defaultProps: {
+            colorScheme: string;
             size: string;
             variant: string;
         };
         parts: string[];
         sizes: {
-            sm: {
+            xs: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -228,7 +102,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            md: {
+            sm: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -240,7 +114,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            lg: {
+            md: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -252,7 +126,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            xl: {
+            lg: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -266,121 +140,39 @@ declare const _default: {
             };
         };
         variants: {
-            primaryDark: {
+            outlined: (props: import("..").Dict<any>) => {
                 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: {
-                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;
+                    focusRing: number;
                     hoverBg: string;
-                    hoverBorderColor: string;
-                    focusBg: string;
                     activeBg: string;
-                    activeBorderColor: string;
-                };
-            };
-            solidRed: {
-                container: {
                     bg: string;
-                    borderColor: string;
+                    borderWidth: number;
                     color: string;
-                    disabledBg: string;
-                    disabledBorderColor: string;
-                    disabledColor: string;
-                    hoverBg: string;
-                    hoverBorderColor: string;
-                    focusBg: string;
-                    activeBg: string;
-                    activeBorderColor: string;
                 };
             };
-            subtleBlue: {
+            solid: (props: import("..").Dict<any>) => {
                 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;
-                    activeBg: string;
+                    borderWidth: number;
                     color: string;
                 };
             };
-            subtleYellow: {
+            text: (props: import("..").Dict<any>) => {
                 container: {
-                    bg: string;
-                    borderColor: string;
                     hoverBg: string;
                     hoverBorderColor: string;
-                    focusBg: string;
                     activeBg: string;
-                    color: string;
-                };
-            };
-            subtleGreen: {
-                container: {
                     bg: string;
                     borderColor: string;
-                    hoverBg: string;
-                    hoverBorderColor: string;
-                    focusBg: string;
-                    activeBg: string;
+                    borderWidth: number;
                     color: string;
+                    focusRing: number;
                 };
             };
         };
@@ -564,61 +356,39 @@ declare const _default: {
         };
     };
     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;
             };
         };
@@ -646,10 +416,6 @@ declare const _default: {
                 height: number;
                 width: number;
             };
-            xl: {
-                height: number;
-                width: number;
-            };
         };
         variants: {};
     };
@@ -724,6 +490,7 @@ declare const _default: {
     Link: {
         baseStyle: {};
         defaultProps: {
+            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -732,7 +499,6 @@ declare const _default: {
             sm: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -741,7 +507,6 @@ declare const _default: {
             md: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -750,16 +515,6 @@ declare const _default: {
             lg: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            xl: {
-                container: {
-                    fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -767,13 +522,13 @@ declare const _default: {
             };
         };
         variants: {
-            default: () => {
+            default: (props: import("..").Dict<any>) => {
                 container: {
                     color: string;
                     hoverColor: string;
                 };
             };
-            light: () => {
+            light: (props: import("..").Dict<any>) => {
                 container: {
                     color: string;
                     hoverColor: string;
@@ -784,12 +539,6 @@ declare const _default: {
                     hoverTextDecoration: string;
                 };
             };
-            white: () => {
-                container: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
         };
     };
     List: {
@@ -930,40 +679,23 @@ declare const _default: {
     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;
                 };
             };
         };
@@ -986,6 +718,14 @@ declare const _default: {
                 fontSize: string;
                 lineHeight: string;
             };
+            xl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xxl: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         variants: {};
     };
@@ -1337,16 +1077,7 @@ declare const _default: {
                 fontSize: string;
             };
         };
-        variants: {
-            label: {
-                fontSize: string;
-                fontWeight: string;
-            };
-            caption: {
-                fontSize: string;
-                fontWeight: string;
-            };
-        };
+        variants: {};
     };
     Table: {
         baseStyle: {};
@@ -1379,11 +1110,6 @@ declare const _default: {
                 };
             };
             striped: {};
-            basic: {
-                td: {
-                    borderBottom: string;
-                };
-            };
         };
     };
     Tabs: {
@@ -1391,71 +1117,22 @@ declare const _default: {
         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;
@@ -1497,166 +1174,31 @@ declare const _default: {
             };
         };
         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;
                 };
             };