@clubmed/trident-ui 1.0.0-beta.11 → 1.0.0-beta.12

package/fonts/Utilities/tui-utilities.less

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

package/molecules/Popin.d.ts

@@ -1,9 +1,17 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-interface PopinProps {
-    title: string;
+import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
+export type ClosePopinCallback = () => void;
+interface PopinFooterProps {
     closeLabel: string;
-    onClose: () => void;
+    onClose: ClosePopinCallback;
+}
+export interface PopinProps {
+    title: ReactNode;
+    closeLabel: string;
+    onClose: ClosePopinCallback;
     isVisible: boolean;
+    className?: string;
+    showCloseButton?: boolean;
+    Footer?: FunctionComponent<PopinFooterProps>;
 }
 export declare const Popin: FunctionComponent<PropsWithChildren<PopinProps>>;
 export {};

package/molecules/Popin.js

@@ -1,47 +1,51 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { c as m, b as d, d as p } from "../react-spring_web.modern-BPtZcx1z.js";
-import { Backdrop as f } from "./Backdrop.js";
-import { Button as h } from "./Buttons/Button.js";
-const g = ({
-  title: o,
-  children: c,
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { c as f, b as p, d as x } from "../react-spring_web.modern-BPtZcx1z.js";
+import { Backdrop as h } from "./Backdrop.js";
+import { Button as u } from "./Buttons/Button.js";
+import { c as v } from "../index-Cu0xwYjD.js";
+const b = ({ closeLabel: e, onClose: o }) => /* @__PURE__ */ t(
+  u,
+  {
+    theme: "black",
+    variant: "icon",
+    icon: "CrossDefault",
+    className: "mx-auto",
+    label: e,
+    onClick: o
+  }
+), j = ({
+  title: e,
+  children: o,
   closeLabel: n,
   onClose: a,
-  isVisible: t
+  isVisible: r,
+  className: s = "sm:w-360",
+  Footer: c = b
 }) => {
-  const i = m(t, {
+  const i = f(r, {
     from: { scale: 0.3, opacity: 0.3 },
     enter: { scale: 1, opacity: 1 },
     leave: { scale: 0, opacity: 0 },
-    config: t ? { tension: 120, friction: 20 } : p.gentle
+    config: r ? { tension: 120, friction: 20 } : x.gentle
   });
-  return /* @__PURE__ */ e(f, { isVisible: t, onClose: a, children: i(
-    (s, l) => l && /* @__PURE__ */ e(
-      d.div,
+  return /* @__PURE__ */ t(h, { isVisible: r, onClose: a, children: i(
+    (m, l) => l && /* @__PURE__ */ t(
+      p.div,
       {
-        className: "border-lightGrey rounded-16 sm:w-360 pointer-events-auto mx-20 w-full border bg-white",
-        style: s,
-        children: /* @__PURE__ */ r("div", { className: "space-y-40 p-40 text-center", children: [
-          /* @__PURE__ */ r("div", { className: "space-y-12 text-start", children: [
-            /* @__PURE__ */ e("div", { className: "text-h5 font-serif", children: o }),
-            c
-          ] }),
-          /* @__PURE__ */ e(
-            h,
-            {
-              theme: "black",
-              variant: "icon",
-              icon: "CrossDefault",
-              className: "mx-auto",
-              label: n,
-              onClick: a
-            }
-          )
+        className: v(
+          "border-lightGrey rounded-16 pointer-events-auto mx-20 w-full border bg-white",
+          s
+        ),
+        style: m,
+        children: /* @__PURE__ */ d("div", { className: "p-40 text-center max-h-[90vh] flex flex-col", children: [
+          e && /* @__PURE__ */ t("div", { className: "mt-12 text-h5 text-start font-serif", children: e }),
+          /* @__PURE__ */ t("div", { className: "mt-12 mb-40 text-start overflow-auto", children: o }),
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(c, { closeLabel: n, onClose: a }) })
         ] })
       }
     )
   ) });
 };
 export {
-  g as Popin
+  j as Popin
 };

package/package.json

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