@clubmed/trident-ui 1.0.0 → 1.0.1-beta.1

package/fonts/Utilities/tui-utilities.less

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

package/molecules/Forms/FormControl.js

@@ -1,44 +1,38 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useInternalStatus as u } from "../../hooks/useInternalStatus.js";
 import { FormLabel as h } from "./FormLabel.js";
-import { Icon as b } from "../../atoms/Icons/Icon.js";
+import { Icon as S } from "../../atoms/Icons/Icon.js";
 import "../../atoms/Icons/contexts/IconsContext.js";
-import { c as S } from "../../index-Cu0xwYjD.js";
+import { c as b } from "../../index-Cu0xwYjD.js";
 const v = ({
   id: t,
   label: r,
-  description: m,
-  disabled: n,
-  required: i,
-  className: l,
-  validationStatus: p = "default",
-  children: c,
+  description: o,
+  disabled: m,
+  required: n,
+  className: i,
+  validationStatus: l = "default",
+  children: p,
   errorMessage: a,
-  dataTestId: d,
-  dataName: x,
-  layout: f
+  dataTestId: c,
+  dataName: d,
+  layout: x
 }) => {
-  const s = u({
-    isDisabled: !!n,
-    validationStatus: p
+  const f = u({
+    isDisabled: !!m,
+    validationStatus: l
   }) === "error" && a;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: S(
-        "flex flex-col gap-4",
-        {
-          "mb-24": !s
-        },
-        l
-      ),
-      "data-name": x,
-      "data-testid": d,
+      className: b("flex flex-col gap-4", i),
+      "data-name": d,
+      "data-testid": c,
       children: [
-        r && t && /* @__PURE__ */ o(h, { description: m, id: t, layout: f, required: i, children: r }),
-        c,
-        s && /* @__PURE__ */ e("span", { className: "text-red text-b4 flex items-start gap-x-4 px-20", children: [
-          /* @__PURE__ */ o(b, { name: "Error", width: "20px" }),
+        r && t && /* @__PURE__ */ e(h, { description: o, id: t, layout: x, required: n, children: r }),
+        p,
+        f && /* @__PURE__ */ s("span", { className: "text-red text-b4 flex items-start gap-x-4 px-20", children: [
+          /* @__PURE__ */ e(S, { name: "Error", width: "20px" }),
           a
         ] })
       ]

package/molecules/Forms/NumberField.js

@@ -1,23 +1,23 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { c as C } from "../../index-Cu0xwYjD.js";
+import { jsx as m, jsxs as C } from "react/jsx-runtime";
+import { c as p } from "../../index-Cu0xwYjD.js";
 import { useId as y } from "react";
 import { useValue as I } from "../../hooks/useValue.js";
-import { Button as N } from "../Buttons/Button.js";
+import { Button as g } from "../Buttons/Button.js";
 import { FormControl as w } from "./FormControl.js";
 const F = { width: "28px", height: "28px" };
-function V(m) {
+function V(o) {
   const e = y(), {
     id: n = e,
-    name: r = n,
+    name: l = n,
     value: c = 0,
     onChange: d,
     min: t = 0,
-    max: l = 10,
+    max: r = 10,
     disabled: i = !1,
     dataTestId: u = "NumberField",
     ...f
-  } = m, { value: a, setValue: s } = I({
-    name: r,
+  } = o, { value: a, setValue: s } = I({
+    name: l,
     defaultValue: c,
     formatter: Number,
     onChange: d
@@ -26,58 +26,58 @@ function V(m) {
     ...f,
     id: n,
     min: t,
-    max: l,
-    name: r,
+    max: r,
+    name: l,
     value: a,
     dataTestId: u,
     disabled: i,
-    handleChange: (g) => {
-      const h = Number(g.target.value);
-      h >= t && h <= l && s(Number(h));
+    handleChange: (v) => {
+      const h = Number(v.target.value);
+      h >= t && h <= r && s(Number(h));
     },
     increase: () => {
-      a < l && s(a + 1);
+      a < r && s(a + 1);
     },
     decrease: () => {
       a > t && s(a - 1);
     }
   };
 }
-const k = (m) => {
+const k = (o) => {
   const {
     disabled: e,
     min: n,
-    max: r,
+    max: l,
     label: c,
     description: d,
     id: t,
-    dataTestId: l,
+    dataTestId: r,
     value: i,
     handleChange: u,
     increase: f,
     decrease: a,
     errorMessage: s,
-    validationStatus: p,
+    validationStatus: N,
     required: b,
     ...x
-  } = V(m);
-  return /* @__PURE__ */ o(
+  } = V(o);
+  return /* @__PURE__ */ m(
     w,
     {
       id: t,
       label: c,
       description: d,
-      className: "flex items-center justify-between",
+      className: p("flex items-center justify-between", o.className),
       dataName: "NumberField",
-      dataTestId: l,
+      dataTestId: r,
       errorMessage: s,
-      validationStatus: p,
+      validationStatus: N,
       disabled: e,
       required: b,
       layout: "vertical",
-      children: /* @__PURE__ */ v("div", { className: "flex items-center gap-x-8", children: [
-        /* @__PURE__ */ o(
-          N,
+      children: /* @__PURE__ */ C("div", { className: "flex items-center gap-x-8", children: [
+        /* @__PURE__ */ m(
+          g,
           {
             theme: "yellow",
             onClick: a,
@@ -87,11 +87,11 @@ const k = (m) => {
             label: "MINUS"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ m(
           "input",
           {
             ...x,
-            className: C("text-b2 text-center font-normal outline-none", {
+            className: p("text-b2 text-center font-normal outline-none", {
               "bg-pearl text-grey": e
             }),
             style: F,
@@ -102,16 +102,16 @@ const k = (m) => {
             required: b,
             value: i,
             min: n,
-            max: r
+            max: l
           }
         ),
-        /* @__PURE__ */ o(
-          N,
+        /* @__PURE__ */ m(
+          g,
           {
             theme: "yellow",
             onClick: f,
             variant: "icon",
-            disabled: i >= r || e,
+            disabled: i >= l || e,
             icon: "PlusDefault",
             label: "PLUS"
           }

package/molecules/Forms/Password/Password.js

@@ -32,6 +32,7 @@ function K(f) {
   return /* @__PURE__ */ i(
     D,
     {
+      className: v,
       id: r,
       label: x,
       dataName: "Password",
@@ -60,8 +61,7 @@ function K(f) {
                   "pe-[84px]": !s && (e === "error" || e === "success"),
                   "border-red": !s && e === "error",
                   "border-green": !s && e === "success"
-                },
-                v
+                }
               ),
               "aria-label": o
             }

package/molecules/Forms/Select.js

@@ -31,6 +31,7 @@ const B = (p) => {
     S,
     {
       id: t,
+      className: g,
       label: m,
       description: f,
       dataName: "TextField",
@@ -66,8 +67,7 @@ const B = (p) => {
                     "text-grey": e === "disabled",
                     "border-red": e === "error",
                     "border-green": e === "success"
-                  },
-                  g
+                  }
                 ),
                 "aria-label": a,
                 children: y

package/molecules/Forms/TextField.js

@@ -32,6 +32,7 @@ const B = (p) => {
     {
       id: r,
       label: x,
+      className: h,
       description: f,
       dataName: "TextField",
       dataTestId: v,
@@ -60,8 +61,7 @@ const B = (p) => {
                 "bg-pearl text-grey": e === "disabled",
                 "border-red": e === "error",
                 "border-green": e === "success"
-              },
-              h
+              }
             ),
             "aria-label": a
           }

package/package.json

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