@veracity/vui 2.6.3 → 2.8.0-rc.0

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

@@ -173,6 +173,17 @@ declare const _default: {
                 color: string;
                 activeBg: string;
             };
+            primaryLight: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                hoverBg: string;
+                hoverBorderColor: string;
+                hoverColor: string;
+                activeBg: string;
+                activeBorderColor: string;
+                activeColor: string;
+            };
         };
     };
     Badge: {
@@ -313,19 +324,81 @@ declare const _default: {
         baseStyle: {};
         defaultProps: {
             size: string;
+            variant: string;
         };
         sizes: {
+            xs: {
+                item: {
+                    fontSize: number;
+                    lineHeight: string;
+                };
+                separator: {
+                    size: string;
+                };
+            };
             sm: {
-                item: {};
+                item: {
+                    fontSize: number;
+                    lineHeight: string;
+                };
+                separator: {
+                    size: string;
+                };
             };
             md: {
-                item: {};
+                item: {
+                    fontSize: number;
+                    lineHeight: string;
+                };
+                separator: {
+                    size: string;
+                };
             };
             lg: {
-                item: {};
+                item: {
+                    fontSize: number;
+                    lineHeight: string;
+                };
+                separator: {
+                    size: string;
+                };
+            };
+        };
+        variants: {
+            dark: {
+                item: {
+                    color: string;
+                };
+                main: {
+                    bg: string;
+                };
+                separator: {
+                    pathFill: string;
+                };
+            };
+            white: {
+                item: {
+                    color: string;
+                };
+                main: {
+                    bg: string;
+                };
+                separator: {
+                    pathFill: string;
+                };
+            };
+            light: {
+                item: {
+                    color: string;
+                };
+                main: {
+                    bg: string;
+                };
+                separator: {
+                    pathFill: string;
+                };
             };
         };
-        variants: {};
     };
     Button: {
         baseStyle: {};
@@ -589,7 +662,13 @@ declare const _default: {
         };
     };
     Card: {
-        baseStyle: {};
+        baseStyle: {
+            bg: string;
+            borderRadius: string;
+            ring: number;
+            ringColor: string;
+            shadow: string;
+        };
         defaultProps: {};
         sizes: {};
         variants: {};
@@ -735,38 +814,76 @@ declare const _default: {
     };
     Header: {
         baseStyle: {};
-        defaultProps: {};
+        defaultProps: {
+            variant: string;
+        };
         parts: string[];
         sizes: {};
         variants: {
-            dark: {
+            default: {
                 container: {
-                    bg: string;
-                    borderBottom: number;
+                    borderColor: string;
                 };
-                account: {
-                    trigger: {
-                        bg: string;
-                        color: string;
+                createAccount: {
+                    link: {
+                        variant: string;
+                    };
+                };
+                linkItem: {
+                    container: {
                         hoverBg: string;
                         activeBg: string;
+                        activeBorderColor: string;
+                    };
+                    link: {
+                        color: string;
+                        borderColor: string;
+                    };
+                };
+                logo: {
+                    svg: {
+                        pathFill: string;
                     };
                 };
+                divider: {
+                    color: string;
+                };
+                mobileToggle: {
+                    color: string;
+                };
+                notifications: {
+                    container: {
+                        color: string;
+                    };
+                };
+                services: {
+                    button: {
+                        color: string;
+                    };
+                    list: {
+                        variant: string;
+                    };
+                };
+                signIn: {
+                    background: string;
+                };
+            };
+            dark: {
+                container: {
+                    bg: string;
+                    borderBottom: number;
+                };
                 createAccount: {
                     link: {
-                        color: {
-                            xs: string;
-                            md: string;
-                        };
-                        hoverColor: {
-                            xs: string;
-                            md: string;
-                        };
+                        variant: string;
                     };
                     text: {
-                        color: {
-                            md: string;
-                        };
+                        color: string;
+                    };
+                };
+                account: {
+                    trigger: {
+                        variant: string;
                     };
                 };
                 divider: {
@@ -774,16 +891,12 @@ declare const _default: {
                 };
                 linkItem: {
                     container: {
-                        hoverBg: {
-                            xs: string;
-                            md: string;
-                        };
-                        activeBg: {
-                            xs: string;
-                            md: string;
-                        };
+                        hoverBg: string;
+                        activeBg: string;
+                        activeBorderColor: string;
                     };
                     link: {
+                        color: string;
                         borderColor: string;
                     };
                 };
@@ -801,19 +914,30 @@ declare const _default: {
                     top: string;
                 };
                 mobileToggle: {
-                    variant: string;
+                    color: string;
                 };
                 notifications: {
                     container: {
                         variant: string;
+                        color: string;
+                        borderColor: string;
+                    };
+                    icon: {
+                        color: string;
                     };
                 };
                 services: {
                     button: {
+                        color: string;
+                    };
+                    list: {
                         variant: string;
                     };
                 };
                 signIn: {
+                    button: {
+                        variant: string;
+                    };
                     colorScheme: string;
                 };
             };
@@ -1122,6 +1246,7 @@ declare const _default: {
         };
         defaultProps: {
             size: string;
+            variant: string;
         };
         parts: string[];
         sizes: {
@@ -1186,7 +1311,14 @@ declare const _default: {
                 };
             };
         };
-        variants: {};
+        variants: {
+            default: {};
+            blue: {
+                heading: {
+                    color: string;
+                };
+            };
+        };
     };
     Markdown: {
         baseStyle: {};
@@ -1311,6 +1443,10 @@ declare const _default: {
             size: string;
         };
         sizes: {
+            xs: {
+                fontSize: string;
+                lineHeight: string;
+            };
             sm: {
                 fontSize: string;
                 lineHeight: string;

package/dist/esm/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,wBA6CC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,wBA6CC"}

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

@@ -677,6 +677,17 @@ declare const defaultTheme: {
                     color: string;
                     activeBg: string;
                 };
+                primaryLight: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                    hoverBg: string;
+                    hoverBorderColor: string;
+                    hoverColor: string;
+                    activeBg: string;
+                    activeBorderColor: string;
+                    activeColor: string;
+                };
             };
         };
         Badge: {
@@ -817,19 +828,81 @@ declare const defaultTheme: {
             baseStyle: {};
             defaultProps: {
                 size: string;
+                variant: string;
             };
             sizes: {
+                xs: {
+                    item: {
+                        fontSize: number;
+                        lineHeight: string;
+                    };
+                    separator: {
+                        size: string;
+                    };
+                };
                 sm: {
-                    item: {};
+                    item: {
+                        fontSize: number;
+                        lineHeight: string;
+                    };
+                    separator: {
+                        size: string;
+                    };
                 };
                 md: {
-                    item: {};
+                    item: {
+                        fontSize: number;
+                        lineHeight: string;
+                    };
+                    separator: {
+                        size: string;
+                    };
                 };
                 lg: {
-                    item: {};
+                    item: {
+                        fontSize: number;
+                        lineHeight: string;
+                    };
+                    separator: {
+                        size: string;
+                    };
+                };
+            };
+            variants: {
+                dark: {
+                    item: {
+                        color: string;
+                    };
+                    main: {
+                        bg: string;
+                    };
+                    separator: {
+                        pathFill: string;
+                    };
+                };
+                white: {
+                    item: {
+                        color: string;
+                    };
+                    main: {
+                        bg: string;
+                    };
+                    separator: {
+                        pathFill: string;
+                    };
+                };
+                light: {
+                    item: {
+                        color: string;
+                    };
+                    main: {
+                        bg: string;
+                    };
+                    separator: {
+                        pathFill: string;
+                    };
                 };
             };
-            variants: {};
         };
         Button: {
             baseStyle: {};
@@ -1093,7 +1166,13 @@ declare const defaultTheme: {
             };
         };
         Card: {
-            baseStyle: {};
+            baseStyle: {
+                bg: string;
+                borderRadius: string;
+                ring: number;
+                ringColor: string;
+                shadow: string;
+            };
             defaultProps: {};
             sizes: {};
             variants: {};
@@ -1239,38 +1318,76 @@ declare const defaultTheme: {
         };
         Header: {
             baseStyle: {};
-            defaultProps: {};
+            defaultProps: {
+                variant: string;
+            };
             parts: string[];
             sizes: {};
             variants: {
-                dark: {
+                default: {
                     container: {
-                        bg: string;
-                        borderBottom: number;
+                        borderColor: string;
                     };
-                    account: {
-                        trigger: {
-                            bg: string;
-                            color: string;
+                    createAccount: {
+                        link: {
+                            variant: string;
+                        };
+                    };
+                    linkItem: {
+                        container: {
                             hoverBg: string;
                             activeBg: string;
+                            activeBorderColor: string;
+                        };
+                        link: {
+                            color: string;
+                            borderColor: string;
+                        };
+                    };
+                    logo: {
+                        svg: {
+                            pathFill: string;
                         };
                     };
+                    divider: {
+                        color: string;
+                    };
+                    mobileToggle: {
+                        color: string;
+                    };
+                    notifications: {
+                        container: {
+                            color: string;
+                        };
+                    };
+                    services: {
+                        button: {
+                            color: string;
+                        };
+                        list: {
+                            variant: string;
+                        };
+                    };
+                    signIn: {
+                        background: string;
+                    };
+                };
+                dark: {
+                    container: {
+                        bg: string;
+                        borderBottom: number;
+                    };
                     createAccount: {
                         link: {
-                            color: {
-                                xs: string;
-                                md: string;
-                            };
-                            hoverColor: {
-                                xs: string;
-                                md: string;
-                            };
+                            variant: string;
                         };
                         text: {
-                            color: {
-                                md: string;
-                            };
+                            color: string;
+                        };
+                    };
+                    account: {
+                        trigger: {
+                            variant: string;
                         };
                     };
                     divider: {
@@ -1278,16 +1395,12 @@ declare const defaultTheme: {
                     };
                     linkItem: {
                         container: {
-                            hoverBg: {
-                                xs: string;
-                                md: string;
-                            };
-                            activeBg: {
-                                xs: string;
-                                md: string;
-                            };
+                            hoverBg: string;
+                            activeBg: string;
+                            activeBorderColor: string;
                         };
                         link: {
+                            color: string;
                             borderColor: string;
                         };
                     };
@@ -1305,19 +1418,30 @@ declare const defaultTheme: {
                         top: string;
                     };
                     mobileToggle: {
-                        variant: string;
+                        color: string;
                     };
                     notifications: {
                         container: {
                             variant: string;
+                            color: string;
+                            borderColor: string;
+                        };
+                        icon: {
+                            color: string;
                         };
                     };
                     services: {
                         button: {
+                            color: string;
+                        };
+                        list: {
                             variant: string;
                         };
                     };
                     signIn: {
+                        button: {
+                            variant: string;
+                        };
                         colorScheme: string;
                     };
                 };
@@ -1626,6 +1750,7 @@ declare const defaultTheme: {
             };
             defaultProps: {
                 size: string;
+                variant: string;
             };
             parts: string[];
             sizes: {
@@ -1690,7 +1815,14 @@ declare const defaultTheme: {
                     };
                 };
             };
-            variants: {};
+            variants: {
+                default: {};
+                blue: {
+                    heading: {
+                        color: string;
+                    };
+                };
+            };
         };
         Markdown: {
             baseStyle: {};
@@ -1815,6 +1947,10 @@ declare const defaultTheme: {
                 size: string;
             };
             sizes: {
+                xs: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
                 sm: {
                     fontSize: string;
                     lineHeight: string;

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.6.3",
+  "version": "2.8.0-rc.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/avatar/theme.ts

@@ -148,6 +148,18 @@ const variants = {
     borderColor: 'hsl(34, 100%, 35%)',
     color: 'white',
     activeBg: 'hsl(34, 100%, 45%)'
+  },
+  /** internal, used in *header* next */
+  primaryLight: {
+    bg: 'buttonTypePrimaryDefaultBackgroundColorLight',
+    borderColor: 'buttonTypePrimaryDefaultBorderColorLight',
+    color: 'buttonTypePrimaryDefaultTextColorLight',
+    hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',
+    hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',
+    hoverColor: 'buttonTypePrimaryHoverTextColorLight',
+    activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',
+    activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',
+    activeColor: 'buttonTypePrimaryActiveTextColorLight'
   }
 }
 

package/src/breadcrumbs/breadcrumbs.tsx

@@ -11,20 +11,29 @@ export const BreadcrumbsBase = styled.divBox`
   display: flex;
   min-width: 0;
   transition-duration: normal;
+
+  .vui-breadcrumbs-item:last-of-type {
+    font-weight: 600;
+  }
 `
 
-/** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
+/** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 export const Breadcrumbs = vui<'div', BreadcrumbsProps>((props, ref) => {
-  const { children, className, size, ...rest } = props
+  const { children, className, size, variant, ...rest } = props
   const styles = useStyleConfig('Breadcrumbs', props)
-
-  const context = useMemo(() => filterUndefined({ size }), [size])
-
+  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])
   const aliasedProps = filterUndefined<BreadcrumbsProps>({})
   const arrayChildren = Children.toArray(children)
+
   return (
     <BreadcrumbsProvider value={context}>
-      <BreadcrumbsBase className={cs('vui-breadcrumbs', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>
+      <BreadcrumbsBase
+        className={cs('vui-breadcrumbs', className)}
+        ref={ref}
+        {...styles.main}
+        {...aliasedProps}
+        {...rest}
+      >
         {Children.map(arrayChildren, (child, key) => (
           <Fragment key={key}>
             {child}