@clubmed/trident-ui 1.0.0-alpha.41 → 1.0.0-alpha.43

package/fonts/Transports/tui-transports.module.less

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

package/fonts/Transports/tui-transports.scss

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

package/fonts/Transports/tui-transports.styl

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

package/fonts/Utilities/tui-utilities.css

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

package/molecules/Forms/FormControl.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes, InputHTMLAttributes, PropsWithChildren } from 'react';
-import { ValidationStatus } from '../../hooks/useInternalStatus.js';
-import { FormLabelProps } from './FormLabel.js';
+import { ValidationStatus } from '../../hooks/useInternalStatus';
+import { FormLabelProps } from './FormLabel';
 export type FormControlProps<Value = unknown, Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>> = {
-    /**
-     * Value text
-     */
     value?: Value;
     validationStatus?: ValidationStatus;
     onChange?: (name: string, value: Value) => void;

package/molecules/Forms/Password/Password.d.ts

@@ -1,14 +1,6 @@
 import { FormControlProps } from '../FormControl';
-import { ValidationStatus } from '../../../hooks/useInternalStatus';
 import { ValidationMessage } from './ValidationMessage';
 export interface PasswordProps<Value> extends FormControlProps<Value> {
-    id?: string;
-    name?: string;
-    label?: string;
-    placeholder?: string;
-    status?: ValidationStatus;
     validationMessages?: ValidationMessage[];
-    onChange?: (name: string, value: Value) => void;
-    dataTestId?: string;
 }
 export declare function Password<Value = string>(props: PasswordProps<Value>): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/Password/Password.js

@@ -7,11 +7,11 @@ import { Icon as E } from "../../../atoms/Icons/Icon.js";
 import "../../../atoms/Icons/contexts/IconsContext.js";
 import { ValidationMessage as P } from "./ValidationMessage.js";
 let T = 0;
-function $(d) {
+function $(p) {
   const {
-    id: s = `password-${++T}`,
-    name: t = s,
-    label: p,
+    id: t = `password-${++T}`,
+    name: s = t,
+    label: d,
     value: m,
     disabled: l = !1,
     validationMessages: r = [],
@@ -19,18 +19,18 @@ function $(d) {
     onChange: u,
     dataTestId: b = "Password",
     ...f
-  } = d, { value: g, setValue: x } = k({
-    name: t,
+  } = p, { value: g, setValue: x } = k({
+    name: s,
     initialValue: m,
     onChange: u
   }), [e, i] = N("password");
   C(() => i(e), [e]);
-  const w = () => i(e === "password" ? "text" : "password");
+  const h = () => i(e === "password" ? "text" : "password");
   return /* @__PURE__ */ n(
     V,
     {
-      id: s,
-      label: p,
+      id: t,
+      label: d,
       dataName: "Password",
       dataTestId: b,
       disabled: l,
@@ -40,8 +40,8 @@ function $(d) {
             "input",
             {
               ...f,
-              id: s,
-              name: t,
+              id: t,
+              name: s,
               type: e,
               value: g,
               disabled: l,
@@ -50,19 +50,20 @@ function $(d) {
                 "text-b3 rounded-pill w-full border ps-20 py-[11px] font-normal outline-none bg-white text-black pe-[52px] border-lightGrey focus:border-black active:border-black",
                 c
               ),
-              "aria-label": t
+              "aria-label": s
             }
           ),
           /* @__PURE__ */ a(
             "button",
             {
+              type: "button",
               className: "pointer-events-auto ms-auto absolute right-20 top-12 size-24",
-              onClick: w,
+              onClick: h,
               children: /* @__PURE__ */ a(E, { name: e === "password" ? "EyeClosed" : "EyeOpened", width: "24px", type: "svg" })
             }
           )
         ] }),
-        r && /* @__PURE__ */ a("div", { className: "flex flex-col gap-[10px] mt-8", children: r.map(({ label: o, status: h }, v) => /* @__PURE__ */ a(P, { label: o, status: h }, v)) })
+        !!r.length && /* @__PURE__ */ a("div", { className: "flex flex-col gap-[10px] mt-8", children: r.map(({ label: o, status: w }, v) => /* @__PURE__ */ a(P, { label: o, status: w }, v)) })
       ]
     }
   );

package/molecules/Forms/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import { FormControlProps } from '../FormControl';
+export interface SwitchProps extends FormControlProps<boolean> {
+    width?: number;
+}
+export declare function Switch({ id, name, className, checked: initialChecked, disabled, width, onChange, tabIndex, children, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/Switch/Switch.js

@@ -0,0 +1,60 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../../index-Cu0xwYjD.js";
+import { useValue as x } from "../../../hooks/useValue.js";
+import "../../../controls-l0sNRNKZ.js";
+let f = 0;
+function d({
+  id: a = `switch-${++f}`,
+  name: r = a,
+  className: s,
+  checked: o,
+  disabled: c,
+  width: t = 56,
+  onChange: n,
+  tabIndex: h = 0,
+  children: p
+}) {
+  const { value: i, setValue: u } = x({
+    initialValue: o,
+    name: r,
+    onChange: n
+  });
+  return /* @__PURE__ */ l(
+    "label",
+    {
+      className: m(s, "relative flex items-center gap-[10px]", {
+        "text-grey": c,
+        "cursor-pointer": !c
+      }),
+      "data-testid": "SwitchContainer",
+      children: [
+        /* @__PURE__ */ l("span", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              name: r,
+              tabIndex: h,
+              checked: i,
+              disabled: c,
+              role: "switch",
+              className: "absolute w-full h-full opacity-0 cursor-pointer",
+              onChange: () => {
+                !c && u(!i);
+              },
+              "data-name": "Switch"
+            }
+          ),
+          /* @__PURE__ */ e("span", { style: { height: t * 4 / 7, width: t }, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: t * 3 / 7, children: /* @__PURE__ */ l("g", { children: [
+            /* @__PURE__ */ e("circle", { cx: 12, cy: 12, r: 12, fill: "hsl(var(--color-white))" }),
+            /* @__PURE__ */ e("circle", { cx: 12, cy: 12, r: 4, fill: "hsl(var(--color-grey))" })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "text-b2 font-semibold", children: p })
+      ]
+    }
+  );
+}
+export {
+  d as Switch
+};

package/package.json

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

package/molecules/Forms/Switch.d.ts

@@ -1,10 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import './controls.css';
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-    /**
-     * The width of the switch.
-     * */
-    width?: number;
-    onChange?: (name: string, value: boolean) => void;
-}
-export declare function Switch({ id, name, className, checked: initialChecked, disabled, width, onChange, tabIndex, children, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/Switch.js

@@ -1,60 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { c as f } from "../../index-Cu0xwYjD.js";
-import { useValue as x } from "../../hooks/useValue.js";
-import "../../controls-l0sNRNKZ.js";
-let g = 0;
-function k({
-  id: a = `switch-${++g}`,
-  name: t = a,
-  className: s,
-  checked: o,
-  disabled: c,
-  width: l = 56,
-  onChange: h,
-  tabIndex: n = 0,
-  children: u,
-  ...m
-}) {
-  const { value: i, setValue: p } = x({
-    initialValue: o,
-    name: t,
-    onChange: h
-  });
-  return /* @__PURE__ */ r(
-    "label",
-    {
-      className: f(s, "relative flex items-center gap-8", {
-        "text-grey": c
-      }),
-      children: [
-        /* @__PURE__ */ r("span", { className: "relative", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ...m,
-              className: "absolute w-full h-full opacity-0 cursor-pointer",
-              type: "checkbox",
-              name: t,
-              tabIndex: n,
-              onChange: () => {
-                !c && p(!i);
-              },
-              role: "switch",
-              "data-name": "Switch",
-              checked: i,
-              disabled: c
-            }
-          ),
-          /* @__PURE__ */ e("span", { style: { height: l * 4 / 7, width: l }, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: l * 3 / 7, children: /* @__PURE__ */ r("g", { children: [
-            /* @__PURE__ */ e("circle", { cx: 12, cy: 12, r: 12, fill: "hsl(var(--color-white))" }),
-            /* @__PURE__ */ e("circle", { cx: 12, cy: 12, r: 4, fill: "hsl(var(--color-grey))" })
-          ] }) }) })
-        ] }),
-        u
-      ]
-    }
-  );
-}
-export {
-  k as Switch
-};