@zenpatient-org/healthspan-marketing-ui 0.2.85 → 0.2.87

package/dist/modules/YourProtocol/yourProtocol.module.css

@@ -14,52 +14,54 @@
     display: grid;
     grid-template-columns: 1fr auto;
     grid-template-rows: auto auto auto;
-    gap: 32px;
-    padding: 70px 120px;
+    grid-template-areas:
+        'title title'
+        'tags image'
+        'button image';
+    gap: 32px 96px;
+    padding: 72px 120px;
     max-width: var(--content-max-width);
-    align-items: start;
 }
 
 .title {
-    grid-column: 1;
-    grid-row: 1;
+    grid-area: title;
+    max-width: 780px;
+    margin-bottom: 16px;
 }
 
 .tagsList {
-    grid-column: 1;
-    grid-row: 2;
+    grid-area: tags;
     display: flex;
     flex-direction: column;
 }
 
 .callbackButton {
-    grid-column: 1;
-    grid-row: 3;
+    grid-area: button;
 }
 
 .image {
-    grid-column: 2;
-    grid-row: 1 / 4;
-    width: 477px;
-    height: 636px;
-    object-fit: cover;
+    grid-area: image;
+    max-width: 477px;
+    max-height: 622px;
     border-radius: 19px;
-}
-
-.title,
-.tagsList,
-.callbackButton {
-    width: 100%;
-    max-width: 627px;
+    object-fit: cover;
 }
 
 .tagItem {
-    padding: 16px 0;
+    padding: 18px 0;
     display: flex;
     gap: 16px;
     border-bottom: 1px solid var(--border-color-light);
 }
 
+.tagItem:first-child {
+    padding-top: 0;
+}
+
+.tagItem:last-child {
+    padding-bottom: 0;
+}
+
 .root[data-scheme='dark'] .tagItem {
     border-bottom: 1px solid var(--border-color-alpha-white-10);
 }
@@ -113,56 +115,156 @@
     color: var(--color-white);
 }
 
-@media (max-width: 1300px) {
+@media (max-width: 1240px) {
+    .container {
+        padding: 64px 120px;
+        gap: 32px 64px;
+    }
+
+    .title h2 {
+        font-size: var(--font-size-display-md);
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+    }
+}
+
+@media (max-width: 1150px) {
+    .container {
+        gap: 32px 56px;
+        padding: 56px 64px;
+    }
+
+    .title {
+        margin-bottom: 8px;
+    }
+
+    .title h2 {
+        font-size: var(--font-size-display-sm);
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+    }
+
+    .image {
+        grid-area: image;
+        max-width: 360px;
+        max-height: 480px;
+        border-radius: 14px;
+    }
+}
+
+@media (max-width: 820px) {
     .container {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto auto;
-        padding: 64px 17px;
+        grid-template-areas:
+            'title'
+            'image'
+            'tags'
+            'button';
+        padding: 56px 48px;
+        gap: 32px;
     }
 
     .title {
-        grid-column: 1;
-        grid-row: 1;
-        max-width: 685px;
+        max-width: unset;
+    }
+
+    .title h2 {
+        font-size: var(--font-size-display-xs);
     }
 
     .image {
-        grid-column: 1;
-        grid-row: 2;
         width: 100%;
-        height: 350px;
+        max-width: unset;
+        max-height: 350px;
     }
 
     .tagsList {
-        grid-column: 1;
-        grid-row: 3;
+        margin-top: 16px;
     }
+}
 
-    .tagsList,
-    .callbackButton {
-        max-width: unset;
+@media (max-width: 768px) {
+    .container {
+        padding: 48px 32px;
     }
 
-    .callbackButton {
-        grid-column: 1;
-        grid-row: 4;
+    .title {
+        margin-bottom: unset;
+    }
+
+    .tagsList {
+        margin-top: 8px;
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 600px) {
+
+    .image {
+        max-height: 270px;
+    }
     .container {
-        gap: 20px;
+        padding: 48px 28px;
+    }
+
+    .tagsList {
+        margin-top: unset;
+    }
+}
+
+@media (max-width: 480px) {
+    .container {
+        padding: 40px 24px; 
+    }
+
+    .title {
+        margin-bottom: -4px;
     }
 
-    .tagItem {
-        padding: 24px 0;
+    .title h2 {
+        font-size: var(--font-size-heading-xl);
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-xl);
     }
 
     .image {
-        height: 240px;
+        max-height: 215px;
+    }
+
+    .iconWrapper {
+        width: 42px;
+        height: 42px;
+        padding: 10px;
+        border-radius: 6.3px;
+    }
+
+    .icon {
+        width: 22px;
+        height: 22px;
+    }
+}
+
+@media (max-width: 375px) {
+    .container {
+        padding: 32px 20px;
     }
 
     .title {
-        max-width: 335px;
+        margin-bottom: -8px;
+    }
+
+    .image {
+        max-height: 167px;
     }
 }
+
+@media (max-width: 320px) {
+    .container {
+        padding: 28px 16px;
+        gap: 24px;
+    }
+
+    .title {
+        margin-bottom: -4px;
+    }
+}

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-FSLSW5KG.cjs.js"),n=require("react"),h=require("react/jsx-runtime");var L=l=>{const s={};return Object.entries(l).forEach(([d,a])=>{typeof a=="boolean"?s[d]=String(a):s[d]=a}),s},q=n.forwardRef((l,s)=>{const{aspect:d,children:a,className:w,embedHost:u,id:o,mediaId:c,roundedPlayer:E,swatch:p,style:P}=l,S=t.getMergedEmbedOption(c,"embedHost",u!=null?u:void 0),f=t.isString(S)?S:"fast.wistia.com",b=n.useRef(null),[m,v]=n.useState(d),[j,W]=n.useState(!1);n.useEffect(()=>{p!==!1&&m===void 0&&t.isString(f)&&t.getSwatchAspectRatio(c,f).then(e=>{v(e)}),Promise.resolve().then(()=>require("./wistia-player-PKAEVX5L.cjs.js")),customElements.whenDefined("wistia-player").then(()=>{W(!0)})},[]);const g={},y={};Object.entries(l).forEach(([e,i])=>{if(e.startsWith("on")&&e[2]===e[2].toUpperCase()){const r=t.camelCaseToKebabCase(e).slice(3);t.isFunction(i)&&(g[r]=i)}else t.isValidEmbedOption(i)&&(y[t.camelCaseToKebabCase(e)]=i)}),Object.entries(g).forEach(([e,i])=>{n.useEffect(()=>{const r=b.current;return r==null||r.addEventListener(e,i),()=>{r==null||r.removeEventListener(e,i)}},[i,j])});const O=m!==void 0,C=t.wistiaPlayerStyleBlock({mediaId:c,embedHost:f,aspect:m,shouldLoadSwatch:p,roundedPlayer:E});return h.jsxs(n.Fragment,{children:[O&&h.jsx("style",{dangerouslySetInnerHTML:{__html:C}}),h.jsx("wistia-player",{ref:e=>{b.current=e,typeof s=="function"?s(e):s!==null&&(s.current=e)},id:o!=null?o:void 0,"media-id":c,class:w,style:P,react:String(!0),...L(y),children:a},o!=null?o:c)]})});exports.WistiaPlayerWrapper=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-FSLSW5KG.cjs.js"),n=require("react"),h=require("react/jsx-runtime");var L=l=>{const s={};return Object.entries(l).forEach(([d,a])=>{typeof a=="boolean"?s[d]=String(a):s[d]=a}),s},q=n.forwardRef((l,s)=>{const{aspect:d,children:a,className:w,embedHost:u,id:o,mediaId:c,roundedPlayer:E,swatch:p,style:P}=l,S=t.getMergedEmbedOption(c,"embedHost",u!=null?u:void 0),f=t.isString(S)?S:"fast.wistia.com",b=n.useRef(null),[m,v]=n.useState(d),[j,W]=n.useState(!1);n.useEffect(()=>{p!==!1&&m===void 0&&t.isString(f)&&t.getSwatchAspectRatio(c,f).then(e=>{v(e)}),Promise.resolve().then(()=>require("./wistia-player-PKAEVX5L.cjs.js")),customElements.whenDefined("wistia-player").then(()=>{W(!0)})},[]);const g={},y={};Object.entries(l).forEach(([e,i])=>{if(e.startsWith("on")&&e[2]===e[2].toUpperCase()){const r=t.camelCaseToKebabCase(e).slice(3);t.isFunction(i)&&(g[r]=i)}else t.isValidEmbedOption(i)&&(y[t.camelCaseToKebabCase(e)]=i)}),Object.entries(g).forEach(([e,i])=>{n.useEffect(()=>{const r=b.current;return r==null||r.addEventListener(e,i),()=>{r==null||r.removeEventListener(e,i)}},[i,j])});const O=m!==void 0,C=t.wistiaPlayerStyleBlock({mediaId:c,embedHost:f,aspect:m,shouldLoadSwatch:p,roundedPlayer:E});return h.jsxs(n.Fragment,{children:[O&&h.jsx("style",{dangerouslySetInnerHTML:{__html:C}}),h.jsx("wistia-player",{ref:(e=>{b.current=e,typeof s=="function"?s(e):s!==null&&(s.current=e)}),id:o!=null?o:void 0,"media-id":c,class:w,style:P,react:String(!0),...L(y),children:a},o!=null?o:c)]})});exports.WistiaPlayerWrapper=q;

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.es.js

@@ -43,9 +43,9 @@ var T = (a) => {
       /* @__PURE__ */ S(
         "wistia-player",
         {
-          ref: (t) => {
+          ref: ((t) => {
             h.current = t, typeof e == "function" ? e(t) : e !== null && (e.current = t);
-          },
+          }),
           id: o != null ? o : void 0,
           "media-id": n,
           class: v,