@veracity/vui 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport type { FooterLinkData, FooterProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      iconLeft={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  iconLeft={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}
+{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport type { FooterLinkData, FooterProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      startIcon={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}

package/dist/footer/footerColumn.js

@@ -44,5 +44,5 @@ FooterColumn.displayName = "FooterColumn";
 
 //#endregion
 export { FooterColumn as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumns.js

@@ -27,5 +27,5 @@ FooterColumns.displayName = "Footer Mobile Column";
 
 //#endregion
 export { FooterColumns as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerContent.js

@@ -36,5 +36,5 @@ FooterContent.displayName = "FooterContent";
 
 //#endregion
 export { FooterContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerContent.js.map

package/dist/footer/footerHeading.js

@@ -24,5 +24,5 @@ FooterHeading.displayName = "FooterHeading";
 
 //#endregion
 export { FooterHeading as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerHeading.js.map

package/dist/footer/footerLink.js

@@ -33,5 +33,5 @@ FooterLink.displayName = "FooterLink";
 
 //#endregion
 export { FooterLink as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerRow.js

@@ -27,5 +27,5 @@ FooterRow.displayName = "FooterRow";
 
 //#endregion
 export { FooterRow as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerRow.js.map

package/dist/footer/footerSection.js

@@ -31,5 +31,5 @@ FooterSection.displayName = "FooterSection";
 
 //#endregion
 export { FooterSection as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSlimColumn.js

@@ -36,5 +36,5 @@ FooterSlimColumn.displayName = "FooterSlimColumn";
 
 //#endregion
 export { FooterSlimColumn as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerSlimColumn.js.map

package/dist/footer/footerTrademark.js

@@ -36,7 +36,7 @@ const FooterTrademark = vui((props, ref) => {
 			children: /* @__PURE__ */ jsx(Link, {
 				fontWeight: "demi",
 				href: linkedIn ?? defaultLinkedInUrl,
-				iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
+				startIcon: /* @__PURE__ */ jsx(Link.Icon, {
 					mr: 1,
 					left: 0,
 					name: "brandCircleLinkedIn",
@@ -72,5 +72,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark as default, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":[],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterTrademarkProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC;EACC,WAAW,GAAG,uBAAuB,UAAU;EAC1C;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EACrB;EACA,GAAI,OAAO;EACX,GAAI;aAEJ,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAAC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAAC,KAAK;KAAK,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IACzF;IACA,GAAI,OAAO;cAEX,oBAAC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAAC;IAAE,MAAK;eACN,oBAAC;KAAE,MAAK;KAAK,YAAW;eAAO;MAE3B;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"footerTrademark.js","names":[],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterTrademarkProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC;EACC,WAAW,GAAG,uBAAuB,UAAU;EAC1C;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EACrB;EACA,GAAI,OAAO;EACX,GAAI;aAEJ,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAAC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,WAAW,oBAAC,KAAK;KAAK,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IAC1F;IACA,GAAI,OAAO;cAEX,oBAAC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAAC;IAAE,MAAK;eACN,oBAAC;KAAE,MAAK;KAAK,YAAW;eAAO;MAE3B;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}

package/dist/footer/helpers.js

@@ -35,5 +35,5 @@ function useFooterLinks(env) {
 
 //#endregion
 export { useFooterLinks };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=helpers.js.map

package/dist/footer/theme.js

@@ -47,5 +47,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/grid/grid.js

@@ -23,5 +23,5 @@ Grid.displayName = "Grid";
 
 //#endregion
 export { GridBase, Grid as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=grid.js.map

package/dist/grid/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/header/context.js

@@ -5,5 +5,5 @@ const [HeaderProvider, useHeaderContext] = createContext({ isOptional: true });
 
 //#endregion
 export { HeaderProvider, useHeaderContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/header/header.js

@@ -95,5 +95,5 @@ Header.displayName = "Header";
 
 //#endregion
 export { HeaderBase, Header as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=header.js.map

package/dist/header/headerAccount.js

@@ -48,7 +48,7 @@ function HeaderAccount(props) {
 					/* @__PURE__ */ jsx(List.Divider, {}),
 					heading && /* @__PURE__ */ jsx(List.Heading, { text: heading }),
 					links?.map(({ icon, url, ...rest }, index) => /* @__PURE__ */ jsx(List.Item, {
-						iconLeft: icon,
+						startIcon: icon,
 						linkProps: { href: url },
 						...rest
 					}, index))
@@ -61,5 +61,5 @@ HeaderAccount.displayName = "HeaderAccount";
 
 //#endregion
 export { HeaderAccount as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerAccount.js.map

package/dist/header/headerAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,SAAS,GAAG,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;AAG5C,QACE,qBAAC;EAAQ,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,GAAG;EAAE,WAAU;EAAa,GAAI;aACxE,oBAAC,QAAQ;GACP,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;IACJ,EAEF,qBAAC,QAAQ;GACP,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;cAEH,MAAM,SAAS,GAAG,WAAW,YAAY,oBAAC,yBAAsB,GAAI,WAAY,EAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAAC;IAAK,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC;KACC,oBAAC,KAAK,YAAU;KAEf,WAAW,oBAAC,KAAK,WAAQ,MAAM,UAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK;MAAK,UAAU;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAI;QAArC,MAA6C,CAC7E;SAPW,MAQJ,CACX;KACG;IAEG;GACV;;AAId,cAAc,cAAc"}
+{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item startIcon={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,SAAS,GAAG,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;AAG5C,QACE,qBAAC;EAAQ,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,GAAG;EAAE,WAAU;EAAa,GAAI;aACxE,oBAAC,QAAQ;GACP,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;IACJ,EAEF,qBAAC,QAAQ;GACP,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;cAEH,MAAM,SAAS,GAAG,WAAW,YAAY,oBAAC,yBAAsB,GAAI,WAAY,EAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAAC;IAAK,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC;KACC,oBAAC,KAAK,YAAU;KAEf,WAAW,oBAAC,KAAK,WAAQ,MAAM,UAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK;MAAK,WAAW;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAI;QAArC,MAA6C,CAC9E;SAPW,MAQJ,CACX;KACG;IAEG;GACV;;AAId,cAAc,cAAc"}

package/dist/header/headerAccountUserInfo.js

@@ -67,5 +67,5 @@ HeaderAccountUserInfo.displayName = "HeaderAccountUserInfo";
 
 //#endregion
 export { HeaderAccountUserInfo as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerAccountUserInfo.js.map

package/dist/header/headerApplicationName.js

@@ -40,5 +40,5 @@ HeaderApplicationName.displayName = "HeaderApplicationName";
 
 //#endregion
 export { HeaderApplicationName as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerApplicationName.js.map

package/dist/header/headerContent.js

@@ -26,5 +26,5 @@ HeaderContent.displayName = "HeaderContent";
 
 //#endregion
 export { HeaderContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerContent.js.map

package/dist/header/headerCreateAccount.js

@@ -45,5 +45,5 @@ HeaderCreateAccount.displayName = "HeaderCreateAccount";
 
 //#endregion
 export { HeaderCreateAccount as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerCreateAccount.js.map

package/dist/header/headerDivider.js

@@ -24,5 +24,5 @@ HeaderDivider.displayName = "HeaderDivider";
 
 //#endregion
 export { HeaderDivider as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerDivider.js.map

package/dist/header/headerLinkItem.js

@@ -55,7 +55,7 @@ const HeaderLinkItem = vui((props, ref) => {
 	};
 	return /* @__PURE__ */ jsx(List.Item, {
 		className: cs("vui-headerLinkItem", className, `${isActive && "is-active"}`),
-		iconLeft: icon,
+		startIcon: icon,
 		linkProps: {
 			href: url,
 			ringInset: true,
@@ -85,5 +85,5 @@ HeaderLinkItem.displayName = "HeaderLinkItem";
 
 //#endregion
 export { HeaderLinkItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerLinkItem.js.map

package/dist/header/headerLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderLinkItemProps } from './header.types'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, `${isActive && 'is-active'}`)}\n      iconLeft={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AAQA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,kBAAkB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,kBAAgB,MAAM;AACtB,gBAAc,EAAE;GAChB;CACF,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;EAAU;CACxF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;EACL,GACD;EAAE,mBAAmB;EAAG,IAAI;EAAO,GACrC,EAAE;CAEN,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;EAC/B,GACD;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;EAAK;CAE/E,MAAM,kBAAkB,WAAW,EAAE,GAAG;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;EAAQ;AAEnG,QACE,oBAAC,KAAK;EACJ,WAAW,GAAG,sBAAsB,WAAW,GAAG,YAAY,cAAc;EAC5E,UAAU;EACV,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;IAAe;GACpC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;IAAQ;GAC1C,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACQ;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc"}
+{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderLinkItemProps } from './header.types'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, `${isActive && 'is-active'}`)}\n      startIcon={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AAQA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,kBAAkB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,kBAAgB,MAAM;AACtB,gBAAc,EAAE;GAChB;CACF,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;EAAU;CACxF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;EACL,GACD;EAAE,mBAAmB;EAAG,IAAI;EAAO,GACrC,EAAE;CAEN,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;EAC/B,GACD;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;EAAK;CAE/E,MAAM,kBAAkB,WAAW,EAAE,GAAG;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;EAAQ;AAEnG,QACE,oBAAC,KAAK;EACJ,WAAW,GAAG,sBAAsB,WAAW,GAAG,YAAY,cAAc;EAC5E,WAAW;EACX,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;IAAe;GACpC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;IAAQ;GAC1C,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACQ;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc"}

package/dist/header/headerLogo.js

@@ -25,5 +25,5 @@ HeaderLogo.displayName = "HeaderLogo";
 
 //#endregion
 export { HeaderLogo as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerLogo.js.map

package/dist/header/headerMainLinks.js

@@ -30,5 +30,5 @@ HeaderMainLinks.displayName = "HeaderMainLinks";
 
 //#endregion
 export { HeaderMainLinks as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerMainLinks.js.map

package/dist/header/headerMobileContent.js

@@ -35,5 +35,5 @@ HeaderMobileContent.displayName = "HeaderMobileContent";
 
 //#endregion
 export { HeaderMobileContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerMobileContent.js.map

package/dist/header/headerMobileToggle.js

@@ -30,5 +30,5 @@ HeaderMobileToggle.displayName = "HeaderMobileToggle";
 
 //#endregion
 export { HeaderMobileToggle as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerMobileToggle.js.map

package/dist/header/headerNotifications.js

@@ -51,5 +51,5 @@ HeaderNotifications.displayName = "HeaderNotifications";
 
 //#endregion
 export { HeaderNotifications as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerServices.js

@@ -64,5 +64,5 @@ HeaderServices.displayName = "HeaderServices";
 
 //#endregion
 export { HeaderServices as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerServices.js.map

package/dist/header/headerServicesMessage.js

@@ -37,5 +37,5 @@ HeaderServicesMessage.displayName = "HeaderServicesMessage";
 
 //#endregion
 export { HeaderServicesMessage as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerServicesMessage.js.map

package/dist/header/headerSignIn.js

@@ -11,7 +11,8 @@ const HeaderSignIn = vui((props, ref) => {
 	const { children, className, url, ...rest } = props;
 	const { links } = useHeaderContext() ?? {};
 	const styles = useStyleConfig("Header", useHeaderContext());
-	const buttonVariant = styles?.signIn?.button?.variant ?? "primaryDark";
+	const buttonVariant = styles?.signIn?.button?.variant ?? "primary";
+	const buttonIntent = styles?.signIn?.button?.intent ?? "brand";
 	return /* @__PURE__ */ jsx(Button, {
 		as: "a",
 		className: cs("vui-headerSignIn", className),
@@ -19,6 +20,7 @@ const HeaderSignIn = vui((props, ref) => {
 		ref,
 		size: "lg",
 		variant: buttonVariant,
+		intent: buttonIntent,
 		...styles.signIn,
 		...rest,
 		children: children ?? "Sign in"
@@ -28,5 +30,5 @@ HeaderSignIn.displayName = "HeaderSignIn";
 
 //#endregion
 export { HeaderSignIn as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSignIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerSignIn.js","names":[],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primaryDark'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;AAEzD,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAC5C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACN;EAEX;AAEF,aAAa,cAAc"}
+{"version":3,"file":"headerSignIn.js","names":[],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primary'\n  const buttonIntent = styles?.signIn?.button?.intent ?? 'brand'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      intent={buttonIntent}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;CACzD,MAAM,eAAe,QAAQ,QAAQ,QAAQ,UAAU;AAEvD,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAC5C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACN;EAEX;AAEF,aAAa,cAAc"}

package/dist/header/headerSupport.js

@@ -71,5 +71,5 @@ HeaderSupport.displayName = "HeaderSupport";
 
 //#endregion
 export { HeaderSupport as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=headerSupport.js.map

package/dist/header/helpers.js

@@ -43,5 +43,5 @@ function useHeaderLinks(env) {
 
 //#endregion
 export { useHeaderLinks };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=helpers.js.map

package/dist/header/loggedInHeader.js

@@ -61,7 +61,7 @@ const LoggedInHeader = vui((props, ref) => {
 							children: /* @__PURE__ */ jsx(List, {
 								py: 1,
 								children: mainLinks?.map(({ icon, url, ...rest }, index) => /* @__PURE__ */ jsx(List.Item, {
-									iconLeft: icon,
+									startIcon: icon,
 									linkProps: { href: url },
 									...rest
 								}, index))
@@ -131,5 +131,5 @@ LoggedInHeader.displayName = "LoggedInHeader";
 
 //#endregion
 export { LoggedInHeader as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedInHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedInHeader.js","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button as=\"a\" className={cs('vui-headerSignOut')} href={url} size=\"lg\" variant=\"secondary\">\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}
+{"version":3,"file":"loggedInHeader.js","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button as=\"a\" className={cs('vui-headerSignOut')} href={url} size=\"lg\" variant=\"secondary\">\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item startIcon={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}

package/dist/header/loggedOutHeader.js

@@ -68,5 +68,5 @@ LoggedOutHeader.displayName = "LoggedOutHeader";
 
 //#endregion
 export { LoggedOutHeader as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/theme.js

@@ -67,7 +67,10 @@ const variants = {
 			link: { variant: "light" },
 			text: { color: "white" }
 		},
-		account: { trigger: { variant: "primaryLight" } },
+		account: { trigger: {
+			variant: "primary",
+			intent: "contrast"
+		} },
 		divider: { borderColor: "white" },
 		linkItem: {
 			container: {
@@ -117,7 +120,10 @@ const variants = {
 			list: { variant: "blue" }
 		},
 		signIn: {
-			button: { variant: "primaryLight" },
+			button: {
+				variant: "primary",
+				intent: "contrast"
+			},
 			colorScheme: "pink"
 		}
 	}
@@ -132,5 +138,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/header/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/header/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = [\n  'container',\n  'account',\n  'accountUserInfo',\n  'content',\n  'createAccount',\n  'divider',\n  'linkItem',\n  'logo',\n  'mainLinks',\n  'mobileContent',\n  'mobileToggle',\n  'notifications',\n  'services',\n  'servicesMessage',\n  'signIn',\n]\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      borderColor: 'darkBlue.main',\n    },\n    createAccount: {\n      link: {\n        variant: 'dark',\n      },\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'skyBlue.90',\n        activeBg: 'transparent',\n        activeBorderColor: 'darkBlue.main',\n      },\n      link: {\n        size: 'md',\n        color: 'darkBlue.main',\n        borderColor: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#0F204B', // darkBlue.main\n      },\n    },\n    divider: {\n      color: 'darkBlue.main',\n    },\n    mobileToggle: {\n      color: 'darkBlue.main',\n      hoverColor: 'darkBlue.main',\n      activeColor: 'darkBlue.main',\n    },\n    notifications: {\n      container: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n      },\n    },\n    services: {\n      button: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      background: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderBottom: 0,\n    },\n    createAccount: {\n      link: {\n        variant: 'light',\n      },\n      text: {\n        color: 'white',\n      },\n    },\n    account: {\n      trigger: {\n        variant: 'primaryLight',\n      },\n    },\n    divider: {\n      borderColor: 'white',\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'seaBlue.25',\n        activeBg: 'transparent',\n        activeBorderColor: 'digiGreen.main',\n      },\n      link: {\n        size: 'md',\n        color: 'white',\n        borderColor: 'digiGreen.main',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#FFFFFF',\n      },\n    },\n    mainLinks: {\n      color: { md: 'white' },\n    },\n    mobileContent: {\n      top: '100%',\n    },\n    mobileToggle: {\n      color: 'white',\n      hoverBg: 'seaBlue.25',\n      hoverColor: 'white',\n      activeBg: 'seaBlue.35',\n      activeColor: 'white',\n    },\n    notifications: {\n      container: {\n        variant: 'solid',\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        borderColor: 'transparent',\n      },\n      icon: {\n        color: 'white',\n      },\n    },\n    services: {\n      button: {\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      button: {\n        variant: 'primaryLight',\n      },\n      colorScheme: 'pink',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW,EACT,aAAa,iBACd;EACD,eAAe,EACb,MAAM,EACJ,SAAS,QACV,EACF;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,YAAY;IACZ,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,SAAS,EACP,OAAO,iBACR;EACD,cAAc;GACZ,OAAO;GACP,YAAY;GACZ,aAAa;GACd;EACD,eAAe,EACb,WAAW;GACT,OAAO;GACP,YAAY;GACb,EACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,YAAY;IACZ,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ,EACN,YAAY,iBACb;EACF;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,cAAc;GACf;EACD,eAAe;GACb,MAAM,EACJ,SAAS,SACV;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,SAAS,EACP,SAAS,EACP,SAAS,gBACV,EACF;EACD,SAAS,EACP,aAAa,SACd;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,WAAW,EACT,OAAO,EAAE,IAAI,SAAS,EACvB;EACD,eAAe,EACb,KAAK,QACN;EACD,cAAc;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACD,eAAe;GACb,WAAW;IACT,SAAS;IACT,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ;GACN,QAAQ,EACN,SAAS,gBACV;GACD,aAAa;GACd;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/header/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = [\n  'container',\n  'account',\n  'accountUserInfo',\n  'content',\n  'createAccount',\n  'divider',\n  'linkItem',\n  'logo',\n  'mainLinks',\n  'mobileContent',\n  'mobileToggle',\n  'notifications',\n  'services',\n  'servicesMessage',\n  'signIn',\n]\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      borderColor: 'darkBlue.main',\n    },\n    createAccount: {\n      link: {\n        variant: 'dark',\n      },\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'skyBlue.90',\n        activeBg: 'transparent',\n        activeBorderColor: 'darkBlue.main',\n      },\n      link: {\n        size: 'md',\n        color: 'darkBlue.main',\n        borderColor: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#0F204B', // darkBlue.main\n      },\n    },\n    divider: {\n      color: 'darkBlue.main',\n    },\n    mobileToggle: {\n      color: 'darkBlue.main',\n      hoverColor: 'darkBlue.main',\n      activeColor: 'darkBlue.main',\n    },\n    notifications: {\n      container: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n      },\n    },\n    services: {\n      button: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      background: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderBottom: 0,\n    },\n    createAccount: {\n      link: {\n        variant: 'light',\n      },\n      text: {\n        color: 'white',\n      },\n    },\n    account: {\n      trigger: {\n        variant: 'primary',\n        intent: 'contrast',\n      },\n    },\n    divider: {\n      borderColor: 'white',\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'seaBlue.25',\n        activeBg: 'transparent',\n        activeBorderColor: 'digiGreen.main',\n      },\n      link: {\n        size: 'md',\n        color: 'white',\n        borderColor: 'digiGreen.main',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#FFFFFF',\n      },\n    },\n    mainLinks: {\n      color: { md: 'white' },\n    },\n    mobileContent: {\n      top: '100%',\n    },\n    mobileToggle: {\n      color: 'white',\n      hoverBg: 'seaBlue.25',\n      hoverColor: 'white',\n      activeBg: 'seaBlue.35',\n      activeColor: 'white',\n    },\n    notifications: {\n      container: {\n        variant: 'solid',\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        borderColor: 'transparent',\n      },\n      icon: {\n        color: 'white',\n      },\n    },\n    services: {\n      button: {\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      button: {\n        variant: 'primary',\n        intent: 'contrast',\n      },\n      colorScheme: 'pink',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW,EACT,aAAa,iBACd;EACD,eAAe,EACb,MAAM,EACJ,SAAS,QACV,EACF;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,YAAY;IACZ,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,SAAS,EACP,OAAO,iBACR;EACD,cAAc;GACZ,OAAO;GACP,YAAY;GACZ,aAAa;GACd;EACD,eAAe,EACb,WAAW;GACT,OAAO;GACP,YAAY;GACb,EACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,YAAY;IACZ,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ,EACN,YAAY,iBACb;EACF;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,cAAc;GACf;EACD,eAAe;GACb,MAAM,EACJ,SAAS,SACV;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,SAAS,EACP,SAAS;GACP,SAAS;GACT,QAAQ;GACT,EACF;EACD,SAAS,EACP,aAAa,SACd;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,WAAW,EACT,OAAO,EAAE,IAAI,SAAS,EACvB;EACD,eAAe,EACb,KAAK,QACN;EACD,cAAc;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACD,eAAe;GACb,WAAW;IACT,SAAS;IACT,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ;GACN,QAAQ;IACN,SAAS;IACT,QAAQ;IACT;GACD,aAAa;GACd;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/heading/heading.js

@@ -42,5 +42,5 @@ Heading.displayName = "Heading";
 
 //#endregion
 export { HeadingBase, Heading as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=heading.js.map