@clubmed/trident-ui 1.0.0-beta.20 → 1.0.0-beta.21

package/fonts/Utilities/tui-utilities.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1720519266255'); /* IE9*/
-  src: url('tui-utilities.eot?t=1720519266255#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1720519266255") format("woff2"),
-  url("tui-utilities.woff?t=1720519266255") format("woff"),
-  url('tui-utilities.ttf?t=1720519266255') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1720519266255#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1720680859258'); /* IE9*/
+  src: url('tui-utilities.eot?t=1720680859258#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1720680859258") format("woff2"),
+  url("tui-utilities.woff?t=1720680859258") format("woff"),
+  url('tui-utilities.ttf?t=1720680859258') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1720680859258#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.module.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1720519266255'); /* IE9*/
-  src: url('tui-utilities.eot?t=1720519266255#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1720519266255") format("woff2"),
-  url("tui-utilities.woff?t=1720519266255") format("woff"),
-  url('tui-utilities.ttf?t=1720519266255') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1720519266255#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1720680859258'); /* IE9*/
+  src: url('tui-utilities.eot?t=1720680859258#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1720680859258") format("woff2"),
+  url("tui-utilities.woff?t=1720680859258") format("woff"),
+  url('tui-utilities.ttf?t=1720680859258') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1720680859258#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.scss

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1720519266255'); /* IE9*/
-  src: url('tui-utilities.eot?t=1720519266255#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1720519266255") format("woff2"),
-  url("tui-utilities.woff?t=1720519266255") format("woff"),
-  url('tui-utilities.ttf?t=1720519266255') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1720519266255#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1720680859258'); /* IE9*/
+  src: url('tui-utilities.eot?t=1720680859258#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1720680859258") format("woff2"),
+  url("tui-utilities.woff?t=1720680859258") format("woff"),
+  url('tui-utilities.ttf?t=1720680859258') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1720680859258#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.styl

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1720519266255'); /* IE9*/
-  src: url('tui-utilities.eot?t=1720519266255#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1720519266255") format("woff2"),
-  url("tui-utilities.woff?t=1720519266255") format("woff"),
-  url('tui-utilities.ttf?t=1720519266255') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1720519266255#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1720680859258'); /* IE9*/
+  src: url('tui-utilities.eot?t=1720680859258#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1720680859258") format("woff2"),
+  url("tui-utilities.woff?t=1720680859258") format("woff"),
+  url('tui-utilities.ttf?t=1720680859258') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1720680859258#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/molecules/Breadcrumb.d.ts

@@ -1,10 +1,14 @@
-import { FunctionComponent } from 'react';
-interface BreadcrumbProps {
-    items: Array<{
+import { FunctionComponent, PropsWithChildren } from 'react';
+export interface BreadcrumbProps {
+    className?: string;
+    items: {
         label: string;
         href: string;
-    }>;
+    }[];
     theme?: 'dark' | 'light';
+    /**
+     * Allow giving a custom component
+     */
+    component?: FunctionComponent<PropsWithChildren<any>> | string;
 }
 export declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
-export {};

package/molecules/Breadcrumb.js

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { c as b } from "../index-Cu0xwYjD.js";
-import { Icon as u } from "../atoms/Icons/Icon.js";
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { c as w } from "../index-Cu0xwYjD.js";
+import { Icon as B } from "../atoms/Icons/Icon.js";
 import "../atoms/Icons/contexts/IconsContext.js";
-const k = {
+const E = {
   light: {
     thStart: "text-middleGrey",
     thEnd: "text-black font-bold"
@@ -11,21 +11,26 @@ const k = {
     thStart: "text-white",
     thEnd: "text-white font-bold"
   }
-}, S = ({ items: n, theme: l = "light" }) => {
-  const [o, i, , ...r] = n, h = r.length ? r[r.length - 1] : n[n.length - 1], m = { label: "...", href: "" }, s = r.length ? [o, i, m, h] : n, { thStart: d, thEnd: x } = k[l];
-  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, p) => {
-    const t = p === s.length - 1, f = c && !t;
-    return /* @__PURE__ */ g(
+}, L = ({
+  className: o,
+  items: n,
+  theme: l = "light",
+  component: i = "a"
+}) => {
+  const [m, h, , ...r] = n, d = r.length ? r[r.length - 1] : n[n.length - 1], x = { label: "...", href: "" }, s = r.length ? [m, h, x, d] : n, { thStart: p, thEnd: f } = E[l], g = i;
+  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", className: o, children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, b) => {
+    const t = b === s.length - 1, u = c && !t;
+    return /* @__PURE__ */ k(
       "li",
       {
-        className: b("text-b4 flex items-center", {
-          [d]: !t,
-          [x]: t
+        className: w("text-b4 flex items-center", {
+          [p]: !t,
+          [f]: t
         }),
         ...t && { "aria-current": "page" },
         children: [
-          /* @__PURE__ */ e("span", { children: f ? /* @__PURE__ */ e("a", { href: c, children: a }) : a }),
-          !t && /* @__PURE__ */ e(u, { name: "Diamond", width: "14px", className: "mx-4" })
+          /* @__PURE__ */ e("span", { children: u ? /* @__PURE__ */ e(g, { href: c, children: a }) : a }),
+          !t && /* @__PURE__ */ e(B, { name: "Diamond", width: "14px", className: "mx-4" })
         ]
       },
       a
@@ -33,5 +38,5 @@ const k = {
   }) }) });
 };
 export {
-  S as Breadcrumb
+  L as Breadcrumb
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.0.0-beta.20",
+  "version": "1.0.0-beta.21",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [