@veracity/vui 3.3.0 → 3.4.0

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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 }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url }}\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, 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} />\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} 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            <FooterColumns columns={columns} />\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":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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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"}

package/dist/footer/footer.types.d.ts

@@ -20,6 +20,7 @@ type FooterLinkData = {
   id?: string;
   text: string;
   url?: string;
+  target?: '_blank' | '_self' | '_parent' | '_top';
   items?: FooterLinkData[];
 };
 type FooterProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Footer'> & Pick<FooterTrademarkProps, 'linkedIn'> & {

package/dist/footer/footer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB;KAEnB,iBAAA,CAAA,CAAA,CAAoB;EAFpB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAEC,iBAFgB,CAAA,CAAA;AAK7B,CAAA;AAIY,IAAA,CAJA,kBAAA,CAAA,CAAA,CAAqB,QAIA,CAAA,CAAA,CAAA;EAErB,OAAA,CAAA,CAAA,CALA,gBAKa,CAAA,CAAA;AAGzB,CAAA;AAQY,IAAA,CAbA,kBAAA,CAAA,CAAA,CAAqB,QAaV;AAAQ,IAAA,CAXnB,aAAA,CAAA,CAAA,CAAgB,IAWG,CAXE,WAWF,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AAC7B,IAAA,CATU,cAAA,CAAA,CAAA,CASV;EACK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAL,EAAA,CAAA,CAAA,CAAA,MAAA;EACqB,IAAA,CAAA,CAAA,MAAA;EACM,GAAA,CAAA,CAAA,CAAA,MAAA;EAGf,KAAA,CAAA,CAAA,CAVJ,cAUI,CAAA,CAAA;CAAgB;AAMlB,IAAA,CAbA,WAAA,CAAA,CAAA,CAAc,IAaQ,CAbH,QAaG,CAAA,CAAA,CAAA,IAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAL,CAAI,CAAA,CAAA,CAZvC,YAYuC,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAXvC,IAWuC,CAXlC,oBAWkC,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAG7B,gBAAA,CAAA,CAAA,CAbW,cAgBb,CAAA,CAAA;EAGE,sBAAkB,CAAA,CAAA,CAlBD,cAkBC,CAAA,CAAA;EAAG,sBAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;EAErB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAA+B,OAAI,CAAA,CAAA,CAjBjC,gBAiBiC,CAAA,CAAA;EAErC,aAAA,CAAA,CAAA,CAAA,OAAA;EAA6B,MAAI,CAAA,CAAA,CAAA,OAAA;EAAO,KAAA,CAAA,CAAA,CAAA,OAAA;AAGlD,CAAA;KAhBY,sBAAA,CAAA,CAAA,CAAyB,KAAK;;KAG9B,iBAAA,CAAA,CAAA;;;UAGF;;KAGE,kBAAA,CAAA,CAAA,CAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,CAAA,CAAA,CAAuB"}
+{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB;KAEnB,iBAAA,CAAA,CAAA,CAAoB;EAFpB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAEC,iBAFgB,CAAA,CAAA;AAK7B,CAAA;AAIY,IAAA,CAJA,kBAAA,CAAA,CAAA,CAAqB,QAIA,CAAA,CAAA,CAAA;EAErB,OAAA,CAAA,CAAA,CALA,gBAKa,CAAA,CAAA;AAGzB,CAAA;AASY,IAAA,CAdA,kBAAA,CAAA,CAAA,CAAqB,QAcV;AAAQ,IAAA,CAZnB,aAAA,CAAA,CAAA,CAAgB,IAYG,CAZE,WAYF,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AAC7B,IAAA,CAVU,cAAA,CAAA,CAAA,CAUV;EACK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAL,EAAA,CAAA,CAAA,CAAA,MAAA;EACqB,IAAA,CAAA,CAAA,MAAA;EACM,GAAA,CAAA,CAAA,CAAA,MAAA;EAGf,MAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;EAAgB,KAAA,CAAA,CAAA,CAVpB,cAUoB,CAAA,CAAA;AAM9B,CAAA;AAGY,IAAA,CAhBA,WAAA,CAAA,CAAA,CAAc,IAgBG,CAhBE,QAmBrB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAc,CAAA,CAAA,CAAA,CAlBtB,YAkBsB,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAjBtB,IAiBsB,CAjBjB,oBAiBiB,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAGZ,gBAAA,CAAA,CAAA,CAnBW,cAmBO,CAAA,CAAA;EAAG,sBAAA,CAAA,CAAA,CAlBJ,cAkBI,CAAA,CAAA;EAErB,sBAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;EAA+B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEjC,OAAA,CAAA,CAAA,CAnBI,gBAmBJ,CAAA,CAAA;EAA6B,aAAI,CAAA,CAAA,CAAA,OAAA;EAAO,MAAA,CAAA,CAAA,CAAA,OAAA;EAGtC,KAAA,CAAA,CAAA,CAAA,OAAA;;KAhBA,sBAAA,CAAA,CAAA,CAAyB,KAAK;;KAG9B,iBAAA,CAAA,CAAA;;;UAGF;;KAGE,kBAAA,CAAA,CAAA,CAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,CAAA,CAAA,CAAuB"}

package/dist/footer/footerColumn.js

@@ -45,5 +45,5 @@ var footerColumn_default = FooterColumn;
 
 //#endregion
 export { footerColumn_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumns.js

@@ -28,5 +28,5 @@ var footerColumns_default = FooterColumns;
 
 //#endregion
 export { footerColumns_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumns.js","names":["FooterRow","FooterColumn"],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  \n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AAErB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAACA;GAAe;cACd,oBAACC,wBAAiC,UAAU,eAAzB,cAAwC,EAC3D,oBAACA,wBAAgC,UAAU,cAAxB,aAAsC;IAC/C;;AAGhB,QACE,oBAACD;EAAe;YACb,QAAQ,KAAK,UAAU,UACtB,oBAACC,wBAAmC,YAAjB,MAA6B,CAChD;GACQ;EAEd;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerColumns.js","names":["FooterRow","FooterColumn"],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AAErB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAACA;GAAe;cACd,oBAACC,wBAAiC,UAAU,eAAzB,cAAwC,EAC3D,oBAACA,wBAAgC,UAAU,cAAxB,aAAsC;IAC/C;;AAGhB,QACE,oBAACD;EAAe;YACb,QAAQ,KAAK,UAAU,UACtB,oBAACC,wBAAmC,YAAjB,MAA6B,CAChD;GACQ;EAEd;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerContent.js

@@ -37,5 +37,5 @@ var footerContent_default = FooterContent;
 
 //#endregion
 export { FooterContent, footerContent_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerContent.js.map

package/dist/footer/footerHeading.js

@@ -25,5 +25,5 @@ var footerHeading_default = FooterHeading;
 
 //#endregion
 export { FooterHeading, footerHeading_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerHeading.js.map

package/dist/footer/footerLink.js

@@ -34,5 +34,5 @@ var footerLink_default = FooterLink;
 
 //#endregion
 export { FooterLink, footerLink_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerRow.js

@@ -28,5 +28,5 @@ var footerRow_default = FooterRow;
 
 //#endregion
 export { footerRow_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerRow.js.map

package/dist/footer/footerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.js","names":["Box"],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return <Box className={cs('vui-footerRow', className)} ref={ref} wrap {...styles.row} gap={{xs: 2, sm: 0, md:0}} {...rest} />\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAACA;EAAI,WAAW,GAAG,iBAAiB,UAAU;EAAO;EAAK;EAAK,GAAI,OAAO;EAAK,KAAK;GAAC,IAAI;GAAG,IAAI;GAAG,IAAG;GAAE;EAAE,GAAI;GAAQ;EAC7H;AAEF,UAAU,cAAc;AACxB,wBAAe"}
+{"version":3,"file":"footerRow.js","names":["Box"],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerRow', className)}\n      ref={ref}\n      wrap\n      {...styles.row}\n      gap={{ xs: 2, sm: 0, md: 0 }}\n      {...rest}\n    />\n  )\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,iBAAiB,UAAU;EACpC;EACL;EACA,GAAI,OAAO;EACX,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG;EAC5B,GAAI;GACJ;EAEJ;AAEF,UAAU,cAAc;AACxB,wBAAe"}

package/dist/footer/footerSection.js

@@ -20,9 +20,10 @@ const FooterSection = vui((props, ref) => {
 		ref,
 		...styles.section,
 		...rest,
-		children: [isJsx(heading) ? heading : /* @__PURE__ */ jsx(footerHeading_default, { text: heading }), children ?? (isJsx(links) ? links : /* @__PURE__ */ jsx(v.ul, { children: links?.map(({ text, url }, index) => /* @__PURE__ */ jsx(v.li, { children: /* @__PURE__ */ jsx(footerLink_default, {
+		children: [isJsx(heading) ? heading : /* @__PURE__ */ jsx(footerHeading_default, { text: heading }), children ?? (isJsx(links) ? links : /* @__PURE__ */ jsx(v.ul, { children: links?.map(({ text, url, target }, index) => /* @__PURE__ */ jsx(v.li, { children: /* @__PURE__ */ jsx(footerLink_default, {
 			href: url,
-			text
+			text,
+			target
 		}) }, index)) }))]
 	});
 });
@@ -31,5 +32,5 @@ var footerSection_default = FooterSection;
 
 //#endregion
 export { FooterSection, footerSection_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterSectionProps } from './footer.types'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,MAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAACC,yBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,OAAO,UAC1B,oBAAC,EAAE,gBACD,oBAACC;GAAW,MAAM;GAAW;IAAQ,IAD5B,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterSectionProps } from './footer.types'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url, target }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} target={target} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,MAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAACC,yBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,KAAK,UAAU,UAClC,oBAAC,EAAE,gBACD,oBAACC;GAAW,MAAM;GAAW;GAAc;IAAU,IAD5C,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerSlimColumn.js

@@ -37,5 +37,5 @@ var footerSlimColumn_default = FooterSlimColumn;
 
 //#endregion
 export { footerSlimColumn_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerSlimColumn.js.map

package/dist/footer/footerTrademark.js

@@ -38,6 +38,7 @@ const FooterTrademark = vui((props, ref) => {
 				href: linkedIn ?? defaultLinkedInUrl,
 				iconLeft: /* @__PURE__ */ jsx(link_default.Icon, {
 					mr: 1,
+					left: 0,
 					name: "brandCircleLinkedIn",
 					radius: "50%",
 					size: "sm"
@@ -71,5 +72,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"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 className={cs('vui-footerTrademark', className)} ref={ref} w=\"100%\" gap={{ xs: 1, sm: 0 }} wrap {...styles.trademark} {...rest}>\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} 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,SAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,uBAAuB,UAAU;EAAO;EAAK,GAAE;EAAO,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EAAE;EAAK,GAAI,OAAO;EAAW,GAAI;aAC7H,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAACC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAACA,aAAK;KAAK,IAAI;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IAChF;IACA,GAAI,OAAO;cAEX,oBAACC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAACF;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAACG;IAAE,MAAK;eACN,oBAACA;KAAE,MAAK;KAAK,YAAW;eAAO;MAE3B;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"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,SAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EACC,WAAW,GAAG,uBAAuB,UAAU;EAC1C;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EACrB;EACA,GAAI,OAAO;EACX,GAAI;aAEJ,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAACC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAACA,aAAK;KAAK,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IACzF;IACA,GAAI,OAAO;cAEX,oBAACC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAACF;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAACG;IAAE,MAAK;eACN,oBAACA;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__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=helpers.js.map

package/dist/footer/theme.js

@@ -1,5 +1,5 @@
 //#region src/footer/theme.ts
-const baseStyle = {};
+const baseStyle = { link: {} };
 const defaultProps = { variant: "default" };
 const parts = [
 	"container",
@@ -47,5 +47,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/footer/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/footer/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = ['container', 'column', 'content', 'heading', 'link', 'row', 'section', 'trademark']\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n    link: {\n      color: 'white',\n    },\n  },\n  developer: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n\n    link: {\n      color: 'digiGreen.main',\n    },\n  },\n  light: {\n    container: {\n      bg: 'white',\n      color: 'darkBlue.main',\n    },\n    row: {\n      color: 'black',\n    },\n\n    link: {\n      color: 'seaBlue.main',\n    },\n    heading: {\n      color: 'darkBlue.main',\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;CAAC;CAAa;CAAU;CAAW;CAAW;CAAQ;CAAO;CAAW;CAAY;AAElG,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,MAAM,EACJ,OAAO,SACR;EACF;CACD,WAAW;EACT,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EAED,MAAM,EACJ,OAAO,kBACR;EACF;CACD,OAAO;EACL,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,KAAK,EACH,OAAO,SACR;EAED,MAAM,EACJ,OAAO,gBACR;EACD,SAAS,EACP,OAAO,iBACR;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/footer/theme.ts"],"sourcesContent":["const baseStyle = {\n  link: {},\n}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = ['container', 'column', 'content', 'heading', 'link', 'row', 'section', 'trademark']\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n    link: {\n      color: 'white',\n    },\n  },\n  developer: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n\n    link: {\n      color: 'digiGreen.main',\n    },\n  },\n  light: {\n    container: {\n      bg: 'white',\n      color: 'darkBlue.main',\n    },\n    row: {\n      color: 'black',\n    },\n\n    link: {\n      color: 'seaBlue.main',\n    },\n    heading: {\n      color: 'darkBlue.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,MAAM,EAAE,EACT;AAED,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAW;CAAW;CAAQ;CAAO;CAAW;CAAY;AAElG,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,MAAM,EACJ,OAAO,SACR;EACF;CACD,WAAW;EACT,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EAED,MAAM,EACJ,OAAO,kBACR;EACF;CACD,OAAO;EACL,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,KAAK,EACH,OAAO,SACR;EAED,MAAM,EACJ,OAAO,gBACR;EACD,SAAS,EACP,OAAO,iBACR;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/grid/grid.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { GridProps } from "./grid.types.js";
 import "../index.js";
-import * as styled_components429 from "styled-components";
+import * as styled_components380 from "styled-components";
 
 //#region src/grid/grid.d.ts
-declare const GridBase: styled_components429.StyledComponent<"div", styled_components429.DefaultTheme, SystemProps, never>;
+declare const GridBase: styled_components380.StyledComponent<"div", styled_components380.DefaultTheme, SystemProps, never>;
 /** Displays a basic grid wrapper. */
 declare const Grid: VuiComponent<"span", GridProps>;
 //#endregion

package/dist/grid/grid.js

@@ -23,5 +23,5 @@ Grid.displayName = "Grid";
 
 //#endregion
 export { Grid, GridBase };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=grid.js.map

package/dist/grid/theme.js

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

package/dist/header/context.d.ts

@@ -1,8 +1,8 @@
 import { HeaderContext } from "./header.types.js";
-import * as react954 from "react";
+import * as react937 from "react";
 
 //#region src/header/context.d.ts
-declare const HeaderProvider: react954.Provider<HeaderContext>, useHeaderContext: () => HeaderContext;
+declare const HeaderProvider: react937.Provider<HeaderContext>, useHeaderContext: () => HeaderContext;
 //#endregion
 export { HeaderProvider, useHeaderContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/header/context.js

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

package/dist/header/header.d.ts

@@ -19,10 +19,10 @@ import { HeaderServicesMessage } from "./headerServicesMessage.js";
 import { HeaderSignIn } from "./headerSignIn.js";
 import { HeaderSupport } from "./headerSupport.js";
 import "../index.js";
-import * as styled_components419 from "styled-components";
+import * as styled_components378 from "styled-components";
 
 //#region src/header/header.d.ts
-declare const HeaderBase: styled_components419.StyledComponent<"header", styled_components419.DefaultTheme, SystemProps, never>;
+declare const HeaderBase: styled_components378.StyledComponent<"header", styled_components378.DefaultTheme, SystemProps, never>;
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 declare const Header: VuiComponent<"header", HeaderProps> & {
   Account: typeof HeaderAccount;

package/dist/header/header.js

@@ -96,5 +96,5 @@ var header_default = Header;
 
 //#endregion
 export { Header, HeaderBase, header_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=header.js.map

package/dist/header/headerAccount.d.ts

@@ -1,10 +1,10 @@
 import { HeaderAccountProps } from "./headerAccount.types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/header/headerAccount.d.ts
 /** Disables popper's dynamic re-positioning */
 /** Displays user account information and helpful links, like settings or logout. */
-declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime12.JSX.Element;
+declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime3.JSX.Element;
 declare namespace HeaderAccount {
   var displayName: string;
 }

package/dist/header/headerAccount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.d.ts","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAcgB,aAAA,QAAqB,qBAAkB,mBAAA,CAAA,GAAA,CAAA;AAAvC,OAAA,CAAA,SAAA,CAAA,aAAA,CAAqB;EAArB,GAAA,CAAA,WAAA,CAAA,CAAa,MAAA"}
+{"version":3,"file":"headerAccount.d.ts","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAcgB,aAAA,QAAqB,qBAAkB,kBAAA,CAAA,GAAA,CAAA;AAAvC,OAAA,CAAA,SAAA,CAAA,aAAA,CAAqB;EAArB,GAAA,CAAA,WAAA,CAAA,CAAa,MAAA"}

package/dist/header/headerAccount.js

@@ -62,5 +62,5 @@ var headerAccount_default = HeaderAccount;
 
 //#endregion
 export { HeaderAccount, headerAccount_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerAccount.js.map

package/dist/header/headerAccountUserInfo.js

@@ -68,5 +68,5 @@ var headerAccountUserInfo_default = HeaderAccountUserInfo;
 
 //#endregion
 export { HeaderAccountUserInfo, headerAccountUserInfo_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerAccountUserInfo.js.map

package/dist/header/headerApplicationName.js

@@ -41,5 +41,5 @@ var headerApplicationName_default = HeaderApplicationName;
 
 //#endregion
 export { HeaderApplicationName, headerApplicationName_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerApplicationName.js.map

package/dist/header/headerContent.js

@@ -27,5 +27,5 @@ var headerContent_default = HeaderContent;
 
 //#endregion
 export { HeaderContent, headerContent_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerContent.js.map

package/dist/header/headerCreateAccount.js

@@ -46,5 +46,5 @@ var headerCreateAccount_default = HeaderCreateAccount;
 
 //#endregion
 export { HeaderCreateAccount, headerCreateAccount_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerCreateAccount.js.map

package/dist/header/headerDivider.js

@@ -25,5 +25,5 @@ var headerDivider_default = HeaderDivider;
 
 //#endregion
 export { HeaderDivider, headerDivider_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerDivider.js.map

package/dist/header/headerLinkItem.js

@@ -86,5 +86,5 @@ var headerLinkItem_default = HeaderLinkItem;
 
 //#endregion
 export { HeaderLinkItem, headerLinkItem_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerLinkItem.js.map

package/dist/header/headerLogo.js

@@ -26,5 +26,5 @@ var headerLogo_default = HeaderLogo;
 
 //#endregion
 export { HeaderLogo, headerLogo_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerLogo.js.map

package/dist/header/headerMainLinks.js

@@ -31,5 +31,5 @@ var headerMainLinks_default = HeaderMainLinks;
 
 //#endregion
 export { HeaderMainLinks, headerMainLinks_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerMainLinks.js.map

package/dist/header/headerMobileContent.js

@@ -36,5 +36,5 @@ var headerMobileContent_default = HeaderMobileContent;
 
 //#endregion
 export { HeaderMobileContent, headerMobileContent_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerMobileContent.js.map

package/dist/header/headerMobileContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileContent.js","names":["Box"],"sources":["../../src/header/headerMobileContent.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, useUp, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays part of the Header content when on a mobile screen. */\nexport const HeaderMobileContent = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileContentRef } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const isLargerThanTablet = useUp('lg')\n\n  return isMobileOpen ? (\n    <Box\n      bg=\"white\"\n      className={cs('vui-headerMobileContent', className)}\n      column\n      overflowX=\"hidden\"\n      overflowY=\"auto\"\n      position=\"absolute\"\n      ref={mergeRefs(ref, mobileContentRef)}\n      right={isLargerThanTablet ? '-40px' : '-16px'}\n      boxShadow='sm'\n      top=\"calc(100% + 1px)\"\n      w={isLargerThanTablet ? 320 : 280}\n      zIndex=\"100\"\n      {...styles.mobileContent}\n      {...rest}\n    />\n  ) : null\n})\n\nHeaderMobileContent.displayName = 'HeaderMobileContent'\nexport default HeaderMobileContent\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,sBAAsB,KAAsB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,qBAAqB,kBAAkB,IAAI,EAAE;CACnE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,qBAAqB,MAAM,KAAK;AAEtC,QAAO,eACL,oBAACA;EACC,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,iBAAiB;EACrC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;GACJ,GACA;EACJ;AAEF,oBAAoB,cAAc;AAClC,kCAAe"}
+{"version":3,"file":"headerMobileContent.js","names":["Box"],"sources":["../../src/header/headerMobileContent.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, useUp, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays part of the Header content when on a mobile screen. */\nexport const HeaderMobileContent = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileContentRef } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const isLargerThanTablet = useUp('lg')\n\n  return isMobileOpen ? (\n    <Box\n      bg=\"white\"\n      className={cs('vui-headerMobileContent', className)}\n      column\n      overflowX=\"hidden\"\n      overflowY=\"auto\"\n      position=\"absolute\"\n      ref={mergeRefs(ref, mobileContentRef)}\n      right={isLargerThanTablet ? '-40px' : '-16px'}\n      boxShadow=\"sm\"\n      top=\"calc(100% + 1px)\"\n      w={isLargerThanTablet ? 320 : 280}\n      zIndex=\"100\"\n      {...styles.mobileContent}\n      {...rest}\n    />\n  ) : null\n})\n\nHeaderMobileContent.displayName = 'HeaderMobileContent'\nexport default HeaderMobileContent\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,sBAAsB,KAAsB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,qBAAqB,kBAAkB,IAAI,EAAE;CACnE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,qBAAqB,MAAM,KAAK;AAEtC,QAAO,eACL,oBAACA;EACC,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,iBAAiB;EACrC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;GACJ,GACA;EACJ;AAEF,oBAAoB,cAAc;AAClC,kCAAe"}

package/dist/header/headerMobileToggle.js

@@ -31,5 +31,5 @@ var headerMobileToggle_default = HeaderMobileToggle;
 
 //#endregion
 export { HeaderMobileToggle, headerMobileToggle_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerMobileToggle.js.map

package/dist/header/headerNotifications.js

@@ -52,5 +52,5 @@ var headerNotifications_default = HeaderNotifications;
 
 //#endregion
 export { HeaderNotifications, headerNotifications_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerServices.d.ts

@@ -1,9 +1,9 @@
 import { HeaderServicesProps } from "./header.types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/header/headerServices.d.ts
 /** Displays a list of services available to the user. */
-declare function HeaderServices(props: HeaderServicesProps): react_jsx_runtime13.JSX.Element;
+declare function HeaderServices(props: HeaderServicesProps): react_jsx_runtime4.JSX.Element;
 declare namespace HeaderServices {
   var displayName: string;
 }

package/dist/header/headerServices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerServices.d.ts","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":[],"mappings":";;;;;iBAyBgB,cAAA,QAAsB,sBAAmB,mBAAA,CAAA,GAAA,CAAA;kBAAzC,cAAA;EAAA,GAAA,CAAA,WAAA,CAAA,CAAc,MAAA"}
+{"version":3,"file":"headerServices.d.ts","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":[],"mappings":";;;;;iBAyBgB,cAAA,QAAsB,sBAAmB,kBAAA,CAAA,GAAA,CAAA;kBAAzC,cAAA;EAAA,GAAA,CAAA,WAAA,CAAA,CAAc,MAAA"}

package/dist/header/headerServices.js

@@ -65,5 +65,5 @@ var headerServices_default = HeaderServices;
 
 //#endregion
 export { HeaderServices, headerServices_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerServices.js.map

package/dist/header/headerServicesMessage.js

@@ -38,5 +38,5 @@ var headerServicesMessage_default = HeaderServicesMessage;
 
 //#endregion
 export { HeaderServicesMessage, headerServicesMessage_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerServicesMessage.js.map

package/dist/header/headerSignIn.js

@@ -29,5 +29,5 @@ var headerSignIn_default = HeaderSignIn;
 
 //#endregion
 export { HeaderSignIn, headerSignIn_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSupport.d.ts

@@ -1,9 +1,9 @@
 import { HeaderSupportProps } from "./header.types.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/header/headerSupport.d.ts
 /** Displays a list of services available to the user. */
-declare function HeaderSupport(props: HeaderSupportProps): react_jsx_runtime16.JSX.Element;
+declare function HeaderSupport(props: HeaderSupportProps): react_jsx_runtime14.JSX.Element;
 declare namespace HeaderSupport {
   var displayName: string;
 }

package/dist/header/headerSupport.js

@@ -72,5 +72,5 @@ var headerSupport_default = HeaderSupport;
 
 //#endregion
 export { headerSupport_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=headerSupport.js.map

package/dist/header/helpers.js

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

package/dist/header/loggedInHeader.js

@@ -131,5 +131,5 @@ LoggedInHeader.displayName = "LoggedInHeader";
 
 //#endregion
 export { LoggedInHeader };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedOutHeader.js

@@ -68,5 +68,5 @@ LoggedOutHeader.displayName = "LoggedOutHeader";
 
 //#endregion
 export { LoggedOutHeader };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/theme.js

@@ -132,5 +132,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.3.0"
+globalThis.__vuiVersion__ = "3.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/heading/heading.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
 import "../index.js";
-import * as styled_components425 from "styled-components";
+import * as styled_components382 from "styled-components";
 
 //#region src/heading/heading.d.ts
-declare const HeadingBase: styled_components425.StyledComponent<"h2", styled_components425.DefaultTheme, SystemProps, never>;
+declare const HeadingBase: styled_components382.StyledComponent<"h2", styled_components382.DefaultTheme, SystemProps, never>;
 /** Used to define headings and titles for pages, articles, panels, etc. */
 declare const Heading: VuiComponent<"h2", HeadingProps>;
 //#endregion