@clubmed/trident-ui 1.0.0-beta.16 → 1.0.0-beta.18

package/fonts/Utilities/tui-utilities.css

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

package/fonts/Utilities/tui-utilities.less

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

package/molecules/Buttons/ButtonAnchor.d.ts

@@ -1,7 +1,8 @@
-import type { AnchorHTMLAttributes, FunctionComponent } from 'react';
+import type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';
 import './button.css';
 import { type CommonButtonProps } from './Button';
 interface ButtonAnchorProps extends CommonButtonProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    component?: FunctionComponent<PropsWithChildren<any>> | string;
 }
 export declare const ButtonAnchor: FunctionComponent<ButtonAnchorProps>;
 export {};

package/molecules/Buttons/ButtonAnchor.js

@@ -1,37 +1,38 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as x } from "../../index-Cu0xwYjD.js";
+import { c as C } from "../../index-Cu0xwYjD.js";
 import "../../button-l0sNRNKZ.js";
 import { variants as y, rootClassName as B } from "./Button.helpers.js";
 import { themes as w } from "./Button.themes.js";
 import { ButtonContent as A } from "./ButtonContent.js";
-const k = ({
-  theme: r = "yellow",
+const z = ({
+  theme: m = "yellow",
+  component: r = "a",
   backgroundOverride: e,
   variant: t = "text",
-  className: m,
+  className: n,
   label: o,
-  children: n,
-  title: a,
-  icon: c,
+  children: a,
+  title: c,
+  icon: p,
   dataTestId: i,
   href: l,
-  groupName: p = "",
-  ...f
+  groupName: f = "",
+  ...h
 }) => {
-  const h = t === "text", u = y[t], d = w(r, e, p);
+  const u = t === "text", d = y[t], x = w(m, e, f);
   return /* @__PURE__ */ s(
-    "a",
+    r,
     {
       "data-name": "ButtonAnchor",
       "data-testid": i,
-      className: x(B, d, u, t, m),
-      title: a || o,
+      className: C(B, x, d, t, n),
+      title: c || o,
       href: l,
-      ...f,
-      children: /* @__PURE__ */ s(A, { showLabel: h, label: o, icon: c, children: n })
+      ...h,
+      children: /* @__PURE__ */ s(A, { showLabel: u, label: o, icon: p, children: a })
     }
   );
 };
 export {
-  k as ButtonAnchor
+  z as ButtonAnchor
 };

package/molecules/Link.d.ts

@@ -1,4 +1,4 @@
-import { AnchorHTMLAttributes, FunctionComponent } from 'react';
+import { AnchorHTMLAttributes, FunctionComponent, type PropsWithChildren } from 'react';
 import { IconicNames, IconicTypes } from '../atoms/Icons';
 interface LinkProps<T extends HTMLAnchorElement = HTMLAnchorElement> extends AnchorHTMLAttributes<T> {
     /**
@@ -22,6 +22,10 @@ interface LinkProps<T extends HTMLAnchorElement = HTMLAnchorElement> extends Anc
      * Is the link inert (not itself clickable but part of a clickable element)
      */
     inert?: boolean;
+    /**
+     * Allow giving a custom component
+     */
+    component?: FunctionComponent<PropsWithChildren<any>> | string;
 }
 export declare const Link: FunctionComponent<LinkProps>;
 export {};

package/molecules/Link.js

@@ -1,28 +1,29 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { c as a } from "../index-Cu0xwYjD.js";
-import { Icon as g } from "../atoms/Icons/Icon.js";
+import { Icon as u } from "../atoms/Icons/Icon.js";
 import "../atoms/Icons/contexts/IconsContext.js";
-const j = ({
+const C = ({
   label: n,
   icon: s,
-  iconType: c,
+  component: c = "a",
+  iconType: m,
   underlined: e = !0,
-  className: m,
-  inert: l,
-  ...p
+  className: l,
+  inert: p,
+  ...d
 }) => {
-  const r = n.lastIndexOf(" "), i = r === -1 ? n.length : r, d = n.at(0), h = n.substring(1, i + 1), x = n.substring(i);
+  const r = n.lastIndexOf(" "), i = r === -1 ? n.length : r, h = n.substring(0, 1), x = n.substring(1, i + 1), g = n.substring(i);
   return /* @__PURE__ */ t(
-    l ? "span" : "a",
+    p ? "span" : c,
     {
       className: a(
         "text-b3 decoration-none link-container cursor-pointer text-inherit",
-        m
+        l
       ),
       "data-name": "Link",
-      ...p,
+      ...d,
       children: [
-        /* @__PURE__ */ o("span", { className: a({ "link-underline": e }), children: d }),
+        /* @__PURE__ */ o("span", { className: a({ "link-underline": e }), children: h }),
         /* @__PURE__ */ t(
           "span",
           {
@@ -31,14 +32,14 @@ const j = ({
               "link-underline": e
             }),
             children: [
-              h,
+              x,
               /* @__PURE__ */ t("span", { className: "inline-block", children: [
-                x,
+                g,
                 s && /* @__PURE__ */ o(
-                  g,
+                  u,
                   {
                     name: s,
-                    iconType: c,
+                    iconType: m,
                     width: "24px",
                     style: { marginInlineStart: "8px" }
                   }
@@ -52,5 +53,5 @@ const j = ({
   );
 };
 export {
-  j as Link
+  C as Link
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-beta.18",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [
@@ -36,16 +36,16 @@
       "import": "./atoms/Icons/fonts/index.js",
       "default": "./atoms/Icons/fonts/index.js"
     },
-    "./atoms/Icons/svg-use": {
-      "types": "./atoms/Icons/svg-use/index.d.ts",
-      "import": "./atoms/Icons/svg-use/index.js",
-      "default": "./atoms/Icons/svg-use/index.js"
-    },
     "./atoms/Icons/svg": {
       "types": "./atoms/Icons/svg/index.d.ts",
       "import": "./atoms/Icons/svg/index.js",
       "default": "./atoms/Icons/svg/index.js"
     },
+    "./atoms/Icons/svg-use": {
+      "types": "./atoms/Icons/svg-use/index.d.ts",
+      "import": "./atoms/Icons/svg-use/index.js",
+      "default": "./atoms/Icons/svg-use/index.js"
+    },
     "./molecules/Tabs": {
       "types": "./molecules/Tabs/index.d.ts",
       "import": "./molecules/Tabs/index.js",