@zenpatient-org/healthspan-marketing-ui 0.1.40 → 0.1.41

package/dist/components/Button/Button.d.ts

@@ -11,5 +11,5 @@ interface BaseButtonProps {
     suffixIcon?: EIconName;
 }
 export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Button: React.ForwardRefExoticComponent<BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "className"> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/IconButton/IconButton.d.ts

@@ -10,5 +10,5 @@ interface BaseButtonProps {
     as?: ElementType;
 }
 export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children">) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children" | "className">) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tag/Tag.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),s=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:r,children:o,active:d,disabled:u,size:a="md",prefixIcon:n,suffixIcon:c,onClick:i})=>e.jsx("button",{className:m.cn(t.default.tag,g[a],{[t.default.active]:d},t.default[a]),disabled:u,onClick:()=>i(r),children:e.jsxs("div",{className:t.default.content,children:[n&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:n})}),e.jsx("p",{children:o}),c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:c})})]})});exports.Tag=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),d=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:n,children:u,active:o,disabled:i,size:s="md",prefixIcon:c,suffixIcon:r,onClick:a})=>e.jsx("button",{className:m.cn(t.default.tag,g[s],{[t.default.active]:o},t.default[s]),disabled:i,onClick:()=>n&&(a==null?void 0:a(n)),children:e.jsxs("div",{className:t.default.content,children:[c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:c})}),e.jsx("p",{children:u}),r&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:r})})]})});exports.Tag=j;

package/dist/components/Tag/Tag.d.ts

@@ -3,14 +3,14 @@ import { EIconName } from '../Icon';
 
 type Props = {
     children: ReactNode;
-    value: string;
+    value?: string;
     active?: boolean;
     size?: 'md' | 'lg';
     disabled?: boolean;
     prefixIcon?: EIconName;
     suffixIcon?: EIconName;
     iconPosition?: 'left' | 'right';
-    onClick: (value: string) => void;
+    onClick?: (value: string) => void;
 };
 export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tag/Tag.es.js

@@ -1,21 +1,21 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import c from "../../styles/typography.module.css.es.js";
 import { cn as g } from "../../utils/cn/cn.es.js";
-import { Icon as e } from "../Icon/Icon.es.js";
-import a from "./tag.module.css.es.js";
+import { Icon as n } from "../Icon/Icon.es.js";
+import m from "./tag.module.css.es.js";
 const h = {
   md: c.labelMd,
   lg: c.labelLg
-}, f = ({ value: l, children: n, active: i, disabled: s, size: m = "md", prefixIcon: o, suffixIcon: t, onClick: d }) => /* @__PURE__ */ r(
+}, f = ({ value: t, children: d, active: l, disabled: p, size: e = "md", prefixIcon: o, suffixIcon: s, onClick: a }) => /* @__PURE__ */ r(
   "button",
   {
-    className: g(a.tag, h[m], { [a.active]: i }, a[m]),
-    disabled: s,
-    onClick: () => d(l),
-    children: /* @__PURE__ */ p("div", { className: a.content, children: [
-      o && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: o }) }),
-      /* @__PURE__ */ r("p", { children: n }),
-      t && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: t }) })
+    className: g(m.tag, h[e], { [m.active]: l }, m[e]),
+    disabled: p,
+    onClick: () => t && (a == null ? void 0 : a(t)),
+    children: /* @__PURE__ */ i("div", { className: m.content, children: [
+      o && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: o }) }),
+      /* @__PURE__ */ r("p", { children: d }),
+      s && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: s }) })
     ] })
   }
 );

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),o=({title:d,description:a,isOpen:n,index:s,onClick:c})=>e.jsxs("div",{onClick:()=>c(s??0),className:t.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(i.Typography,{defaultVariant:"headingXs",children:d})}),e.jsx("div",{className:t.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",children:a})})})]});exports.Ingredient=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),a=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:i,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:a.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:a.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js

@@ -1,10 +1,10 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Typography as o } from "../../../../components/Typography/Typography.es.js";
-import { cn as d } from "../../../../utils/cn/cn.es.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { cn as a } from "../../../../utils/cn/cn.es.js";
 import r from "./ingredient.module.css.es.js";
-const f = ({ title: n, description: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
-  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(o, { defaultVariant: "headingXs", children: n }) }),
-  /* @__PURE__ */ e("div", { className: d(r.description, { [r.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: a }) }) })
+const f = ({ title: t, description: i, isOpen: o, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: o }), children: [
+  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
+  !!i && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: o }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: i }) }) })
 ] });
 export {
   f as Ingredient

package/dist/modules/IngredientHighlight/components/Ingredient/types.d.ts

@@ -1,6 +1,6 @@
 export type TIngredient = {
     title: string;
-    description: string;
+    description?: string;
     index: number;
     isOpen: boolean;
     onClick: (index: number) => void;

package/dist/modules/IngredientHighlight/types.d.ts

@@ -2,6 +2,6 @@ export type TIngredientHighlight = {
     items: Array<{
         image: string;
         title: string;
-        description: string;
+        description?: string;
     }>;
 };

package/dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts

@@ -0,0 +1,6 @@
+export type TextBlockAnimatedProps = {
+    label?: string;
+    body: string;
+    colorScheme: 'light' | 'dark';
+};
+export declare function TextBlockAnimated({ label, body, colorScheme }: TextBlockAnimatedProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.40",
+    "version": "0.1.41",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",