@veracity/vui 3.2.0 → 3.3.0

package/dist/footer/footer.js

@@ -25,7 +25,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const FooterBase = styled.divBox`
   background-color: darkBlue.main;
   color: white;
-  padding: 5 3;
 `;
 const currentYear = getCurrentYear();
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
@@ -60,8 +59,8 @@ const Footer = vui((props, ref) => {
 		value: context,
 		children: /* @__PURE__ */ jsxs(FooterBase, {
 			className: cs("vui-footer", isApplication ? "vui-footer-app" : "", className),
-			px: isApplication ? "40px" : 3,
-			py: isSlim ? downMd ? "16px" : "9px" : 5,
+			px: isApplication ? "40px" : downMd ? 2 : 3,
+			py: isSlim ? downMd ? "16px" : "9px" : downMd ? 4 : 5,
 			role: "contentinfo",
 			...styles.container,
 			ref,
@@ -82,7 +81,7 @@ const Footer = vui((props, ref) => {
 									xs: "0 0 100%",
 									sm: "0 0 100%",
 									md: "0 0 100%",
-									lg: "0 0 50%"
+									lg: "0 1 50%"
 								},
 								py: {
 									xs: 1,
@@ -90,6 +89,10 @@ const Footer = vui((props, ref) => {
 									md: 1.25,
 									lg: 1.5
 								},
+								pr: {
+									_: 0,
+									lg: 1
+								},
 								wrap: true,
 								children: applicationLinks?.map((link, index) => /* @__PURE__ */ jsxs(Box, {
 									flex: {
@@ -105,10 +108,14 @@ const Footer = vui((props, ref) => {
 										children: [/* @__PURE__ */ jsx(menu_default.Button, {
 											as: Link,
 											className: "vui-footerLink-trigger",
-											pt: "3px",
+											pt: "1px",
 											role: "button",
 											text: link.text,
 											title: link.text,
+											size: {
+												_: "sm",
+												md: "md"
+											},
 											...styles.link,
 											...rest
 										}), /* @__PURE__ */ jsx(menu_default.List, {
@@ -126,7 +133,8 @@ const Footer = vui((props, ref) => {
 										})]
 									}), !link.items && /* @__PURE__ */ jsx(footerLink_default, {
 										...link,
-										href: link.url
+										href: link.url,
+										py: "1px"
 									})]
 								}, index))
 							}),
@@ -143,7 +151,7 @@ const Footer = vui((props, ref) => {
 									xs: "0 0 100%",
 									sm: "0 0 100%",
 									md: "0 0 100%",
-									lg: "0 0 50%"
+									lg: "0 1 50%"
 								},
 								justifyContent: {
 									sm: "center",
@@ -155,6 +163,10 @@ const Footer = vui((props, ref) => {
 									md: 1.25,
 									lg: 1.5
 								},
+								pl: {
+									_: 0,
+									lg: 1
+								},
 								wrap: true,
 								children: [
 									applicationStaticItems?.map((text, index) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(T, {
@@ -287,5 +299,5 @@ var footer_default = Footer;
 
 //#endregion
 export { Footer, FooterBase, footer_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=footer.js.map

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  padding: 5 3;\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' : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : 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 0 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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=\"3px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\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} />}\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 0 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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 }, 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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"}

package/dist/footer/footerColumn.js

@@ -9,26 +9,33 @@ import { jsx } from "react/jsx-runtime";
 //#region src/footer/footerColumn.tsx
 /** Organizes sections with links into a single column. Different width per breakpoint. */
 const FooterColumn = vui((props, ref) => {
-	const { children, className, sections, flex,...rest } = props;
+	const { children, className, sections, flex, maxW,...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerColumn", className),
 		column: true,
+		...styles.column,
 		flex: flex ?? {
 			xs: "0 0 50%",
 			sm: "0 0 50%",
 			md: "0 0 25%"
 		},
-		minW: 164,
+		minW: {
+			xs: "auto",
+			sm: "165px"
+		},
+		maxW: maxW ?? {
+			xs: "calc(50% - 8px)",
+			sm: "auto"
+		},
 		p: {
-			xs: 1,
+			xs: 0,
 			sm: 1,
 			md: 1.25,
 			lg: 1.5
 		},
 		ref,
 		spaceY: 4,
-		...styles.column,
 		...rest,
 		children: children ?? sections?.map((section, index) => /* @__PURE__ */ jsx(footerSection_default, { ...section }, index))
 	});
@@ -38,5 +45,5 @@ var footerColumn_default = FooterColumn;
 
 //#endregion
 export { footerColumn_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterColumnProps } from './footer.types'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,KAAM,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}
+{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterColumnProps } from './footer.types'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, maxW, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      {...styles.column}\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={{ xs: 'auto', sm: '165px' }}\n      maxW={maxW ?? { xs: 'calc(50% - 8px)', sm: 'auto' }}\n      p={{ xs: 0, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,KAAM,GAAG,SAAS;CAC/D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,GAAI,OAAO;EACX,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;GAAE,IAAI;GAAQ,IAAI;GAAS;EACjC,MAAM,QAAQ;GAAE,IAAI;GAAmB,IAAI;GAAQ;EACnD,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/footer/footerColumns.js

@@ -8,17 +8,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** Organizes sections with links into a single column. Different width per breakpoint. */
 const FooterColumns = vui((props, ref) => {
 	const { columns } = props;
-	const downXs = useDown(460);
 	const downMd = useDown("md");
 	if (!columns) return null;
-	if (downXs) return /* @__PURE__ */ jsx(footerRow_default, {
-		ref,
-		children: /* @__PURE__ */ jsx(footerColumn_default, {
-			flex: "1 1 auto",
-			sections: columns.flat(),
-			textAlign: "center"
-		}, "evenColumns")
-	});
 	if (downMd) {
 		const columnsEven = columns.filter((_, index) => index % 2 === 0).flat();
 		const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat();
@@ -37,5 +28,5 @@ var footerColumns_default = FooterColumns;
 
 //#endregion
 export { footerColumns_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.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\n  const downXs = useDown(460)\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downXs) {\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn flex={'1 1 auto'} key={'evenColumns'} sections={columns.flat()} textAlign={'center'} />\n      </FooterRow>\n    )\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;CAEpB,MAAM,SAAS,QAAQ,IAAI;CAC3B,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,OACF,QACE,oBAACA;EAAe;YACd,oBAACC;GAAa,MAAM;GAAgC,UAAU,QAAQ,MAAM;GAAE,WAAW;KAApD,cAAgE;GAC3F;AAGhB,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,qBAACD;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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=footerHeading.js.map

package/dist/footer/footerLink.js

@@ -8,12 +8,17 @@ import { jsx } from "react/jsx-runtime";
 //#region src/footer/footerLink.tsx
 /** Individual link item of the Footer. */
 const FooterLink = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, py,...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(link_default, {
 		className: cs("vui-footerLink", className),
 		display: "inline-block",
-		py: .5,
+		py: py ?? {
+			_: .5,
+			xs: 0,
+			sm: 0,
+			md: .5
+		},
 		ref,
 		size: {
 			_: "sm",
@@ -29,5 +34,5 @@ var footerLink_default = FooterLink;
 
 //#endregion
 export { FooterLink, footerLink_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.js","names":["Link"],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={0.5}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AACzB,yBAAe"}
+{"version":3,"file":"footerLink.js","names":["Link"],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, py, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={py ?? { _: 0.5, xs: 0, sm: 0, md: 0.5 }}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAI,GAAG,SAAS;CACnC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI,MAAM;GAAE,GAAG;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;GAAK;EACtC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AACzB,yBAAe"}

package/dist/footer/footerRow.js

@@ -12,10 +12,14 @@ const FooterRow = vui((props, ref) => {
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerRow", className),
-		m: -1.5,
 		ref,
 		wrap: true,
 		...styles.row,
+		gap: {
+			xs: 2,
+			sm: 0,
+			md: 0
+		},
 		...rest
 	});
 });
@@ -24,5 +28,5 @@ var footerRow_default = FooterRow;
 
 //#endregion
 export { footerRow_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.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)} m={-1.5} ref={ref} wrap {...styles.row} {...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;EAAE,GAAG;EAAW;EAAK;EAAK,GAAI,OAAO;EAAK,GAAI;GAAQ;EAC3G;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 <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"}

package/dist/footer/footerSection.js

@@ -31,5 +31,5 @@ var footerSection_default = FooterSection;
 
 //#endregion
 export { FooterSection, footerSection_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSlimColumn.js

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

package/dist/footer/footerTrademark.js

@@ -19,6 +19,10 @@ const FooterTrademark = vui((props, ref) => {
 		className: cs("vui-footerTrademark", className),
 		ref,
 		w: "100%",
+		gap: {
+			xs: 1,
+			sm: 0
+		},
 		wrap: true,
 		...styles.trademark,
 		...rest,
@@ -28,6 +32,7 @@ const FooterTrademark = vui((props, ref) => {
 				xs: "0 0 100%",
 				md: "0 0 25%"
 			},
+			maxW: "auto",
 			children: /* @__PURE__ */ jsx(link_default, {
 				fontWeight: "demi",
 				href: linkedIn ?? defaultLinkedInUrl,
@@ -50,11 +55,12 @@ const FooterTrademark = vui((props, ref) => {
 				xs: "0 0 100%",
 				md: "0 0 75%"
 			},
+			maxW: "auto",
 			children: /* @__PURE__ */ jsxs(t_default, {
 				size: "xs",
 				children: [/* @__PURE__ */ jsx(t_default, {
 					size: "xs",
-					weight: "demi",
+					fontWeight: "demi",
 					children: "Veracity by DNV"
 				}), ", DNV AS, NO-1322 Høvik, Norway"]
 			})
@@ -65,5 +71,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "3.3.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%\" wrap {...styles.trademark} {...rest}>\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }}>\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%' }}>\n        <T size=\"xs\">\n          <T size=\"xs\" weight=\"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;EAAK,GAAI,OAAO;EAAW,GAAI;aACtG,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,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;aAC3D,qBAACG;IAAE,MAAK;eACN,oBAACA;KAAE,MAAK;KAAK,QAAO;eAAO;MAEvB;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 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"}

package/dist/footer/helpers.js

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

package/dist/footer/theme.js

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

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_components379 from "styled-components";
+import * as styled_components429 from "styled-components";
 
 //#region src/grid/grid.d.ts
-declare const GridBase: styled_components379.StyledComponent<"div", styled_components379.DefaultTheme, SystemProps, never>;
+declare const GridBase: styled_components429.StyledComponent<"div", styled_components429.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/header/context.d.ts

@@ -1,8 +1,8 @@
 import { HeaderContext } from "./header.types.js";
-import * as react937 from "react";
+import * as react954 from "react";
 
 //#region src/header/context.d.ts
-declare const HeaderProvider: react937.Provider<HeaderContext>, useHeaderContext: () => HeaderContext;
+declare const HeaderProvider: react954.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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_components381 from "styled-components";
+import * as styled_components419 from "styled-components";
 
 //#region src/header/header.d.ts
-declare const HeaderBase: styled_components381.StyledComponent<"header", styled_components381.DefaultTheme, SystemProps, never>;
+declare const HeaderBase: styled_components419.StyledComponent<"header", styled_components419.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime3.JSX.Element;
+declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime12.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,kBAAA,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,mBAAA,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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.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.2.0"
+globalThis.__vuiVersion__ = "3.3.0"
 //# sourceMappingURL=headerMainLinks.js.map