@veeqo/ui 16.4.0 → 16.5.0

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -4,16 +4,18 @@ var React = require('react');
 var Breadcrumbs_module = require('./components/Breadcrumbs.module.scss.cjs');
 var RightArrowIcon = require('../../icons/design-system/components/RightArrowIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
 var Breadcrumb = require('./components/Breadcrumb.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const DefaultSeparator = () => (React__default.default.createElement(RightArrowIcon.ReactComponent, { className: "separator", width: sizes.sizes.base, height: sizes.sizes.base }));
+const DefaultSeparator = () => (React__default.default.createElement(RightArrowIcon.ReactComponent, { className: "separator", width: sizes.sizes.base, height: sizes.sizes.base, "aria-hidden": true }));
 const DefaultLink = ({ children, href }) => React__default.default.createElement("a", { href: href }, children);
-const BreadcrumbText = ({ children }) => React__default.default.createElement("span", null, children);
-const Breadcrumbs = ({ items, Separator = React__default.default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.default.createElement("ul", { className: `${Breadcrumbs_module.breadcrumbs} breadcrumbs` }, items.map((item, i) => (React__default.default.createElement(Breadcrumb.Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
+const BreadcrumbText = ({ children }) => (React__default.default.createElement("span", { "aria-current": "page" }, children));
+const Breadcrumbs = ({ items, Separator = React__default.default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.default.createElement("ul", { className: buildClassnames.buildClassnames([Breadcrumbs_module.breadcrumbs, 'breadcrumbs']) }, items.map((item, i) => (React__default.default.createElement(Breadcrumb.Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
 
 exports.Breadcrumbs = Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={`${styles.breadcrumbs} breadcrumbs`}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React","RightArrowIcon","sizes","styles","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,EAAGG,kBAAM,CAAC,WAAW,cAAc,EAAA,EAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAA,CAAA,aAAA,CAACI,qBAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { buildClassnames } from '../../utils';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} aria-hidden />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: DefaultLinkProps) => (\n  <span aria-current=\"page\">{children}</span>\n);\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={buildClassnames([styles.breadcrumbs, 'breadcrumbs'])}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React","RightArrowIcon","sizes","buildClassnames","styles","Breadcrumb"],"mappings":";;;;;;;;;;;;;;AAQA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAA,aAAA,EAAA,IAAA,EAAA,CAAgB,CAC5F;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAoB,MACpDA,+DAAmB,MAAM,EAAA,EAAE,QAAQ,CAAQ,CAC5C;MAEY,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,sBAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEG,+BAAe,CAAC,CAACC,kBAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,EAAA,EAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBJ,sBAAA,CAAA,aAAA,CAACK,qBAAU,IACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -2,12 +2,14 @@ import React__default from 'react';
 import styles from './components/Breadcrumbs.module.scss.js';
 import { ReactComponent as RightArrowIcon } from '../../icons/design-system/components/RightArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
 import { Breadcrumb } from './components/Breadcrumb.js';
 
-const DefaultSeparator = () => (React__default.createElement(RightArrowIcon, { className: "separator", width: sizes.base, height: sizes.base }));
+const DefaultSeparator = () => (React__default.createElement(RightArrowIcon, { className: "separator", width: sizes.base, height: sizes.base, "aria-hidden": true }));
 const DefaultLink = ({ children, href }) => React__default.createElement("a", { href: href }, children);
-const BreadcrumbText = ({ children }) => React__default.createElement("span", null, children);
-const Breadcrumbs = ({ items, Separator = React__default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.createElement("ul", { className: `${styles.breadcrumbs} breadcrumbs` }, items.map((item, i) => (React__default.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
+const BreadcrumbText = ({ children }) => (React__default.createElement("span", { "aria-current": "page" }, children));
+const Breadcrumbs = ({ items, Separator = React__default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.createElement("ul", { className: buildClassnames([styles.breadcrumbs, 'breadcrumbs']) }, items.map((item, i) => (React__default.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
 
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={`${styles.breadcrumbs} breadcrumbs`}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,WAAW,cAAc,EAAA,EAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { buildClassnames } from '../../utils';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} aria-hidden />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: DefaultLinkProps) => (\n  <span aria-current=\"page\">{children}</span>\n);\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={buildClassnames([styles.breadcrumbs, 'breadcrumbs'])}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAA,aAAA,EAAA,IAAA,EAAA,CAAgB,CAC5F;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAoB,MACpDA,uDAAmB,MAAM,EAAA,EAAE,QAAQ,CAAQ,CAC5C;MAEY,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,EAAA,EAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,IACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.cjs

@@ -1,6 +1,8 @@
 'use strict';
 
 var React = require('react');
+var buildClassnames = require('../../../utils/buildClassnames.cjs');
+require('uid/secure');
 var Breadcrumbs_module = require('./Breadcrumbs.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -9,11 +11,11 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 const Breadcrumb = ({ children, title, LinkComponent, href }) => {
     if (LinkComponent) {
-        return (React__default.default.createElement("li", { className: `${Breadcrumbs_module.breadcrumb} breadcrumb` },
+        return (React__default.default.createElement("li", { className: buildClassnames.buildClassnames([Breadcrumbs_module.breadcrumb, 'breadcrumb']) },
             React__default.default.createElement(LinkComponent, { href: href }, title),
             children));
     }
-    return (React__default.default.createElement("li", { className: `${Breadcrumbs_module.breadcrumb} breadcrumb` },
+    return (React__default.default.createElement("li", { className: buildClassnames.buildClassnames([Breadcrumbs_module.breadcrumb, 'breadcrumb']) },
         title,
         children));
 };

package/dist/components/Breadcrumbs/components/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={`${styles.breadcrumb} breadcrumb`}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={`${styles.breadcrumb} breadcrumb`}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React","styles"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;QACjB,QACEA,6CAAI,SAAS,EAAE,GAAGC,kBAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;AAC9C,YAAAD,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;IACD,QACEA,6CAAI,SAAS,EAAE,GAAGC,kBAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;QAC7C,KAAK;QACL,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { buildClassnames } from '../../../utils';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={buildClassnames([styles.breadcrumb, 'breadcrumb'])}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={buildClassnames([styles.breadcrumb, 'breadcrumb'])}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React","buildClassnames","styles"],"mappings":";;;;;;;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,EAAA;AAC/D,YAAAF,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;AACD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,EAAA;QAC9D,KAAK;QACL,QAAQ,CACN;AAET;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.js

@@ -1,13 +1,15 @@
 import React__default from 'react';
+import { buildClassnames } from '../../../utils/buildClassnames.js';
+import 'uid/secure';
 import styles from './Breadcrumbs.module.scss.js';
 
 const Breadcrumb = ({ children, title, LinkComponent, href }) => {
     if (LinkComponent) {
-        return (React__default.createElement("li", { className: `${styles.breadcrumb} breadcrumb` },
+        return (React__default.createElement("li", { className: buildClassnames([styles.breadcrumb, 'breadcrumb']) },
             React__default.createElement(LinkComponent, { href: href }, title),
             children));
     }
-    return (React__default.createElement("li", { className: `${styles.breadcrumb} breadcrumb` },
+    return (React__default.createElement("li", { className: buildClassnames([styles.breadcrumb, 'breadcrumb']) },
         title,
         children));
 };

package/dist/components/Breadcrumbs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={`${styles.breadcrumb} breadcrumb`}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={`${styles.breadcrumb} breadcrumb`}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;QACjB,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;AAC9C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;IACD,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;QAC7C,KAAK;QACL,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { buildClassnames } from '../../../utils';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={buildClassnames([styles.breadcrumb, 'breadcrumb'])}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={buildClassnames([styles.breadcrumb, 'breadcrumb'])}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,EAAA;AAC/D,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,EAAA;QAC9D,KAAK;QACL,QAAQ,CACN;AAET;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
-var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
+___$insertStyle("._heading-xxl_c5iax_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_c5iax_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_c5iax_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_c5iax_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_c5iax_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_c5iax_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_c5iax_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_c5iax_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_c5iax_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_c5iax_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_c5iax_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_c5iax_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_c5iax_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_c5iax_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_c5iax_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_c5iax_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_c5iax_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_c5iax_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_c5iax_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_c5iax_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_c5iax_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_c5iax_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_c5iax_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_c5iax_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_c5iax_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_c5iax_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_c5iax_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_c5iax_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_c5iax_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_c5iax_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_c5iax_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._breadcrumbs_c5iax_342 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  color: inherit;\n}\n\n._breadcrumb_c5iax_342 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_c5iax_342 .separator {\n  flex-shrink: 0;\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n  margin: 0 var(--sizes-sm);\n}\n._breadcrumb_c5iax_342 a {\n  color: inherit;\n  text-decoration: none;\n}\n._breadcrumb_c5iax_342 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_c5iax_342 a:focus-visible {\n  text-decoration: underline;\n  outline: var(--sizes-xs) solid currentcolor;\n  border-radius: var(--radius-base);\n}\n._breadcrumb_c5iax_342 span[aria-current=page] {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n  color: inherit;\n}");
+var styles = {"breadcrumbs":"_breadcrumbs_c5iax_342","breadcrumb":"_breadcrumb_c5iax_342"};
 
 module.exports = styles;
 //# sourceMappingURL=Breadcrumbs.module.scss.cjs.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.module.scss.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}
+{"version":3,"file":"Breadcrumbs.module.scss.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.breadcrumbs {\n  @include text.body;\n\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  color: inherit; // inherit the header colour (white); the body token colour is dark ink\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    flex-shrink: 0;\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n    margin: 0 var(--sizes-sm);\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  // Action button focus ring; currentcolor keeps it visible on the coloured header.\n  a:focus-visible {\n    text-decoration: underline;\n    outline: var(--sizes-xs) solid currentcolor;\n    border-radius: var(--radius-base);\n  }\n\n  span[aria-current='page'] {\n    @include text.body-bold;\n\n    color: inherit;\n  }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,8/eAAA;AACA,aAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,YAAA,CAAA,uBAAA;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../../_virtual/____insertStyle.js';
 
-insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
-var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
+insertStyle("._heading-xxl_c5iax_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_c5iax_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_c5iax_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_c5iax_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_c5iax_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_c5iax_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_c5iax_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_c5iax_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_c5iax_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_c5iax_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_c5iax_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_c5iax_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_c5iax_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_c5iax_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_c5iax_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_c5iax_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_c5iax_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_c5iax_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_c5iax_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_c5iax_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_c5iax_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_c5iax_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_c5iax_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_c5iax_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_c5iax_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_c5iax_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_c5iax_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_c5iax_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_c5iax_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_c5iax_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_c5iax_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._breadcrumbs_c5iax_342 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  color: inherit;\n}\n\n._breadcrumb_c5iax_342 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_c5iax_342 .separator {\n  flex-shrink: 0;\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n  margin: 0 var(--sizes-sm);\n}\n._breadcrumb_c5iax_342 a {\n  color: inherit;\n  text-decoration: none;\n}\n._breadcrumb_c5iax_342 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_c5iax_342 a:focus-visible {\n  text-decoration: underline;\n  outline: var(--sizes-xs) solid currentcolor;\n  border-radius: var(--radius-base);\n}\n._breadcrumb_c5iax_342 span[aria-current=page] {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n  color: inherit;\n}");
+var styles = {"breadcrumbs":"_breadcrumbs_c5iax_342","breadcrumb":"_breadcrumb_c5iax_342"};
 
 export { styles as default };
 //# sourceMappingURL=Breadcrumbs.module.scss.js.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.module.scss.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}
+{"version":3,"file":"Breadcrumbs.module.scss.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.breadcrumbs {\n  @include text.body;\n\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  color: inherit; // inherit the header colour (white); the body token colour is dark ink\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    flex-shrink: 0;\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n    margin: 0 var(--sizes-sm);\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  // Action button focus ring; currentcolor keeps it visible on the coloured header.\n  a:focus-visible {\n    text-decoration: underline;\n    outline: var(--sizes-xs) solid currentcolor;\n    border-radius: var(--radius-base);\n  }\n\n  span[aria-current='page'] {\n    @include text.body-bold;\n\n    color: inherit;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,8/eAAA;AACA,aAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,YAAA,CAAA,uBAAA;;;;"}

package/dist/components/Breadcrumbs/index.d.ts

@@ -1 +1,2 @@
 export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './types';

package/dist/components/Breadcrumbs/types.d.ts

@@ -3,7 +3,7 @@ type Item = {
     pathname: string;
     title: string;
 };
-type LinkComponentProps = false | React.ComponentType<any>;
+type LinkComponentProps = false | React.ComponentType<DefaultLinkProps>;
 export interface BreadcrumbsProps {
     items: Item[];
     Separator?: string | React.ReactNode;

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { Badge } from './Badge';
 export { Banner } from './Banner';
 export { BaseContainer, type BaseContainerProps } from './BaseContainer';
 export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';
 export { Button, type ButtonProps } from './Button';
 export { RangeCalendar, Calendar, useIsDateUnavailable } from './Calendars';
 export { Card, type CardElevation, type SurfaceProps } from './Card';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "16.4.0",
+  "version": "16.5.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -159,7 +159,7 @@
   },
   "overrides": {
     "auto-changelog": {
-      "handlebars": "4.7.9"
+      "handlebars": "4.7.10"
     },
     "jest-environment-jsdom": {
       "nwsapi": "2.2.7"