@veracity/vui 1.8.0-redesign.0 → 1.8.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: {};
@@ -229,12 +102,13 @@ declare const _default: {
     Button: {
         baseStyle: {};
         defaultProps: {
+            colorScheme: string;
             size: string;
             variant: string;
         };
         parts: string[];
         sizes: {
-            sm: {
+            xs: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -246,7 +120,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            md: {
+            sm: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -258,7 +132,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            lg: {
+            md: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -270,7 +144,7 @@ declare const _default: {
                 };
                 text: {};
             };
-            xl: {
+            lg: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -284,121 +158,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;
                 };
             };
         };
@@ -582,61 +374,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;
             };
         };
@@ -664,10 +434,6 @@ declare const _default: {
                 height: number;
                 width: number;
             };
-            xl: {
-                height: number;
-                width: number;
-            };
         };
         variants: {};
     };
@@ -742,6 +508,7 @@ declare const _default: {
     Link: {
         baseStyle: {};
         defaultProps: {
+            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -750,7 +517,6 @@ declare const _default: {
             sm: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -759,7 +525,6 @@ declare const _default: {
             md: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -768,16 +533,6 @@ declare const _default: {
             lg: {
                 container: {
                     fontSize: string;
-                    lineHeight: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            xl: {
-                container: {
-                    fontSize: string;
-                    lineHeight: string;
                 };
                 icon: {
                     size: string;
@@ -785,13 +540,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;
@@ -802,12 +557,6 @@ declare const _default: {
                     hoverTextDecoration: string;
                 };
             };
-            white: () => {
-                container: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
         };
     };
     List: {
@@ -948,40 +697,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;
                 };
             };
         };
@@ -1004,6 +736,14 @@ declare const _default: {
                 fontSize: string;
                 lineHeight: string;
             };
+            xl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xxl: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         variants: {};
     };
@@ -1355,16 +1095,7 @@ declare const _default: {
                 fontSize: string;
             };
         };
-        variants: {
-            label: {
-                fontSize: string;
-                fontWeight: string;
-            };
-            caption: {
-                fontSize: string;
-                fontWeight: string;
-            };
-        };
+        variants: {};
     };
     Table: {
         baseStyle: {};
@@ -1397,11 +1128,6 @@ declare const _default: {
                 };
             };
             striped: {};
-            basic: {
-                td: {
-                    borderBottom: string;
-                };
-            };
         };
     };
     Tabs: {
@@ -1409,71 +1135,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;
@@ -1515,166 +1192,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;
                 };
             };