@zenpatient-org/healthspan-marketing-ui 0.2.7 → 0.2.8

package/dist/components/RatingPreview/RatingPreview.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../src/components/RatingPreview/ratingPreview.module.css"),t=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),l=require("../Icon/constants.cjs.js"),u=a=>{const s=Math.round(a*2)/2,n=[];for(let r=0;r<Math.floor(s);r++)n.push(e.jsx(c.Icon,{name:l.EIconName.STAR_FILL,className:o.starIcon},`full-${r}`));return s%1===.5&&n.push(e.jsx(c.Icon,{name:l.EIconName.STAR_HALF,className:o.starIcon},"half")),n},i=({rating:a,text:s})=>e.jsxs("div",{className:o.ratingPreview,children:[e.jsxs(t.Typography,{as:"p",defaultVariant:"labelMd",children:[a.stars," ",u(a.stars)]}),s&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",children:"|"}),e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:s})]})]});exports.RatingPreview=i;exports.default=i;

package/dist/components/RatingPreview/RatingPreview.d.ts

@@ -0,0 +1,8 @@
+export type TRatingPreviewProps = {
+    rating: {
+        stars: number;
+    };
+    text?: string;
+};
+export declare const RatingPreview: ({ rating, text }: TRatingPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default RatingPreview;

package/dist/components/RatingPreview/RatingPreview.es.js

@@ -0,0 +1,25 @@
+import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
+import l from "../../components/RatingPreview/ratingPreview.module.css";
+import { Typography as o } from "../Typography/Typography.es.js";
+import { Icon as i } from "../Icon/Icon.es.js";
+import { EIconName as m } from "../Icon/constants.es.js";
+const d = (r) => {
+  const a = Math.round(r * 2) / 2, s = [];
+  for (let t = 0; t < Math.floor(a); t++)
+    s.push(/* @__PURE__ */ e(i, { name: m.STAR_FILL, className: l.starIcon }, `full-${t}`));
+  return a % 1 === 0.5 && s.push(/* @__PURE__ */ e(i, { name: m.STAR_HALF, className: l.starIcon }, "half")), s;
+}, I = ({ rating: r, text: a }) => /* @__PURE__ */ n("div", { className: l.ratingPreview, children: [
+  /* @__PURE__ */ n(o, { as: "p", defaultVariant: "labelMd", children: [
+    r.stars,
+    " ",
+    d(r.stars)
+  ] }),
+  a && /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ e(o, { as: "p", defaultVariant: "labelSm", children: "|" }),
+    /* @__PURE__ */ e(o, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: a })
+  ] })
+] });
+export {
+  I as RatingPreview,
+  I as default
+};

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

@@ -0,0 +1 @@
+export { RatingPreview } from './RatingPreview';

package/dist/components/RatingPreview/ratingPreview.module.css

@@ -0,0 +1,11 @@
+.ratingPreview {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.starIcon {
+    margin-bottom: -1px;
+    width: 14px;
+    height: 14px;
+}

package/dist/pageComponents/ScrollingFeatures/ScrollingFeatures.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../src/pageComponents/ScrollingFeatures/scrollingFeatures.module.css"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),c=require("../../components/Icon/Icon.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),l=({text:n,icon:t,href:s})=>e.jsxs("a",{href:s,className:r.feature,children:[e.jsx(c.Icon,{className:r.featureIcon,name:t}),e.jsx(a.Typography,{className:r.featureText,defaultVariant:"labelMd",children:n})]}),i=({items:n})=>e.jsx("section",{className:r.root,children:n.length>0&&e.jsx("div",{className:r.featuresContainer,children:e.jsx(o.InfiniteScroll,{items:n,renderItem:l})})});exports.ScrollingFeatures=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../src/pageComponents/ScrollingFeatures/scrollingFeatures.module.css"),a=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),o=require("../../components/Icon/Icon.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),i=({text:n,icon:c,href:t})=>{const s=e.jsxs(e.Fragment,{children:[e.jsx(o.Icon,{className:r.featureIcon,name:c}),e.jsx(l.Typography,{className:r.featureText,defaultVariant:"labelMd",children:n})]});return t?e.jsx("a",{href:t,className:r.clickableFeature,children:s}):e.jsx("div",{className:r.feature,children:s})},u=({items:n})=>e.jsx("section",{className:r.root,children:n.length>0&&e.jsx("div",{className:r.featuresContainer,children:e.jsx(a.InfiniteScroll,{items:n,renderItem:i})})});exports.ScrollingFeatures=u;

package/dist/pageComponents/ScrollingFeatures/ScrollingFeatures.es.js

@@ -1,12 +1,16 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+"use client";
+import { jsx as e, jsxs as c, Fragment as o } from "react/jsx-runtime";
 import r from "../../pageComponents/ScrollingFeatures/scrollingFeatures.module.css";
 import { InfiniteScroll as s } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
-import { Icon as l } from "../../components/Icon/Icon.es.js";
-import { Typography as c } from "../../components/Typography/Typography.es.js";
-const m = ({ text: t, icon: a, href: o }) => /* @__PURE__ */ n("a", { href: o, className: r.feature, children: [
-  /* @__PURE__ */ e(l, { className: r.featureIcon, name: a }),
-  /* @__PURE__ */ e(c, { className: r.featureText, defaultVariant: "labelMd", children: t })
-] }), h = ({ items: t }) => /* @__PURE__ */ e("section", { className: r.root, children: t.length > 0 && /* @__PURE__ */ e("div", { className: r.featuresContainer, children: /* @__PURE__ */ e(s, { items: t, renderItem: m }) }) });
+import { Icon as i } from "../../components/Icon/Icon.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+const d = ({ text: a, icon: l, href: t }) => {
+  const n = /* @__PURE__ */ c(o, { children: [
+    /* @__PURE__ */ e(i, { className: r.featureIcon, name: l }),
+    /* @__PURE__ */ e(m, { className: r.featureText, defaultVariant: "labelMd", children: a })
+  ] });
+  return t ? /* @__PURE__ */ e("a", { href: t, className: r.clickableFeature, children: n }) : /* @__PURE__ */ e("div", { className: r.feature, children: n });
+}, g = ({ items: a }) => /* @__PURE__ */ e("section", { className: r.root, children: a.length > 0 && /* @__PURE__ */ e("div", { className: r.featuresContainer, children: /* @__PURE__ */ e(s, { items: a, renderItem: d }) }) });
 export {
-  h as ScrollingFeatures
+  g as ScrollingFeatures
 };

package/dist/pageComponents/ScrollingFeatures/scrollingFeatures.module.css

@@ -7,13 +7,20 @@
     padding: 16px 0;
 }
 
-.feature {
+.feature,
+.clickableFeature {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 0 40px;
 }
 
+.clickableFeature {
+    cursor: pointer;
+    text-decoration: none;
+    color: var(--color-text-primary);
+}
+
 .featureText {
     line-height: 110%;
     letter-spacing: -0.42px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -675,6 +675,11 @@
             "import": "./dist/pageComponents/ScrollingFeatures/ScrollingFeatures.es.js",
             "require": "./dist/pageComponents/ScrollingFeatures/ScrollingFeatures.cjs.js"
         },
+        "./RatingPreview": {
+            "types": "./dist/components/RatingPreview/RatingPreview.d.ts",
+            "import": "./dist/components/RatingPreview/RatingPreview.es.js",
+            "require": "./dist/components/RatingPreview/RatingPreview.cjs.js"
+        },
         "./dist/*.css": "./dist/*.css",
         "./dist/**/*.module.css": "./dist/**/*.module.css",
         "./styles/core": {