@clubmed/trident-ui 1.0.0-alpha.42 → 1.0.0-alpha.44

package/fonts/Transports/tui-transports.less

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

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

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-transports";
-  src: url('tui-transports.eot?t=1713859578281'); /* IE9*/
-  src: url('tui-transports.eot?t=1713859578281#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1713859578281") format("woff2"),
-  url("tui-transports.woff?t=1713859578281") format("woff"),
-  url('tui-transports.ttf?t=1713859578281') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1713859578281#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1714036372651'); /* IE9*/
+  src: url('tui-transports.eot?t=1714036372651#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1714036372651") format("woff2"),
+  url("tui-transports.woff?t=1714036372651") format("woff"),
+  url('tui-transports.ttf?t=1714036372651') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1714036372651#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=1713859578281'); /* IE9*/
-  src: url('tui-transports.eot?t=1713859578281#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1713859578281") format("woff2"),
-  url("tui-transports.woff?t=1713859578281") format("woff"),
-  url('tui-transports.ttf?t=1713859578281') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1713859578281#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1714036372651'); /* IE9*/
+  src: url('tui-transports.eot?t=1714036372651#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1714036372651") format("woff2"),
+  url("tui-transports.woff?t=1714036372651") format("woff"),
+  url('tui-transports.ttf?t=1714036372651') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1714036372651#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=1713859578281'); /* IE9*/
-  src: url('tui-transports.eot?t=1713859578281#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1713859578281") format("woff2"),
-  url("tui-transports.woff?t=1713859578281") format("woff"),
-  url('tui-transports.ttf?t=1713859578281') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1713859578281#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1714036372651'); /* IE9*/
+  src: url('tui-transports.eot?t=1714036372651#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1714036372651") format("woff2"),
+  url("tui-transports.woff?t=1714036372651") format("woff"),
+  url('tui-transports.ttf?t=1714036372651') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1714036372651#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=1713859578433'); /* IE9*/
-  src: url('tui-utilities.eot?t=1713859578433#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1713859578433") format("woff2"),
-  url("tui-utilities.woff?t=1713859578433") format("woff"),
-  url('tui-utilities.ttf?t=1713859578433') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1713859578433#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1714036372805'); /* IE9*/
+  src: url('tui-utilities.eot?t=1714036372805#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1714036372805") format("woff2"),
+  url("tui-utilities.woff?t=1714036372805") format("woff"),
+  url('tui-utilities.ttf?t=1714036372805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1714036372805#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=1713859578433'); /* IE9*/
-  src: url('tui-utilities.eot?t=1713859578433#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1713859578433") format("woff2"),
-  url("tui-utilities.woff?t=1713859578433") format("woff"),
-  url('tui-utilities.ttf?t=1713859578433') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1713859578433#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1714036372805'); /* IE9*/
+  src: url('tui-utilities.eot?t=1714036372805#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1714036372805") format("woff2"),
+  url("tui-utilities.woff?t=1714036372805") format("woff"),
+  url('tui-utilities.ttf?t=1714036372805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1714036372805#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=1713859578433'); /* IE9*/
-  src: url('tui-utilities.eot?t=1713859578433#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1713859578433") format("woff2"),
-  url("tui-utilities.woff?t=1713859578433") format("woff"),
-  url('tui-utilities.ttf?t=1713859578433') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1713859578433#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1714036372805'); /* IE9*/
+  src: url('tui-utilities.eot?t=1714036372805#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1714036372805") format("woff2"),
+  url("tui-utilities.woff?t=1714036372805") format("woff"),
+  url('tui-utilities.ttf?t=1714036372805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1714036372805#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=1713859578433'); /* IE9*/
-  src: url('tui-utilities.eot?t=1713859578433#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1713859578433") format("woff2"),
-  url("tui-utilities.woff?t=1713859578433") format("woff"),
-  url('tui-utilities.ttf?t=1713859578433') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1713859578433#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1714036372805'); /* IE9*/
+  src: url('tui-utilities.eot?t=1714036372805#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1714036372805") format("woff2"),
+  url("tui-utilities.woff?t=1714036372805") format("woff"),
+  url('tui-utilities.ttf?t=1714036372805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1714036372805#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=1713859578433'); /* IE9*/
-  src: url('tui-utilities.eot?t=1713859578433#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1713859578433") format("woff2"),
-  url("tui-utilities.woff?t=1713859578433") format("woff"),
-  url('tui-utilities.ttf?t=1713859578433') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1713859578433#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1714036372805'); /* IE9*/
+  src: url('tui-utilities.eot?t=1714036372805#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1714036372805") format("woff2"),
+  url("tui-utilities.woff?t=1714036372805") format("woff"),
+  url('tui-utilities.ttf?t=1714036372805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1714036372805#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,8 +1,6 @@
 import { FormControlProps } from '../FormControl';
-import { ValidationStatus } from '../../../hooks/useInternalStatus';
 import { ValidationMessage } from './ValidationMessage';
 export interface PasswordProps<Value> extends FormControlProps<Value> {
-    status?: ValidationStatus;
     validationMessages?: ValidationMessage[];
 }
 export declare function Password<Value = string>(props: PasswordProps<Value>): import("react/jsx-runtime").JSX.Element;

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.42",
+  "version": "1.0.0-alpha.44",
   "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
-};