@zenpatient-org/healthspan-marketing-ui 0.1.102 → 0.1.105

package/dist/components/StudyGridCard/StudyGridCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),x=require("../Label/Label.cjs.js"),r=require("../TextButton/TextButton.cjs.js"),s=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function b(d){if(d.compressed===!0){const{title:n,link:t,image:o}=d;return e.jsxs("div",{className:i.cn(a.default.study,a.default.studyCompressed),children:[e.jsx("div",{className:i.cn(a.default.imagePart,a.default.imagePartCompressed),style:{backgroundImage:`url(${o})`}}),e.jsxs("div",{className:i.cn(a.default.dataPart,a.default.dataPartCompressed),children:[e.jsx(s.Typography,{className:i.cn(a.default.title,a.default.titleCompressed),defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}else{const{title:n,link:t,image:o,inverted:c,date:m,label:u,readTime:f}=d;return e.jsxs("div",{className:a.default.study,"data-inverted":c,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:u&&e.jsx(x.Label,{...u})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:h.formatDate(m)}),e.jsxs(e.Fragment,{children:[e.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[f," MIN READ"]})]})]}),e.jsx(s.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}}exports.StudyGridCard=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),b=require("../Label/Label.cjs.js"),r=require("../TextButton/TextButton.cjs.js"),t=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function x(d){if(d.compressed===!0){const{title:n,link:s,image:o}=d;return e.jsxs("div",{className:i.cn(a.default.study,a.default.studyCompressed),children:[e.jsx("div",{className:i.cn(a.default.imagePart,a.default.imagePartCompressed),style:{backgroundImage:`url(${o})`}}),e.jsxs("div",{className:i.cn(a.default.dataPart,a.default.dataPartCompressed),children:[e.jsx(t.Typography,{className:i.cn(a.default.title,a.default.titleCompressed),defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}else{const{title:n,link:s,image:o,inverted:f,date:u,label:c,readTime:h}=d;return e.jsxs("div",{className:a.default.study,"data-inverted":f,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:c&&e.jsx(b.Label,{...c})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(t.Typography,{className:a.default.date,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(u)}),e.jsx(t.Typography,{className:a.default.mobileDate,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(u,{year:"2-digit"}).replaceAll(" / ","/")}),e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",align:"center",children:"•"}),e.jsxs(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[h," MIN READ"]})]})]}),e.jsx(t.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}}exports.StudyGridCard=x;

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -1,13 +1,13 @@
 import { jsxs as i, jsx as a, Fragment as R } from "react/jsx-runtime";
-import { formatDate as b } from "../../utils/formatDate.es.js";
+import { formatDate as u } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as l } from "../Icon/constants.es.js";
-import { Label as p } from "../Label/Label.es.js";
+import { EIconName as r } from "../Icon/constants.es.js";
+import { Label as g } from "../Label/Label.es.js";
 import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as r } from "../Typography/Typography.es.js";
+import { Typography as l } from "../Typography/Typography.es.js";
 import { cn as m } from "../../utils/cn/cn.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function k(d) {
+function S(d) {
   if (d.compressed === !0) {
     const { title: o, link: t, image: n } = d;
     return /* @__PURE__ */ i("div", { className: m(e.study, e.studyCompressed), children: [
@@ -20,7 +20,7 @@ function k(d) {
       ),
       /* @__PURE__ */ i("div", { className: m(e.dataPart, e.dataPartCompressed), children: [
         /* @__PURE__ */ a(
-          r,
+          l,
           {
             className: m(e.title, e.titleCompressed),
             defaultVariant: "headingSm",
@@ -38,7 +38,7 @@ function k(d) {
               size: "sm",
               as: "a",
               href: t,
-              suffixIcon: l.ARROW_FORWARD,
+              suffixIcon: r.ARROW_FORWARD,
               children: "READ MORE"
             }
           ),
@@ -50,7 +50,7 @@ function k(d) {
               size: "lg",
               as: "a",
               href: t,
-              suffixIcon: l.ARROW_FORWARD,
+              suffixIcon: r.ARROW_FORWARD,
               children: "READ MORE"
             }
           )
@@ -60,36 +60,50 @@ function k(d) {
       /* @__PURE__ */ a("div", { className: e.borderRight })
     ] });
   } else {
-    const { title: o, link: t, image: n, inverted: h, date: u, label: c, readTime: f } = d;
-    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": h, children: [
-      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: c && /* @__PURE__ */ a(p, { ...c }) }),
+    const { title: o, link: t, image: n, inverted: f, date: c, label: h, readTime: b } = d;
+    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": f, children: [
+      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: h && /* @__PURE__ */ a(g, { ...h }) }),
       /* @__PURE__ */ i("div", { className: e.dataPart, children: [
         /* @__PURE__ */ i("div", { className: e.info, children: [
           /* @__PURE__ */ a(
-            r,
+            l,
             {
+              className: e.date,
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: b(u)
+              children: u(c)
+            }
+          ),
+          /* @__PURE__ */ a(
+            l,
+            {
+              className: e.mobileDate,
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "medium",
+              color: "color-neutral-500",
+              children: u(c, { year: "2-digit" }).replaceAll(" / ", "/")
             }
           ),
           /* @__PURE__ */ i(R, { children: [
             /* @__PURE__ */ a(
-              r,
+              l,
               {
                 defaultVariant: "labelSm",
                 mobileVariant: "labelXs",
                 emphasis: !0,
                 weight: "medium",
                 color: "color-neutral-500",
+                align: "center",
                 children: "•"
               }
             ),
             /* @__PURE__ */ i(
-              r,
+              l,
               {
                 defaultVariant: "labelSm",
                 mobileVariant: "labelXs",
@@ -97,14 +111,14 @@ function k(d) {
                 weight: "medium",
                 color: "color-neutral-500",
                 children: [
-                  f,
+                  b,
                   " MIN READ"
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
+        /* @__PURE__ */ a(l, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
         /* @__PURE__ */ i("div", { className: e.button, children: [
           /* @__PURE__ */ a(
             s,
@@ -114,7 +128,7 @@ function k(d) {
               size: "sm",
               as: "a",
               href: t,
-              suffixIcon: l.ARROW_FORWARD,
+              suffixIcon: r.ARROW_FORWARD,
               children: "READ MORE"
             }
           ),
@@ -126,7 +140,7 @@ function k(d) {
               size: "lg",
               as: "a",
               href: t,
-              suffixIcon: l.ARROW_FORWARD,
+              suffixIcon: r.ARROW_FORWARD,
               children: "READ MORE"
             }
           )
@@ -136,5 +150,5 @@ function k(d) {
   }
 }
 export {
-  k as StudyGridCard
+  S as StudyGridCard
 };

package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",e="studyGridCard-module__dataPart___mweMi",r="studyGridCard-module__dataPartCompressed___bLUMa",s="studyGridCard-module__info___xY-Kk",o="studyGridCard-module__title___U2va1",_="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",u="studyGridCard-module__studyCompressed___0XTXS",i="studyGridCard-module__imagePartCompressed___8GG-N",m="studyGridCard-module__titleCompressed___Z7uqM",l="studyGridCard-module__borderLeft___xGpbL",C="studyGridCard-module__borderRight___DmL9W",n={study:t,imagePart:d,dataPart:e,dataPartCompressed:r,info:s,title:o,button:_,mobileButton:a,studyCompressed:u,imagePartCompressed:i,titleCompressed:m,borderLeft:l,borderRight:C};exports.borderLeft=l;exports.borderRight=C;exports.button=_;exports.dataPart=e;exports.dataPartCompressed=r;exports.default=n;exports.imagePart=d;exports.imagePartCompressed=i;exports.info=s;exports.mobileButton=a;exports.study=t;exports.studyCompressed=u;exports.title=o;exports.titleCompressed=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__mobileDate___rOS6q",e="studyGridCard-module__imagePart___fvIQO",r="studyGridCard-module__dataPart___mweMi",o="studyGridCard-module__dataPartCompressed___bLUMa",s="studyGridCard-module__info___xY-Kk",_="studyGridCard-module__title___U2va1",a="studyGridCard-module__button___bvI0u",u="studyGridCard-module__mobileButton___v-RZs",i="studyGridCard-module__studyCompressed___0XTXS",m="studyGridCard-module__imagePartCompressed___8GG-N",l="studyGridCard-module__titleCompressed___Z7uqM",C="studyGridCard-module__borderLeft___xGpbL",n="studyGridCard-module__borderRight___DmL9W",b="studyGridCard-module__date___UBDSq",y={study:t,mobileDate:d,imagePart:e,dataPart:r,dataPartCompressed:o,info:s,title:_,button:a,mobileButton:u,studyCompressed:i,imagePartCompressed:m,titleCompressed:l,borderLeft:C,borderRight:n,date:b};exports.borderLeft=C;exports.borderRight=n;exports.button=a;exports.dataPart=r;exports.dataPartCompressed=o;exports.date=b;exports.default=y;exports.imagePart=e;exports.imagePartCompressed=m;exports.info=s;exports.mobileButton=u;exports.mobileDate=d;exports.study=t;exports.studyCompressed=i;exports.title=_;exports.titleCompressed=l;

package/dist/components/StudyGridCard/studyGridCard.module.css.es.js

@@ -1,31 +1,35 @@
-const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", e = "studyGridCard-module__dataPart___mweMi", _ = "studyGridCard-module__dataPartCompressed___bLUMa", r = "studyGridCard-module__info___xY-Kk", s = "studyGridCard-module__title___U2va1", o = "studyGridCard-module__button___bvI0u", a = "studyGridCard-module__mobileButton___v-RZs", u = "studyGridCard-module__studyCompressed___0XTXS", m = "studyGridCard-module__imagePartCompressed___8GG-N", i = "studyGridCard-module__titleCompressed___Z7uqM", C = "studyGridCard-module__borderLeft___xGpbL", l = "studyGridCard-module__borderRight___DmL9W", n = {
-  study: t,
-  imagePart: d,
-  dataPart: e,
-  dataPartCompressed: _,
-  info: r,
+const d = "studyGridCard-module__study___mkYRU", t = "studyGridCard-module__mobileDate___rOS6q", e = "studyGridCard-module__imagePart___fvIQO", _ = "studyGridCard-module__dataPart___mweMi", r = "studyGridCard-module__dataPartCompressed___bLUMa", o = "studyGridCard-module__info___xY-Kk", s = "studyGridCard-module__title___U2va1", a = "studyGridCard-module__button___bvI0u", u = "studyGridCard-module__mobileButton___v-RZs", m = "studyGridCard-module__studyCompressed___0XTXS", i = "studyGridCard-module__imagePartCompressed___8GG-N", l = "studyGridCard-module__titleCompressed___Z7uqM", C = "studyGridCard-module__borderLeft___xGpbL", n = "studyGridCard-module__borderRight___DmL9W", y = "studyGridCard-module__date___UBDSq", b = {
+  study: d,
+  mobileDate: t,
+  imagePart: e,
+  dataPart: _,
+  dataPartCompressed: r,
+  info: o,
   title: s,
-  button: o,
-  mobileButton: a,
-  studyCompressed: u,
-  imagePartCompressed: m,
-  titleCompressed: i,
+  button: a,
+  mobileButton: u,
+  studyCompressed: m,
+  imagePartCompressed: i,
+  titleCompressed: l,
   borderLeft: C,
-  borderRight: l
+  borderRight: n,
+  date: y
 };
 export {
   C as borderLeft,
-  l as borderRight,
-  o as button,
-  e as dataPart,
-  _ as dataPartCompressed,
-  n as default,
-  d as imagePart,
-  m as imagePartCompressed,
-  r as info,
-  a as mobileButton,
-  t as study,
-  u as studyCompressed,
+  n as borderRight,
+  a as button,
+  _ as dataPart,
+  r as dataPartCompressed,
+  y as date,
+  b as default,
+  e as imagePart,
+  i as imagePartCompressed,
+  o as info,
+  u as mobileButton,
+  t as mobileDate,
+  d as study,
+  m as studyCompressed,
   s as title,
-  i as titleCompressed
+  l as titleCompressed
 };

package/dist/components/TextInput/TextInput.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, KeyboardEvent } from 'react';
 
-type TTextInputProps = {
+export type TTextInputProps = {
     placeholder?: string;
     variant?: 'primary' | 'primary-invert';
     handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
@@ -17,4 +17,3 @@ type TTextInputProps = {
     showButton?: boolean;
 };
 export declare const TextInput: ({ placeholder, variant, handleChange, handleKeyDown, disabled, buttonText, onButtonClick, error, errorText, active, value, label, type, showButton, }: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TextInput/index.d.ts

@@ -1 +1,2 @@
 export { TextInput } from './TextInput';
+export type { TTextInputProps } from './TextInput';

package/dist/components/Typography/Typography.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),f=require("./Typography.service.cjs.js"),C=({defaultVariant:t,children:o,className:i="",weight:l,emphasis:r=!1,as:c="span",mobileVariant:a,color:n,id:u})=>{const p=s.default[t]||"";let e=l;r&&!l&&(e="medium");const y=e?s.default[`weight${e.charAt(0).toUpperCase()}${e.slice(1)}`]:"",g=t.startsWith("label")&&r?s.default.labelEmphasis:"",h=a?s.default[`mobile__${a}`]:"";return d.jsx(c,{style:f.getMemoizedColorStyles(n),className:m.cn(p,y,g,h,i),id:u,children:o})};exports.Typography=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),e=require("../../styles/typography.module.css.cjs.js"),C=require("../../utils/cn/cn.cjs.js"),_=require("./Typography.service.cjs.js"),$=({defaultVariant:l,children:i,className:c="",weight:a,emphasis:o=!1,as:n="span",mobileVariant:r,color:u,id:p,align:t})=>{const y=e.default[l]||"";let s=a;o&&!a&&(s="medium");const d=s?e.default[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`]:"",g=l.startsWith("label")&&o?e.default.labelEmphasis:"",h=r?e.default[`mobile__${r}`]:"",f=t?e.default[`${t}Align`]:"";return m.jsx(n,{style:_.getMemoizedColorStyles(u),className:C.cn(y,d,g,h,f,c),id:p,"data-align":t,children:i})};exports.Typography=$;

package/dist/components/Typography/Typography.d.ts

@@ -12,6 +12,7 @@ export interface TypographyProps {
     as?: ElementType;
     color?: string;
     id?: string;
+    align?: 'left' | 'center' | 'right';
 }
-export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, id, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, id, align, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Typography/Typography.es.js

@@ -1,32 +1,34 @@
-import { jsx as C } from "react/jsx-runtime";
-import o from "../../styles/typography.module.css.es.js";
-import { cn as g } from "../../utils/cn/cn.es.js";
-import { getMemoizedColorStyles as b } from "./Typography.service.es.js";
-const d = ({
-  defaultVariant: t,
-  children: a,
+import { jsx as $ } from "react/jsx-runtime";
+import s from "../../styles/typography.module.css.es.js";
+import { cn as b } from "../../utils/cn/cn.es.js";
+import { getMemoizedColorStyles as d } from "./Typography.service.es.js";
+const j = ({
+  defaultVariant: a,
+  children: i,
   className: m = "",
   weight: e,
   emphasis: l = !1,
-  as: i = "span",
+  as: p = "span",
   mobileVariant: r,
-  color: p,
-  id: c
+  color: c,
+  id: n,
+  align: o
 }) => {
-  const n = o[t] || "";
-  let s = e;
-  l && !e && (s = "medium");
-  const h = s ? o[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", f = t.startsWith("label") && l ? o.labelEmphasis : "", y = r ? o[`mobile__${r}`] : "";
-  return /* @__PURE__ */ C(
-    i,
+  const h = s[a] || "";
+  let t = e;
+  l && !e && (t = "medium");
+  const C = t ? s[`weight${t.charAt(0).toUpperCase()}${t.slice(1)}`] : "", f = a.startsWith("label") && l ? s.labelEmphasis : "", g = r ? s[`mobile__${r}`] : "", y = o ? s[`${o}Align`] : "";
+  return /* @__PURE__ */ $(
+    p,
     {
-      style: b(p),
-      className: g(n, h, f, y, m),
-      id: c,
-      children: a
+      style: d(c),
+      className: b(h, C, f, g, y, m),
+      id: n,
+      "data-align": o,
+      children: i
     }
   );
 };
 export {
-  d as Typography
+  j as Typography
 };