@zenpatient-org/healthspan-marketing-ui 0.2.33 → 0.2.34

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),w=require("react-mailchimp-subscribe"),N=require("../../../../../../utils/isValidEmail.cjs.js"),P=require("../../../../../../types/analytics/analytics.cjs.js"),j=require("../../../../../../src/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css"),V=require("../../../../../../components/TextInput/TextInput.cjs.js"),E=require("../../../../../../components/Button/Button.cjs.js"),b=e=>`//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`,A=({status:e,message:c,subscribe:d,buttonText:p,colorScheme:l,onCloseCallback:r,cancelButtonText:f,onClickCallback:a,placeholder:h,trackingEvent:m,trackingLocation:y})=>{const[t,g]=o.useState(""),[v,n]=o.useState(!1),[S,s]=o.useState(""),[q,x]=o.useState(!1),T=u=>{g(u.target.value),v&&(n(!1),s("")),x(u.target.value.length>0)},M=()=>{var u;if(!t){n(!0),s("Please enter your email address");return}if(!N.isValidEmail(t)){n(!0),s("Please enter a valid email address");return}if(n(!1),s(""),d({EMAIL:t}),a==null||a(),m){const I={event:m,location:y||"",type:P.EAnalyticsEventType.interaction,payload:{email:t,component:"HSModal",element:"MailchimpCustomForm",pageTitle:document.title}};(u=window.eventBus)==null||u.emit("analytics",I)}};o.useEffect(()=>{e==="success"&&(g(""),n(!1),s(""),x(!1),r==null||r()),e==="error"&&typeof c=="string"&&(n(!0),s("Subscription failed. Please try again."))},[e,c]);const _=l==="light"?"primary":"primary-invert",B=l==="light"?"primary":"primary-invert";return i.jsxs("div",{className:j.interface,children:[i.jsx(V.TextInput,{placeholder:h||"Email",variant:_,value:t,handleChange:T,error:v,errorText:S,active:q}),i.jsxs("div",{className:j.buttonContainer,children:[i.jsx(E.Button,{size:"md",variant:B,onClick:M,children:e==="sending"?"submitting…":p}),i.jsx(E.Button,{size:"md",variant:"ghost",onClick:r,children:f})]})]})},z=({buttonText:e,colorScheme:c,onCloseCallback:d,cancelButtonText:p,tags:l,onClickCallback:r,placeholder:f,trackingEvent:a,trackingLocation:h})=>i.jsx(w,{url:b(l),render:({subscribe:m,status:y,message:t})=>i.jsx(A,{status:y,message:t,subscribe:m,buttonText:e,colorScheme:c,onCloseCallback:d,onClickCallback:r,cancelButtonText:p,placeholder:f,trackingEvent:a,trackingLocation:h})});exports.Newsletter=z;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),O=require("../../../../../../utils/isValidEmail.cjs.js"),I=require("../../../../../../types/analytics/analytics.cjs.js"),h=require("../../../../../../src/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css"),V=require("../../../../../../components/TextInput/TextInput.cjs.js"),f=require("../../../../../../components/Button/Button.cjs.js"),M="https://hook.us2.make.com/1pdxfhs8945s62ritw768u66p2weqoq6",R=({buttonText:g,colorScheme:l,onCloseCallback:a,cancelButtonText:v,tags:S,onClickCallback:c,placeholder:x,trackingEvent:d,trackingLocation:T})=>{const[s,m]=i.useState(""),[p,t]=i.useState(!1),[q,e]=i.useState(""),[j,y]=i.useState(!1),[E,o]=i.useState(null),w=n=>{m(n.target.value),p&&(t(!1),e("")),y(n.target.value.length>0)},P=async()=>{var n;if(!s){t(!0),e("Please enter your email address");return}if(!O.isValidEmail(s)){t(!0),e("Please enter a valid email address");return}t(!1),e(""),o("sending");try{const u=S.split(",").map(N=>({name:N,status:"active"}));(await fetch(M,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:s,tags:u})})).ok?(o("success"),m(""),t(!1),e(""),y(!1),a==null||a()):(o("error"),t(!0),e("Subscription failed. Please try again."))}catch{o("error"),t(!0),e("Subscription failed. Please try again.")}if(c==null||c(),d){const u={event:d,location:T||"",type:I.EAnalyticsEventType.interaction,payload:{email:s,component:"HSModal",element:"MailchimpCustomForm",pageTitle:document.title}};(n=window.eventBus)==null||n.emit("analytics",u)}},_=l==="light"?"primary":"primary-invert",B=l==="light"?"primary":"primary-invert";return r.jsxs("div",{className:h.interface,children:[r.jsx(V.TextInput,{placeholder:x||"Email",variant:_,value:s,handleChange:w,error:p,errorText:q,active:j}),r.jsxs("div",{className:h.buttonContainer,children:[r.jsx(f.Button,{size:"md",variant:B,onClick:P,children:E==="sending"?"submitting…":g}),r.jsx(f.Button,{size:"md",variant:"ghost",onClick:a,children:v})]})]})};exports.Newsletter=R;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.es.js

@@ -1,112 +1,87 @@
 "use client";
-import { jsx as m, jsxs as x } from "react/jsx-runtime";
-import { useState as d, useEffect as j } from "react";
-import z from "react-mailchimp-subscribe";
-import { isValidEmail as B } from "../../../../../../utils/isValidEmail.es.js";
-import { EAnalyticsEventType as F } from "../../../../../../types/analytics/analytics.es.js";
-import M from "../../../../../../modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css";
-import { TextInput as b } from "../../../../../../components/TextInput/TextInput.es.js";
-import { Button as T } from "../../../../../../components/Button/Button.es.js";
-const H = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`, L = ({
-  status: e,
-  message: o,
-  subscribe: c,
-  buttonText: f,
-  colorScheme: p,
-  onCloseCallback: r,
-  cancelButtonText: l,
-  onClickCallback: a,
-  placeholder: h,
-  trackingEvent: u,
-  trackingLocation: v
+import { jsxs as h, jsx as p } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { isValidEmail as z } from "../../../../../../utils/isValidEmail.es.js";
+import { EAnalyticsEventType as A } from "../../../../../../types/analytics/analytics.es.js";
+import y from "../../../../../../modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css";
+import { TextInput as H } from "../../../../../../components/TextInput/TextInput.es.js";
+import { Button as v } from "../../../../../../components/Button/Button.es.js";
+const I = "https://hook.us2.make.com/1pdxfhs8945s62ritw768u66p2weqoq6", _ = ({
+  buttonText: g,
+  colorScheme: u,
+  onCloseCallback: n,
+  cancelButtonText: x,
+  tags: E,
+  onClickCallback: m,
+  placeholder: S,
+  trackingEvent: d,
+  trackingLocation: T
 }) => {
-  const [t, g] = d(""), [y, i] = d(!1), [S, n] = d(""), [w, E] = d(!1), A = (s) => {
-    g(s.target.value), y && (i(!1), n("")), E(s.target.value.length > 0);
-  }, I = () => {
-    var s;
-    if (!t) {
-      i(!0), n("Please enter your email address");
+  const [r, c] = s(""), [l, t] = s(!1), [w, e] = s(""), [P, f] = s(!1), [N, a] = s(null), O = (i) => {
+    c(i.target.value), l && (t(!1), e("")), f(i.target.value.length > 0);
+  }, j = async () => {
+    var i;
+    if (!r) {
+      t(!0), e("Please enter your email address");
       return;
     }
-    if (!B(t)) {
-      i(!0), n("Please enter a valid email address");
+    if (!z(r)) {
+      t(!0), e("Please enter a valid email address");
       return;
     }
-    if (i(!1), n(""), c({
-      EMAIL: t
-    }), a == null || a(), u) {
-      const V = {
-        event: u,
-        location: v || "",
-        type: F.interaction,
+    t(!1), e(""), a("sending");
+    try {
+      const o = E.split(",").map((q) => ({
+        name: q,
+        status: "active"
+      }));
+      (await fetch(I, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email: r,
+          tags: o
+        })
+      })).ok ? (a("success"), c(""), t(!1), e(""), f(!1), n == null || n()) : (a("error"), t(!0), e("Subscription failed. Please try again."));
+    } catch {
+      a("error"), t(!0), e("Subscription failed. Please try again.");
+    }
+    if (m == null || m(), d) {
+      const o = {
+        event: d,
+        location: T || "",
+        type: A.interaction,
         payload: {
-          email: t,
+          email: r,
           component: "HSModal",
           element: "MailchimpCustomForm",
           pageTitle: document.title
         }
       };
-      (s = window.eventBus) == null || s.emit("analytics", V);
+      (i = window.eventBus) == null || i.emit("analytics", o);
     }
-  };
-  j(() => {
-    e === "success" && (g(""), i(!1), n(""), E(!1), r == null || r()), e === "error" && typeof o == "string" && (i(!0), n("Subscription failed. Please try again."));
-  }, [e, o]);
-  const N = p === "light" ? "primary" : "primary-invert", P = p === "light" ? "primary" : "primary-invert";
-  return /* @__PURE__ */ x("div", { className: M.interface, children: [
-    /* @__PURE__ */ m(
-      b,
+  }, B = u === "light" ? "primary" : "primary-invert", V = u === "light" ? "primary" : "primary-invert";
+  return /* @__PURE__ */ h("div", { className: y.interface, children: [
+    /* @__PURE__ */ p(
+      H,
       {
-        placeholder: h || "Email",
-        variant: N,
-        value: t,
-        handleChange: A,
-        error: y,
-        errorText: S,
-        active: w
+        placeholder: S || "Email",
+        variant: B,
+        value: r,
+        handleChange: O,
+        error: l,
+        errorText: w,
+        active: P
       }
     ),
-    /* @__PURE__ */ x("div", { className: M.buttonContainer, children: [
-      /* @__PURE__ */ m(T, { size: "md", variant: P, onClick: I, children: e === "sending" ? "submitting…" : f }),
-      /* @__PURE__ */ m(T, { size: "md", variant: "ghost", onClick: r, children: l })
+    /* @__PURE__ */ h("div", { className: y.buttonContainer, children: [
+      /* @__PURE__ */ p(v, { size: "md", variant: V, onClick: j, children: N === "sending" ? "submitting…" : g }),
+      /* @__PURE__ */ p(v, { size: "md", variant: "ghost", onClick: n, children: x })
     ] })
   ] });
-}, O = ({
-  buttonText: e,
-  colorScheme: o,
-  onCloseCallback: c,
-  cancelButtonText: f,
-  tags: p,
-  onClickCallback: r,
-  placeholder: l,
-  trackingEvent: a,
-  trackingLocation: h
-}) => /* @__PURE__ */ m(
-  z,
-  {
-    url: H(p),
-    render: ({
-      subscribe: u,
-      status: v,
-      message: t
-    }) => /* @__PURE__ */ m(
-      L,
-      {
-        status: v,
-        message: t,
-        subscribe: u,
-        buttonText: e,
-        colorScheme: o,
-        onCloseCallback: c,
-        onClickCallback: r,
-        cancelButtonText: f,
-        placeholder: l,
-        trackingEvent: a,
-        trackingLocation: h
-      }
-    )
-  }
-);
+};
 export {
-  O as Newsletter
+  _ as Newsletter
 };

package/dist/styles/core.css

@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-black: #000000;--color-white: #ffffff;--color-midnight-50: #f1f0f4;--color-midnight-100: #e3e1ea;--color-midnight-200: #aaa6bf;--color-midnight-300: #5b5676;--color-midnight-400: #2e2b3b;--color-midnight-500: #111016;--color-navy-50: #e9f5fc;--color-navy-100: #d2eaf9;--color-navy-200: #79c0ec;--color-navy-300: #1a78b2;--color-navy-400: #0d3c59;--color-navy-500: #092a3e;--color-copper-50: #f8f1ec;--color-copper-100: #f1e3da;--color-copper-200: #d5ac90;--color-copper-300: #955d37;--color-copper-400: #835231;--color-copper-500: #4a2e1c;--color-orchre-50: #fff5e6;--color-orchre-100: #feeacd;--color-orchre-200: #fcc169;--color-orchre-300: #fba626;--color-orchre-400: #c87a04;--color-orchre-500: #643d02;--color-indigo-50: #eaf2fa;--color-indigo-100: #cadff3;--color-indigo-200: #81b1e2;--color-indigo-300: #5999d9;--color-indigo-400: #2666a6;--color-indigo-500: #133353;--color-sage-50: #f1f8ed;--color-sage-100: #e3f1da;--color-sage-200: #a5d088;--color-sage-300: #90c56d;--color-sage-400: #5d923a;--color-sage-500: #2f491d;--color-solar-50: #fffce6;--color-solar-100: #fffacc;--color-solar-200: #fef38e;--color-solar-300: #feef67;--color-solar-400: #cab602;--color-solar-500: #655b01;--color-ivory-50: #fbf3e9;--color-ivory-100: #fbf1e6;--color-ivory-200: #f1cda7;--color-ivory-300: #e39b4f;--color-ivory-400: #b0681c;--color-ivory-500: #58340e;--color-lilac-50: #d6cefb;--color-lilac-100: #bdb0f8;--color-lilac-200: #b0a4e8;--color-lilac-300: #625793;--color-lilac-400: #4e4879;--color-lilac-500: #0a151c;--color-neutral-100: #f7f7f7;--color-neutral-200: #e5e5e5;--color-neutral-300: #adadad;--color-neutral-400: #888888;--color-neutral-500: #676767;--color-neutral-900: #1a1a1a;--color-urgent-red-100: #ffe2e1;--color-urgent-red-200: #ffcabe;--color-urgent-red-300: #ff5850;--color-urgent-red-400: #e4271d;--color-urgent-red-500: #841d18;--color-calm-green-100: #e1f7e6;--color-calm-green-200: #beecc8;--color-calm-green-300: #56d391;--color-calm-green-400: #0d9051;--color-calm-green-500: #084b2e;--color-powder-blue-100: #deecfa;--color-powder-blue-200: #c4e0f8;--color-powder-blue-300: #5a9bea;--color-powder-blue-400: #3375dc;--color-powder-blue-500: #264582;--color-heal-yellow-100: #fff8c8;--color-heal-yellow-200: #ffec88;--color-heal-yellow-300: #f6c64f;--color-heal-yellow-400: #eeab04;--color-heal-yellow-500: #733b10;--color-cell-pink-100: #fee5f1;--color-cell-pink-200: #fed7ea;--color-cell-pink-300: #ff81b8;--color-cell-pink-400: #eb1664;--color-cell-pink-500: #8d0e37;--color-bg-base-light: var(--color-white);--color-bg-base-dark: var(--color-black);--color-bg-neutral-light: var(--color-neutral-100);--color-bg-neutral-medium: var(--color-neutral-200);--color-bg-success: var(--color-calm-green-100);--color-bg-warning: var(--color-heal-yellow-100);--color-bg-danger: var(--color-urgent-red-300);--color-bg-info: var(--color-powder-blue-100);--color-bg-supportive: var(--color-cell-pink-100);--color-bg-success-fill: var(--color-calm-green-300);--color-bg-warning-fill: var(--color-heal-yellow-300);--color-bg-danger-fill: var(--color-urgent-red-300);--color-bg-info-fill: var(--color-powder-blue-300);--color-bg-supportive-fill: var(--color-cell-pink-300);--color-bg-fill-primary: var(--color-black);--color-bg-fill-brand-solar: var(--color-solar-200);--color-bg-fill-brand-indigo: var(--color-indigo-200);--color-bg-fill-brand-sage: var(--color-sage-200);--color-bg-fill-brand-orchre: var(--color-orchre-300);--color-bg-fill-brand-lilac: var(--color-lilac-100);--color-bg-fill-brand-disabled: var(--color-neutral-400);--color-bg-fill-brand-inverse: var(--color-white);--color-bg-fill-neutral-dark: var(--color-neutral-900);--color-bg-fill-alpha-white-10: rgba(255, 255, 255, .1);--color-bg-fill-alpha-white-20: rgba(255, 255, 255, .2);--color-bg-fill-alpha-black-10: rgba(0, 0, 0, .1);--color-bg-fill-alpha-black-40: rgba(0, 0, 0, .4);--color-text-primary: var(--color-black);--color-text-primary-brand-solar: var(--color-solar-200);--color-text-primary-brand-indigo: var(--color-indigo-300);--color-text-primary-brand-lilac: var(--color-lilac-300);--color-text-primary-disabled: var(--color-neutral-300);--color-text-primary-inverted: var(--color-white);--color-text-secondary: var(--color-neutral-500);--color-text-secondary-hover: var(--color-neutral-400);--color-text-secondary-disabled: var(--color-neutral-300);--color-text-secondary-inverted: var(--color-neutral-200);--color-text-success-dark: var(--color-calm-green-500);--color-text-success-light: var(--color-calm-green-400);--color-text-success-hover: var(--color-calm-green-300);--color-text-success-disabled: var(--color-calm-green-200);--color-text-warning-dark: var(--color-heal-yellow-500);--color-text-warning-light: var(--color-heal-yellow-400);--color-text-warning-hover: var(--color-heal-yellow-300);--color-text-warning-disabled: var(--color-heal-yellow-200);--color-text-danger-dark: var(--color-urgent-red-500);--color-text-danger-light: var(--color-urgent-red-400);--color-text-danger-hover: var(--color-urgent-red-300);--color-text-danger-disabled: var(--color-urgent-red-200);--color-text-info-dark: var(--color-powder-blue-500);--color-text-info-light: var(--color-powder-blue-400);--color-text-info-hover: var(--color-powder-blue-300);--color-text-info-disabled: var(--color-powder-blue-200);--color-text-supportive-dark: var(--color-cell-pink-500);--color-text-supportive-light: var(--color-cell-pink-400);--color-text-supportive-hover: var(--color-cell-pink-300);--color-text-supportive-disabled: var(--color-cell-pink-200);--border-color-light: var(--color-neutral-200);--border-color-medium: var(--color-neutral-300);--border-color-dark: var(--color-black);--border-color-indigo: var(--color-indigo-200);--border-color-solar: var(--color-solar-200);--border-color-lilac: var(--color-lilac-100);--border-color-invert: var(--color-white);--border-color-alpha-white-10: rgba(255, 255, 255, .1);--border-color-alpha-white-20: rgba(255, 255, 255, .2);--border-color-alpha-white-50: rgba(255, 255, 255, .5);--border-color-alpha-black-10: rgba(0, 0, 0, .1);--border-color-alpha-black-20: rgba(0, 0, 0, .2);--border-color-success: var(--color-calm-green-300);--border-color-success-en: var(--color-calm-green-500);--border-color-warning: var(--color-heal-yellow-300);--border-color-warning-en: var(--color-heal-yellow-500);--border-color-danger: var(--color-urgent-red-300);--border-color-danger-en: var(--color-urgent-red-500);--border-color-info: var(--color-powder-blue-300);--border-color-info-en: var(--color-powder-blue-500);--border-color-decorative: var(--color-cell-pink-300);--border-color-decorative-en: var(--color-cell-pink-500)}:root{--font-default: "Suisse Intl", sans-serif;--font-decorative: "Soehne Mono", monospace;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-heading-xxs: 18px;--font-size-heading-xs: 20px;--font-size-heading-sm: 24px;--font-size-heading-md: 28px;--font-size-heading-lg: 32px;--font-size-heading-xl: 40px;--font-size-display-xs: 48px;--font-size-display-sm: 56px;--font-size-display-md: 64px;--font-size-display-lg: 96px;--font-size-display-xl: 120px;--line-height-xxs: .9;--line-height-xs: 1;--line-height-sm: 1.1;--line-height-md: 1.2;--line-height-lg: 1.35;--line-height-xl: 1.4;--line-height-xxl: 1.5;--letter-spacing-negative-xxl: -.06em;--letter-spacing-negative-xl: -.04em;--letter-spacing-negative-lg: -.03em;--letter-spacing-negative-md: -.02em;--letter-spacing-negative-sm: -.01em;--letter-spacing-null: 0;--letter-spacing-sm: .01em;--letter-spacing-md: .02em;--letter-spacing-lg: .03em;--letter-spacing-xl: .05em;--letter-spacing-xxl: .1em;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800}:root{--border-radius-none: 0;--border-radius-xxs: 4px;--border-radius-xs: 8px;--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 40px;--border-radius-xxl: 48px;--border-radius-xxxl: 120px;--border-radius-full: 999px;--border-width-sm: 1px;--border-width-md: 2px}:root{--spacing-0: 0;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-52: 52px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-88: 88px;--spacing-96: 96px;--spacing-104: 104px;--spacing-112: 112px;--spacing-120: 120px;--spacing-180: 180px;--content-max-width: 1440px;--content-max-height: 1285px}html{scroll-behavior:smooth}
+:root{--color-black: #000000;--color-white: #ffffff;--color-midnight-50: #f1f0f4;--color-midnight-100: #e3e1ea;--color-midnight-200: #aaa6bf;--color-midnight-300: #5b5676;--color-midnight-400: #2e2b3b;--color-midnight-500: #111016;--color-navy-50: #e9f5fc;--color-navy-100: #d2eaf9;--color-navy-200: #79c0ec;--color-navy-300: #1a78b2;--color-navy-400: #0d3c59;--color-navy-500: #092a3e;--color-copper-50: #f8f1ec;--color-copper-100: #f1e3da;--color-copper-200: #d5ac90;--color-copper-300: #955d37;--color-copper-400: #835231;--color-copper-500: #4a2e1c;--color-orchre-50: #fff5e6;--color-orchre-100: #feeacd;--color-orchre-200: #fcc169;--color-orchre-300: #fba626;--color-orchre-400: #c87a04;--color-orchre-500: #643d02;--color-indigo-50: #eaf2fa;--color-indigo-100: #cadff3;--color-indigo-200: #81b1e2;--color-indigo-300: #5999d9;--color-indigo-400: #2666a6;--color-indigo-500: #133353;--color-sage-50: #f1f8ed;--color-sage-100: #e3f1da;--color-sage-200: #a5d088;--color-sage-300: #90c56d;--color-sage-400: #5d923a;--color-sage-500: #2f491d;--color-solar-50: #fffce6;--color-solar-100: #fffacc;--color-solar-200: #fef38e;--color-solar-300: #feef67;--color-solar-400: #cab602;--color-solar-500: #655b01;--color-ivory-50: #fbf3e9;--color-ivory-100: #fbf1e6;--color-ivory-200: #f1cda7;--color-ivory-300: #e39b4f;--color-ivory-400: #b0681c;--color-ivory-500: #58340e;--color-lilac-50: #d6cefb;--color-lilac-100: #bdb0f8;--color-lilac-200: #b0a4e8;--color-lilac-300: #625793;--color-lilac-400: #4e4879;--color-lilac-500: #0a151c;--color-neutral-100: #f7f7f7;--color-neutral-200: #e5e5e5;--color-neutral-300: #adadad;--color-neutral-400: #888888;--color-neutral-500: #676767;--color-neutral-900: #1a1a1a;--color-urgent-red-100: #ffe2e1;--color-urgent-red-200: #ffcabe;--color-urgent-red-300: #ff5850;--color-urgent-red-400: #e4271d;--color-urgent-red-500: #841d18;--color-calm-green-100: #e1f7e6;--color-calm-green-200: #beecc8;--color-calm-green-300: #56d391;--color-calm-green-400: #0d9051;--color-calm-green-500: #084b2e;--color-powder-blue-100: #deecfa;--color-powder-blue-200: #c4e0f8;--color-powder-blue-300: #5a9bea;--color-powder-blue-400: #3375dc;--color-powder-blue-500: #264582;--color-heal-yellow-100: #fff8c8;--color-heal-yellow-200: #ffec88;--color-heal-yellow-300: #f6c64f;--color-heal-yellow-400: #eeab04;--color-heal-yellow-500: #733b10;--color-cell-pink-100: #fee5f1;--color-cell-pink-200: #fed7ea;--color-cell-pink-300: #ff81b8;--color-cell-pink-400: #eb1664;--color-cell-pink-500: #8d0e37;--color-bg-base-light: var(--color-white);--color-bg-base-dark: var(--color-black);--color-bg-neutral-light: var(--color-neutral-100);--color-bg-neutral-medium: var(--color-neutral-200);--color-bg-success: var(--color-calm-green-100);--color-bg-warning: var(--color-heal-yellow-100);--color-bg-danger: var(--color-urgent-red-300);--color-bg-info: var(--color-powder-blue-100);--color-bg-supportive: var(--color-cell-pink-100);--color-bg-success-fill: var(--color-calm-green-300);--color-bg-warning-fill: var(--color-heal-yellow-300);--color-bg-danger-fill: var(--color-urgent-red-300);--color-bg-info-fill: var(--color-powder-blue-300);--color-bg-supportive-fill: var(--color-cell-pink-300);--color-bg-fill-primary: var(--color-black);--color-bg-fill-brand-solar: var(--color-solar-200);--color-bg-fill-brand-indigo: var(--color-indigo-200);--color-bg-fill-brand-sage: var(--color-sage-200);--color-bg-fill-brand-orchre: var(--color-orchre-300);--color-bg-fill-brand-lilac: var(--color-lilac-100);--color-bg-fill-brand-disabled: var(--color-neutral-400);--color-bg-fill-brand-inverse: var(--color-white);--color-bg-fill-neutral-dark: var(--color-neutral-900);--color-bg-fill-alpha-white-10: rgba(255, 255, 255, .1);--color-bg-fill-alpha-white-20: rgba(255, 255, 255, .2);--color-bg-fill-alpha-black-10: rgba(0, 0, 0, .1);--color-bg-fill-alpha-black-40: rgba(0, 0, 0, .4);--color-text-primary: var(--color-black);--color-text-primary-brand-solar: var(--color-solar-200);--color-text-primary-brand-indigo: var(--color-indigo-300);--color-text-primary-brand-lilac: var(--color-lilac-300);--color-text-primary-disabled: var(--color-neutral-300);--color-text-primary-inverted: var(--color-white);--color-text-secondary: var(--color-neutral-500);--color-text-secondary-hover: var(--color-neutral-400);--color-text-secondary-disabled: var(--color-neutral-300);--color-text-secondary-inverted: var(--color-neutral-200);--color-text-success-dark: var(--color-calm-green-500);--color-text-success-light: var(--color-calm-green-400);--color-text-success-hover: var(--color-calm-green-300);--color-text-success-disabled: var(--color-calm-green-200);--color-text-warning-dark: var(--color-heal-yellow-500);--color-text-warning-light: var(--color-heal-yellow-400);--color-text-warning-hover: var(--color-heal-yellow-300);--color-text-warning-disabled: var(--color-heal-yellow-200);--color-text-danger-dark: var(--color-urgent-red-500);--color-text-danger-light: var(--color-urgent-red-400);--color-text-danger-hover: var(--color-urgent-red-300);--color-text-danger-disabled: var(--color-urgent-red-200);--color-text-info-dark: var(--color-powder-blue-500);--color-text-info-light: var(--color-powder-blue-400);--color-text-info-hover: var(--color-powder-blue-300);--color-text-info-disabled: var(--color-powder-blue-200);--color-text-supportive-dark: var(--color-cell-pink-500);--color-text-supportive-light: var(--color-cell-pink-400);--color-text-supportive-hover: var(--color-cell-pink-300);--color-text-supportive-disabled: var(--color-cell-pink-200);--border-color-light: var(--color-neutral-200);--border-color-medium: var(--color-neutral-300);--border-color-dark: var(--color-black);--border-color-indigo: var(--color-indigo-200);--border-color-solar: var(--color-solar-200);--border-color-lilac: var(--color-lilac-100);--border-color-invert: var(--color-white);--border-color-alpha-white-10: rgba(255, 255, 255, .1);--border-color-alpha-white-20: rgba(255, 255, 255, .2);--border-color-alpha-white-50: rgba(255, 255, 255, .5);--border-color-alpha-black-10: rgba(0, 0, 0, .1);--border-color-alpha-black-20: rgba(0, 0, 0, .2);--border-color-success: var(--color-calm-green-300);--border-color-success-en: var(--color-calm-green-500);--border-color-warning: var(--color-heal-yellow-300);--border-color-warning-en: var(--color-heal-yellow-500);--border-color-danger: var(--color-urgent-red-300);--border-color-danger-en: var(--color-urgent-red-500);--border-color-info: var(--color-powder-blue-300);--border-color-info-en: var(--color-powder-blue-500);--border-color-decorative: var(--color-cell-pink-300);--border-color-decorative-en: var(--color-cell-pink-500)}:root{--font-default: "Suisse Intl", sans-serif;--font-decorative: "Soehne Mono", monospace;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-heading-xxs: 18px;--font-size-heading-xs: 20px;--font-size-heading-sm: 24px;--font-size-heading-md: 28px;--font-size-heading-lg: 32px;--font-size-heading-xl: 40px;--font-size-display-xs: 48px;--font-size-display-sm: 56px;--font-size-display-md: 64px;--font-size-display-lg: 96px;--font-size-display-xl: 120px;--line-height-xxs: .9;--line-height-xs: 1;--line-height-sm: 1.1;--line-height-md: 1.2;--line-height-lg: 1.35;--line-height-xl: 1.4;--line-height-xxl: 1.5;--letter-spacing-negative-xxl: -.06em;--letter-spacing-negative-xl: -.04em;--letter-spacing-negative-lg: -.03em;--letter-spacing-negative-md: -.02em;--letter-spacing-negative-sm: -.01em;--letter-spacing-null: 0;--letter-spacing-sm: .01em;--letter-spacing-md: .02em;--letter-spacing-lg: .03em;--letter-spacing-xl: .05em;--letter-spacing-xxl: .1em;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800}:root{--border-radius-none: 0;--border-radius-xxs: 4px;--border-radius-xs: 8px;--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 40px;--border-radius-xxl: 48px;--border-radius-xxxl: 120px;--border-radius-full: 999px;--border-width-sm: 1px;--border-width-md: 2px}:root{--spacing-0: 0;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-52: 52px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-88: 88px;--spacing-96: 96px;--spacing-104: 104px;--spacing-112: 112px;--spacing-120: 120px;--spacing-180: 180px;--content-max-width: 1440px;--content-max-height: 1285px}html{scroll-behavior:smooth}

package/dist/styles/reset.css

@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.33",
+    "version": "0.2.34",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -721,6 +721,9 @@
         "./styles/core": {
             "import": "./dist/styles/core.css"
         },
+        "./styles/reset": {
+            "import": "./dist/styles/reset.css"
+        },
         "./analytics": {
             "types": "./dist/types/analytics.d.ts",
             "import": "./dist/types/analytics/analytics.es.js",