@clubmed/trident-ui 1.5.1-beta.1 → 1.6.0-beta.1

package/molecules/Forms/FormLabel.js

@@ -1,36 +1,37 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { c as x } from "../../chunks/clsx.js";
-const f = ({
-  id: r,
-  description: t,
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c as m } from "../../chunks/clsx.js";
+const p = ({
+  id: s,
+  description: l,
   layout: e = "horizontal",
-  required: l,
-  className: s,
-  children: o,
-  hideRequiredStar: m = !l,
-  ...n
-}) => /* @__PURE__ */ c(
+  required: t,
+  className: a,
+  children: r,
+  hideRequiredStar: o = !t,
+  ...c
+}) => /* @__PURE__ */ i(
   "label",
   {
-    ...n,
-    htmlFor: r,
-    className: x(
+    ...c,
+    htmlFor: s,
+    className: m(
       "text-b3 font-semibold text-black flex",
       {
-        "flex-wrap items-center ps-20": e === "horizontal",
-        "flex-col items-start": e === "vertical"
+        "ps-20": e.includes("horizontal") && !e.includes("no-padding"),
+        "flex-wrap items-center": e.includes("horizontal"),
+        "flex-col items-start": e.includes("vertical")
       },
-      s
+      a
     ),
     "data-name": "InputLabel",
     children: [
-      o,
-      l && !m && /* @__PURE__ */ a("span", { children: "*" }),
-      t && /* @__PURE__ */ a("span", { className: "ms-12 text-b4 text-grey font-normal", children: t })
+      r,
+      t && !o && /* @__PURE__ */ n("span", { children: "*" }),
+      l && /* @__PURE__ */ n("span", { className: "ms-12 text-b4 text-grey font-normal", children: l })
     ]
   }
 );
 export {
-  f as FormLabel
+  p as FormLabel
 };
 //# sourceMappingURL=FormLabel.js.map

package/molecules/Forms/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../lib/molecules/Forms/FormLabel.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { LabelHTMLAttributes } from 'react';\n\nexport interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  description?: string;\n  layout?: 'horizontal' | 'vertical';\n  required?: boolean;\n  hideRequiredStar?: boolean;\n}\n\nexport const FormLabel = ({\n  id,\n  description,\n  layout = 'horizontal',\n  required,\n  className,\n  children,\n  hideRequiredStar = !required,\n  ...rest\n}: FormLabelProps) => {\n  return (\n    <label\n      {...rest}\n      htmlFor={id}\n      className={clsx(\n        'text-b3 font-semibold text-black flex',\n        {\n          'flex-wrap items-center ps-20': layout === 'horizontal',\n          'flex-col items-start': layout === 'vertical',\n        },\n        className,\n      )}\n      data-name=\"InputLabel\"\n    >\n      {children}\n      {required && !hideRequiredStar && <span>*</span>}\n      {description && <span className=\"ms-12 text-b4 text-grey font-normal\">{description}</span>}\n    </label>\n  );\n};\n"],"names":["FormLabel","id","description","layout","required","className","children","hideRequiredStar","rest","jsxs","clsx","jsx"],"mappings":";;AAUO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC,IAAmB,CAACH;AAAA,EACpB,GAAGI;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,SAASP;AAAA,IACT,WAAWS;AAAA,MACT;AAAA,MACA;AAAA,QACE,gCAAgCP,MAAW;AAAA,QAC3C,wBAAwBA,MAAW;AAAA,MAAA;AAAA,MAErCE;AAAA,IAAA;AAAA,IAEF,aAAU;AAAA,IAET,UAAA;AAAA,MAAAC;AAAA,MACAF,KAAY,CAACG,KAAoB,gBAAAI,EAAC,UAAK,UAAA,KAAC;AAAA,MACxCT,KAAe,gBAAAS,EAAC,QAAA,EAAK,WAAU,uCAAuC,UAAAT,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"FormLabel.js","sources":["../../../lib/molecules/Forms/FormLabel.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { LabelHTMLAttributes } from 'react';\n\nexport interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  description?: string;\n  layout?: 'horizontal' | `horizontal-${string}` | 'vertical';\n  required?: boolean;\n  hideRequiredStar?: boolean;\n}\n\nexport const FormLabel = ({\n  id,\n  description,\n  layout = 'horizontal',\n  required,\n  className,\n  children,\n  hideRequiredStar = !required,\n  ...rest\n}: FormLabelProps) => {\n  return (\n    <label\n      {...rest}\n      htmlFor={id}\n      className={clsx(\n        'text-b3 font-semibold text-black flex',\n        {\n          'ps-20': layout.includes('horizontal') && !layout.includes('no-padding'),\n          'flex-wrap items-center': layout.includes('horizontal'),\n          'flex-col items-start': layout.includes('vertical'),\n        },\n        className,\n      )}\n      data-name=\"InputLabel\"\n    >\n      {children}\n      {required && !hideRequiredStar && <span>*</span>}\n      {description && <span className=\"ms-12 text-b4 text-grey font-normal\">{description}</span>}\n    </label>\n  );\n};\n"],"names":["FormLabel","id","description","layout","required","className","children","hideRequiredStar","rest","jsxs","clsx","jsx"],"mappings":";;AAUO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC,IAAmB,CAACH;AAAA,EACpB,GAAGI;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,SAASP;AAAA,IACT,WAAWS;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAASP,EAAO,SAAS,YAAY,KAAK,CAACA,EAAO,SAAS,YAAY;AAAA,QACvE,0BAA0BA,EAAO,SAAS,YAAY;AAAA,QACtD,wBAAwBA,EAAO,SAAS,UAAU;AAAA,MAAA;AAAA,MAEpDE;AAAA,IAAA;AAAA,IAEF,aAAU;AAAA,IAET,UAAA;AAAA,MAAAC;AAAA,MACAF,KAAY,CAACG,KAAoB,gBAAAI,EAAC,UAAK,UAAA,KAAC;AAAA,MACxCT,KAAe,gBAAAS,EAAC,QAAA,EAAK,WAAU,uCAAuC,UAAAT,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/molecules/Forms/NumberField.d.ts

@@ -299,7 +299,7 @@ export declare function useNumberField(props: NumberFieldProps): {
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    layout?: "horizontal" | "vertical" | undefined;
+    layout?: "horizontal" | `horizontal-${string}` | "vertical" | undefined;
     multiple?: boolean | undefined | undefined;
     autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
     accept?: string | undefined | undefined;

package/molecules/Popin.d.ts

@@ -1,16 +1,22 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
+import { BackdropProps } from './Backdrop';
 export type ClosePopinCallback = () => void;
 export interface PopinFooterProps {
-    closeLabel: string;
+    closeLabel?: string;
     onClose: ClosePopinCallback;
 }
 export interface PopinProps {
-    title: ReactNode;
-    closeLabel: string;
+    title?: ReactNode;
+    closeLabel?: string;
     onClose: ClosePopinCallback;
     isVisible: boolean;
     className?: string;
+    bodyClassName?: string;
     showCloseButton?: boolean;
+    target?: BackdropProps['target'];
+    /**
+     * @deprecated use popinFooter slot instead
+     */
     Footer?: FunctionComponent<PopinFooterProps> | false;
 }
 export declare const Popin: FunctionComponent<PropsWithChildren<PopinProps>>;