@veracity/vui 2.6.3 → 2.7.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: {
@@ -589,7 +600,13 @@ declare const _default: {
         };
     };
     Card: {
-        baseStyle: {};
+        baseStyle: {
+            bg: string;
+            borderRadius: string;
+            ring: number;
+            ringColor: string;
+            shadow: string;
+        };
         defaultProps: {};
         sizes: {};
         variants: {};
@@ -735,38 +752,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 +829,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 +852,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 +1184,7 @@ declare const _default: {
         };
         defaultProps: {
             size: string;
+            variant: string;
         };
         parts: string[];
         sizes: {
@@ -1186,7 +1249,14 @@ declare const _default: {
                 };
             };
         };
-        variants: {};
+        variants: {
+            default: {};
+            blue: {
+                heading: {
+                    color: string;
+                };
+            };
+        };
     };
     Markdown: {
         baseStyle: {};
@@ -1311,6 +1381,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: {
@@ -1093,7 +1104,13 @@ declare const defaultTheme: {
             };
         };
         Card: {
-            baseStyle: {};
+            baseStyle: {
+                bg: string;
+                borderRadius: string;
+                ring: number;
+                ringColor: string;
+                shadow: string;
+            };
             defaultProps: {};
             sizes: {};
             variants: {};
@@ -1239,38 +1256,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 +1333,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 +1356,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 +1688,7 @@ declare const defaultTheme: {
             };
             defaultProps: {
                 size: string;
+                variant: string;
             };
             parts: string[];
             sizes: {
@@ -1690,7 +1753,14 @@ declare const defaultTheme: {
                     };
                 };
             };
-            variants: {};
+            variants: {
+                default: {};
+                blue: {
+                    heading: {
+                        color: string;
+                    };
+                };
+            };
         };
         Markdown: {
             baseStyle: {};
@@ -1815,6 +1885,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.7.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

@@ -13,13 +13,11 @@ export const BreadcrumbsBase = styled.divBox`
   transition-duration: normal;
 `
 
-/** [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 styles = useStyleConfig('Breadcrumbs', props)
-
   const context = useMemo(() => filterUndefined({ size }), [size])
-
   const aliasedProps = filterUndefined<BreadcrumbsProps>({})
   const arrayChildren = Children.toArray(children)
   return (

package/src/breadcrumbs/breadcrumbsItem.tsx

@@ -10,19 +10,20 @@ import { useBreadcrumbsContext } from './context'
 /** A Breadcrumb item. */
 export const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) => {
   const { className, children, icon, ...rest } = omitThemingProps(props)
-
   const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext())
+  const color = rest.color || 'darkBlue.main'
 
   return (
     <Box
       alignItems="center"
       className={cs('vui-breadcrumbs-item', className)}
+      color={color}
       p={0}
       ref={ref}
       {...rest}
       {...styles.item}
     >
-      {!!icon && <Icon name={icon} size="sm" />}
+      {!!icon && <Icon name={icon} pathFill={color} size="sm" />}
       {children}
     </Box>
   )

package/src/breadcrumbs/breadcrumbsSeparator.tsx

@@ -8,7 +8,7 @@ import { BreadcrumbsSeparatorProps } from './breadcrumbs.types'
 /** Breadcrumbs separator. */
 export const BreadcrumbsSeparator = ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => (
   <Box alignItems="center" className={cs('vui-breadcrumbs-separator', className)} p={0} {...rest}>
-    {content || children || <Icon name="falAngleRight" />}
+    {content || children || <Icon name="falAngleRight" pathFill="darkBlue.main" />}
   </Box>
 )
 

package/src/button/theme.ts

@@ -170,7 +170,6 @@ const variants = {
       disabledColor: 'darkBlue.75',
       hoverBg: 'skyBlue.85',
       hoverBorderColor: 'seaBlue.35',
-      // focusBg: 'white',
       activeBg: 'skyBlue.90',
       activeBorderColor: 'seaBlue.35'
     }

package/src/card/card.tsx

@@ -11,14 +11,14 @@ import { CardProps } from './card.types'
  */
 export const Card = vui<'div', CardProps>((props, ref) => {
   const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)
+
   const styles = useStyleConfig('Card', props)
 
   const interactiveProps: Dict = isInteractive
     ? {
         cursor: 'pointer',
         focusRing: 2,
-        focusRingColor: 'blue.50',
-        hoverRingColor: 'prussian.80',
+        hoverRingColor: 'seaBlue.main',
         hoverShadow: '4',
         outline: 'none',
         tabIndex: 0,
@@ -26,20 +26,7 @@ export const Card = vui<'div', CardProps>((props, ref) => {
       }
     : {}
 
-  return (
-    <Box
-      bg="white"
-      borderRadius="md"
-      className={cs('vui-card', className)}
-      ref={ref}
-      ring={1}
-      ringColor="transparent"
-      shadow="2"
-      {...styles}
-      {...interactiveProps}
-      {...rest}
-    />
-  )
+  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />
 })
 
 export default Card

package/src/card/theme.ts

@@ -1,4 +1,10 @@
-const baseStyle = {}
+const baseStyle = {
+  bg: 'white',
+  borderRadius: '1px',
+  ring: 1,
+  ringColor: 'transparent',
+  shadow: '2'
+}
 
 const defaultProps = {}
 

package/src/header/header.tsx

@@ -6,6 +6,7 @@ import { HeaderProvider } from './context'
 import { HeaderProps } from './header.types'
 import HeaderAccount from './headerAccount'
 import HeaderAccountUserInfo from './headerAccountUserInfo'
+import HeaderApplicationName from './headerApplicationName'
 import HeaderContent from './headerContent'
 import HeaderCreateAccount from './headerCreateAccount'
 import HeaderDivider from './headerDivider'
@@ -19,22 +20,26 @@ import HeaderServices from './headerServices'
 import HeaderServicesMessage from './headerServicesMessage'
 import HeaderSignIn from './headerSignIn'
 
+/*@formatter:off*/
 export const HeaderBase = styled.headerBox`
   align-items: center;
   background-color: white;
-  border-bottom: 1px solid prussian.80;
+  border-bottom: 1px solid darkBlue.main;
   display: flex;
   position: relative;
 `
+/*@formatter:on*/
 
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 export const Header = vui<'header', HeaderProps>((props, ref) => {
-  const { className, headerHeight = 72, size, variant, ...rest } = props
+  const { className, size, variant, ...rest } = props
   const [isMobileOpen, setIsMobileOpen] = useState(false)
   const mobileContentRef = useRef(null)
   const mobileToggleRef = useRef(null)
   const styles = useStyleConfig('Header', props)
 
+  const headerHeight = 72
+
   const [links] = useLinks()
 
   useClickOutside([mobileContentRef, mobileToggleRef], () => {
@@ -72,6 +77,7 @@ export const Header = vui<'header', HeaderProps>((props, ref) => {
 }) as VuiComponent<'header', HeaderProps> & {
   Account: typeof HeaderAccount
   AccountUserInfo: typeof HeaderAccountUserInfo
+  ApplicationName: typeof HeaderApplicationName
   Content: typeof HeaderContent
   CreateAccount: typeof HeaderCreateAccount
   Divider: typeof HeaderDivider
@@ -88,6 +94,7 @@ export const Header = vui<'header', HeaderProps>((props, ref) => {
 
 Header.Account = HeaderAccount
 Header.AccountUserInfo = HeaderAccountUserInfo
+Header.ApplicationName = HeaderApplicationName
 Header.Content = HeaderContent
 Header.CreateAccount = HeaderCreateAccount
 Header.Divider = HeaderDivider