@zenpatient-org/healthspan-marketing-ui 0.1.81 → 0.1.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +3 -1
- package/dist/components/Icon/constants.es.js +6 -4
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +36 -32
- package/dist/components/IconBracket/IconBracket.cjs.js +1 -1
- package/dist/components/IconBracket/IconBracket.es.js +9 -8
- package/dist/components/IconBracket/types.d.ts +1 -1
- package/dist/components/Typography/Typography.cjs.js +1 -1
- package/dist/components/Typography/Typography.d.ts +2 -1
- package/dist/components/Typography/Typography.es.js +13 -11
- package/dist/icons/action/dot.svg.cjs.js +1 -0
- package/dist/icons/action/dot.svg.es.js +5 -0
- package/dist/icons/social/linkedin.svg.cjs.js +1 -0
- package/dist/icons/social/linkedin.svg.es.js +5 -0
- package/dist/modules/Studies/Studies.cjs.js +1 -1
- package/dist/modules/Studies/Studies.d.ts +1 -1
- package/dist/modules/Studies/Studies.es.js +6 -6
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js +1 -1
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.es.js +9 -8
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.BRACKET_LEFT="bracket-left",r.BRACKET_RIGHT="bracket-right",r.HELP="help",r.INFO="info",r.MENU="menu",r.PLUS="plus",r.PLAY="play",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_FORWARD_THIN="arrow-forward-thin",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r.ARROW_BOLD="arrow-bold",r.CLOSE_BOLD="close-bold",r.DOT_BOLD="dot-bold",r.PLUS_BOLD="plus-bold",r))(l||{});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.BRACKET_LEFT="bracket-left",r.BRACKET_RIGHT="bracket-right",r.HELP="help",r.INFO="info",r.MENU="menu",r.PLUS="plus",r.PLAY="play",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_FORWARD_THIN="arrow-forward-thin",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r.ARROW_BOLD="arrow-bold",r.CLOSE_BOLD="close-bold",r.DOT_BOLD="dot-bold",r.PLUS_BOLD="plus-bold",r.LINKEDIN="linkedin",r.DOT="dot",r))(l||{});const i={"alert-error-fill":"action","alert-error":"action",check:"action","circle-check-fill":"action","circle-check":"action",close:"action","bracket-left":"action","bracket-right":"action",help:"action",info:"action",menu:"action",plus:"action",play:"action",remove:"action",search:"action",warning:"action","arrow-back":"arrow","arrow-downward":"arrow","arrow-forward":"arrow","arrow-forward-thin":"arrow","arrow-insert":"arrow","arrow-outward":"arrow","arrow-return":"arrow","arrow-upward":"arrow","chevron-back":"arrow","chevron-down":"arrow","chevron-forward":"arrow","chevron-up":"arrow","message-fill":"chat",message:"chat",calendar:"eCommerce",cart:"eCommerce","package-fill":"eCommerce",package:"eCommerce","smile-fill":"faces",smile:"faces","circle-dash-fill":"indicators","circle-dash":"indicators","pin-drop":"global",filter:"global",coaching:"medical",labs:"medical",myspan:"medical",optimizations:"medical",protocols:"medical",ruler:"medical",scale:"medical",facebook:"social","heart-fill":"social",heart:"social",instagram:"social","star-fill":"social","star-half":"social","star-outline":"social",star:"social",x:"social","arrow-bold":"bold","close-bold":"bold","dot-bold":"bold","plus-bold":"bold",linkedin:"social",dot:"action"};exports.EIconName=l;exports.ICON_FOLDERS_MAP=i;
|
|
@@ -58,6 +58,8 @@ export declare enum EIconName {
|
|
|
58
58
|
ARROW_BOLD = "arrow-bold",
|
|
59
59
|
CLOSE_BOLD = "close-bold",
|
|
60
60
|
DOT_BOLD = "dot-bold",
|
|
61
|
-
PLUS_BOLD = "plus-bold"
|
|
61
|
+
PLUS_BOLD = "plus-bold",
|
|
62
|
+
LINKEDIN = "linkedin",
|
|
63
|
+
DOT = "dot"
|
|
62
64
|
}
|
|
63
65
|
export declare const ICON_FOLDERS_MAP: Record<EIconName, string>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.BRACKET_LEFT = "bracket-left", r.BRACKET_RIGHT = "bracket-right", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.PLUS = "plus", r.PLAY = "play", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_FORWARD_THIN = "arrow-forward-thin", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r.ARROW_BOLD = "arrow-bold", r.CLOSE_BOLD = "close-bold", r.DOT_BOLD = "dot-bold", r.PLUS_BOLD = "plus-bold", r))(l || {});
|
|
2
|
-
const
|
|
1
|
+
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.BRACKET_LEFT = "bracket-left", r.BRACKET_RIGHT = "bracket-right", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.PLUS = "plus", r.PLAY = "play", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_FORWARD_THIN = "arrow-forward-thin", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r.ARROW_BOLD = "arrow-bold", r.CLOSE_BOLD = "close-bold", r.DOT_BOLD = "dot-bold", r.PLUS_BOLD = "plus-bold", r.LINKEDIN = "linkedin", r.DOT = "dot", r))(l || {});
|
|
2
|
+
const i = {
|
|
3
3
|
"alert-error-fill": "action",
|
|
4
4
|
"alert-error": "action",
|
|
5
5
|
check: "action",
|
|
@@ -59,9 +59,11 @@ const a = {
|
|
|
59
59
|
"arrow-bold": "bold",
|
|
60
60
|
"close-bold": "bold",
|
|
61
61
|
"dot-bold": "bold",
|
|
62
|
-
"plus-bold": "bold"
|
|
62
|
+
"plus-bold": "bold",
|
|
63
|
+
linkedin: "social",
|
|
64
|
+
dot: "action"
|
|
63
65
|
};
|
|
64
66
|
export {
|
|
65
67
|
l as EIconName,
|
|
66
|
-
|
|
68
|
+
i as ICON_FOLDERS_MAP
|
|
67
69
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),a=require("../../icons/action/alert-error.svg.cjs.js"),o=require("../../icons/action/check.svg.cjs.js"),c=require("../../icons/action/circle-check-fill.svg.cjs.js"),t=require("../../icons/action/circle-check.svg.cjs.js"),n=require("../../icons/action/close.svg.cjs.js"),u=require("../../icons/action/bracket-left.svg.cjs.js"),E=require("../../icons/action/bracket-right.svg.cjs.js"),l=require("../../icons/action/help.svg.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),a=require("../../icons/action/alert-error.svg.cjs.js"),o=require("../../icons/action/check.svg.cjs.js"),c=require("../../icons/action/circle-check-fill.svg.cjs.js"),t=require("../../icons/action/circle-check.svg.cjs.js"),n=require("../../icons/action/close.svg.cjs.js"),u=require("../../icons/action/bracket-left.svg.cjs.js"),E=require("../../icons/action/bracket-right.svg.cjs.js"),l=require("../../icons/action/help.svg.cjs.js"),I=require("../../icons/action/info.svg.cjs.js"),i=require("../../icons/action/menu.svg.cjs.js"),s=require("../../icons/action/play.svg.cjs.js"),N=require("../../icons/action/plus.svg.cjs.js"),d=require("../../icons/action/remove.svg.cjs.js"),m=require("../../icons/action/search.svg.cjs.js"),f=require("../../icons/action/warning.svg.cjs.js"),R=require("../../icons/arrow/arrow-back.svg.cjs.js"),q=require("../../icons/arrow/arrow-downward.svg.cjs.js"),A=require("../../icons/arrow/arrow-forward.svg.cjs.js"),O=require("../../icons/arrow/arrow-forward-thin.svg.cjs.js"),L=require("../../icons/arrow/arrow-insert.svg.cjs.js"),_=require("../../icons/arrow/arrow-outward.svg.cjs.js"),C=require("../../icons/arrow/arrow-return.svg.cjs.js"),T=require("../../icons/arrow/arrow-upward.svg.cjs.js"),S=require("../../icons/arrow/chevron-back.svg.cjs.js"),F=require("../../icons/arrow/chevron-down.svg.cjs.js"),D=require("../../icons/arrow/chevron-forward.svg.cjs.js"),w=require("../../icons/arrow/chevron-up.svg.cjs.js"),H=require("../../icons/chat/message-fill.svg.cjs.js"),W=require("../../icons/chat/message.svg.cjs.js"),h=require("../../icons/eCommerce/calendar.svg.cjs.js"),B=require("../../icons/eCommerce/cart.svg.cjs.js"),P=require("../../icons/eCommerce/package-fill.svg.cjs.js"),p=require("../../icons/eCommerce/package.svg.cjs.js"),M=require("../../icons/faces/smile-fill.svg.cjs.js"),k=require("../../icons/faces/smile.svg.cjs.js"),K=require("../../icons/indicators/circle-dash-fill.svg.cjs.js"),U=require("../../icons/indicators/circle-dash.svg.cjs.js"),g=require("../../icons/global/pin-drop.svg.cjs.js"),G=require("../../icons/global/filter.svg.cjs.js"),b=require("../../icons/medical/coaching.svg.cjs.js"),v=require("../../icons/medical/labs.svg.cjs.js"),V=require("../../icons/medical/myspan.svg.cjs.js"),y=require("../../icons/medical/optimizations.svg.cjs.js"),Y=require("../../icons/medical/protocols.svg.cjs.js"),j=require("../../icons/medical/ruler.svg.cjs.js"),x=require("../../icons/medical/scale.svg.cjs.js"),z=require("../../icons/social/facebook.svg.cjs.js"),X=require("../../icons/social/heart-fill.svg.cjs.js"),Z=require("../../icons/social/heart.svg.cjs.js"),J=require("../../icons/social/instagram.svg.cjs.js"),Q=require("../../icons/social/star-fill.svg.cjs.js"),$=require("../../icons/social/star-half.svg.cjs.js"),ee=require("../../icons/social/star-outline.svg.cjs.js"),re=require("../../icons/social/star.svg.cjs.js"),ae=require("../../icons/social/x.svg.cjs.js"),oe=require("../../icons/bold/arrow-bold.svg.cjs.js"),ce=require("../../icons/bold/close-bold.svg.cjs.js"),te=require("../../icons/bold/dot-bold.svg.cjs.js"),ne=require("../../icons/bold/plus-bold.svg.cjs.js"),ue=require("../../icons/social/linkedin.svg.cjs.js"),Ee=require("../../icons/action/dot.svg.cjs.js"),le={[e.EIconName.ALERT_ERROR_FILL]:r.default,[e.EIconName.ALERT_ERROR]:a.default,[e.EIconName.CHECK]:o.default,[e.EIconName.CIRCLE_CHECK_FILL]:c.default,[e.EIconName.CIRCLE_CHECK]:t.default,[e.EIconName.CLOSE]:n.default,[e.EIconName.BRACKET_LEFT]:u.default,[e.EIconName.BRACKET_RIGHT]:E.default,[e.EIconName.HELP]:l.default,[e.EIconName.INFO]:I.default,[e.EIconName.MENU]:i.default,[e.EIconName.PLAY]:s.default,[e.EIconName.PLUS]:N.default,[e.EIconName.REMOVE]:d.default,[e.EIconName.SEARCH]:m.default,[e.EIconName.WARNING]:f.default,[e.EIconName.ARROW_BACK]:R.default,[e.EIconName.ARROW_DOWNWARD]:q.default,[e.EIconName.ARROW_FORWARD]:A.default,[e.EIconName.ARROW_FORWARD_THIN]:O.default,[e.EIconName.ARROW_INSERT]:L.default,[e.EIconName.ARROW_OUTWARD]:_.default,[e.EIconName.ARROW_RETURN]:C.default,[e.EIconName.ARROW_UPWARD]:T.default,[e.EIconName.CHEVRON_BACK]:S.default,[e.EIconName.CHEVRON_DOWN]:F.default,[e.EIconName.CHEVRON_FORWARD]:D.default,[e.EIconName.CHEVRON_UP]:w.default,[e.EIconName.MESSAGE_FILL]:H.default,[e.EIconName.MESSAGE]:W.default,[e.EIconName.CALENDAR]:h.default,[e.EIconName.CART]:B.default,[e.EIconName.PACKAGE_FILL]:P.default,[e.EIconName.PACKAGE]:p.default,[e.EIconName.SMILE_FILL]:M.default,[e.EIconName.SMILE]:k.default,[e.EIconName.CIRCLE_DASH_FILL]:K.default,[e.EIconName.CIRCLE_DASH]:U.default,[e.EIconName.PIN_DROP]:g.default,[e.EIconName.FILTER]:G.default,[e.EIconName.COACHING]:b.default,[e.EIconName.LABS]:v.default,[e.EIconName.MYSPAN]:V.default,[e.EIconName.OPTIMIZATIONS]:y.default,[e.EIconName.PROTOCOLS]:Y.default,[e.EIconName.RULER]:j.default,[e.EIconName.SCALE]:x.default,[e.EIconName.FACEBOOK]:z.default,[e.EIconName.HEART_FILL]:X.default,[e.EIconName.HEART]:Z.default,[e.EIconName.INSTAGRAM]:J.default,[e.EIconName.STAR_FILL]:Q.default,[e.EIconName.STAR_HALF]:$.default,[e.EIconName.STAR_OUTLINE]:ee.default,[e.EIconName.STAR]:re.default,[e.EIconName.X]:ae.default,[e.EIconName.ARROW_BOLD]:oe.default,[e.EIconName.CLOSE_BOLD]:ce.default,[e.EIconName.DOT_BOLD]:te.default,[e.EIconName.PLUS_BOLD]:ne.default,[e.EIconName.LINKEDIN]:ue.default,[e.EIconName.DOT]:Ee.default};exports.ICON_COMPONENTS=le;
|
|
@@ -2,18 +2,18 @@ import { EIconName as r } from "./constants.es.js";
|
|
|
2
2
|
import o from "../../icons/action/alert-error-fill.svg.es.js";
|
|
3
3
|
import m from "../../icons/action/alert-error.svg.es.js";
|
|
4
4
|
import S from "../../icons/action/check.svg.es.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
5
|
+
import i from "../../icons/action/circle-check-fill.svg.es.js";
|
|
6
|
+
import t from "../../icons/action/circle-check.svg.es.js";
|
|
7
|
+
import g from "../../icons/action/close.svg.es.js";
|
|
8
|
+
import p from "../../icons/action/bracket-left.svg.es.js";
|
|
9
|
+
import R from "../../icons/action/bracket-right.svg.es.js";
|
|
10
10
|
import v from "../../icons/action/help.svg.es.js";
|
|
11
11
|
import f from "../../icons/action/info.svg.es.js";
|
|
12
12
|
import A from "../../icons/action/menu.svg.es.js";
|
|
13
13
|
import C from "../../icons/action/play.svg.es.js";
|
|
14
14
|
import E from "../../icons/action/plus.svg.es.js";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
15
|
+
import L from "../../icons/action/remove.svg.es.js";
|
|
16
|
+
import O from "../../icons/action/search.svg.es.js";
|
|
17
17
|
import e from "../../icons/action/warning.svg.es.js";
|
|
18
18
|
import l from "../../icons/arrow/arrow-back.svg.es.js";
|
|
19
19
|
import a from "../../icons/arrow/arrow-downward.svg.es.js";
|
|
@@ -21,8 +21,8 @@ import _ from "../../icons/arrow/arrow-forward.svg.es.js";
|
|
|
21
21
|
import I from "../../icons/arrow/arrow-forward-thin.svg.es.js";
|
|
22
22
|
import F from "../../icons/arrow/arrow-insert.svg.es.js";
|
|
23
23
|
import T from "../../icons/arrow/arrow-outward.svg.es.js";
|
|
24
|
-
import
|
|
25
|
-
import
|
|
24
|
+
import D from "../../icons/arrow/arrow-return.svg.es.js";
|
|
25
|
+
import N from "../../icons/arrow/arrow-upward.svg.es.js";
|
|
26
26
|
import n from "../../icons/arrow/chevron-back.svg.es.js";
|
|
27
27
|
import H from "../../icons/arrow/chevron-down.svg.es.js";
|
|
28
28
|
import P from "../../icons/arrow/chevron-forward.svg.es.js";
|
|
@@ -34,9 +34,9 @@ import w from "../../icons/eCommerce/cart.svg.es.js";
|
|
|
34
34
|
import M from "../../icons/eCommerce/package-fill.svg.es.js";
|
|
35
35
|
import h from "../../icons/eCommerce/package.svg.es.js";
|
|
36
36
|
import d from "../../icons/faces/smile-fill.svg.es.js";
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
37
|
+
import k from "../../icons/faces/smile.svg.es.js";
|
|
38
|
+
import K from "../../icons/indicators/circle-dash-fill.svg.es.js";
|
|
39
|
+
import U from "../../icons/indicators/circle-dash.svg.es.js";
|
|
40
40
|
import G from "../../icons/global/pin-drop.svg.es.js";
|
|
41
41
|
import u from "../../icons/global/filter.svg.es.js";
|
|
42
42
|
import V from "../../icons/medical/coaching.svg.es.js";
|
|
@@ -56,25 +56,27 @@ import rr from "../../icons/social/star-outline.svg.es.js";
|
|
|
56
56
|
import or from "../../icons/social/star.svg.es.js";
|
|
57
57
|
import mr from "../../icons/social/x.svg.es.js";
|
|
58
58
|
import Sr from "../../icons/bold/arrow-bold.svg.es.js";
|
|
59
|
-
import
|
|
60
|
-
import
|
|
61
|
-
import
|
|
62
|
-
|
|
59
|
+
import ir from "../../icons/bold/close-bold.svg.es.js";
|
|
60
|
+
import tr from "../../icons/bold/dot-bold.svg.es.js";
|
|
61
|
+
import gr from "../../icons/bold/plus-bold.svg.es.js";
|
|
62
|
+
import pr from "../../icons/social/linkedin.svg.es.js";
|
|
63
|
+
import Rr from "../../icons/action/dot.svg.es.js";
|
|
64
|
+
const ao = {
|
|
63
65
|
[r.ALERT_ERROR_FILL]: o,
|
|
64
66
|
[r.ALERT_ERROR]: m,
|
|
65
67
|
[r.CHECK]: S,
|
|
66
|
-
[r.CIRCLE_CHECK_FILL]:
|
|
67
|
-
[r.CIRCLE_CHECK]:
|
|
68
|
-
[r.CLOSE]:
|
|
69
|
-
[r.BRACKET_LEFT]:
|
|
70
|
-
[r.BRACKET_RIGHT]:
|
|
68
|
+
[r.CIRCLE_CHECK_FILL]: i,
|
|
69
|
+
[r.CIRCLE_CHECK]: t,
|
|
70
|
+
[r.CLOSE]: g,
|
|
71
|
+
[r.BRACKET_LEFT]: p,
|
|
72
|
+
[r.BRACKET_RIGHT]: R,
|
|
71
73
|
[r.HELP]: v,
|
|
72
74
|
[r.INFO]: f,
|
|
73
75
|
[r.MENU]: A,
|
|
74
76
|
[r.PLAY]: C,
|
|
75
77
|
[r.PLUS]: E,
|
|
76
|
-
[r.REMOVE]:
|
|
77
|
-
[r.SEARCH]:
|
|
78
|
+
[r.REMOVE]: L,
|
|
79
|
+
[r.SEARCH]: O,
|
|
78
80
|
[r.WARNING]: e,
|
|
79
81
|
[r.ARROW_BACK]: l,
|
|
80
82
|
[r.ARROW_DOWNWARD]: a,
|
|
@@ -82,8 +84,8 @@ const Oo = {
|
|
|
82
84
|
[r.ARROW_FORWARD_THIN]: I,
|
|
83
85
|
[r.ARROW_INSERT]: F,
|
|
84
86
|
[r.ARROW_OUTWARD]: T,
|
|
85
|
-
[r.ARROW_RETURN]:
|
|
86
|
-
[r.ARROW_UPWARD]:
|
|
87
|
+
[r.ARROW_RETURN]: D,
|
|
88
|
+
[r.ARROW_UPWARD]: N,
|
|
87
89
|
[r.CHEVRON_BACK]: n,
|
|
88
90
|
[r.CHEVRON_DOWN]: H,
|
|
89
91
|
[r.CHEVRON_FORWARD]: P,
|
|
@@ -95,9 +97,9 @@ const Oo = {
|
|
|
95
97
|
[r.PACKAGE_FILL]: M,
|
|
96
98
|
[r.PACKAGE]: h,
|
|
97
99
|
[r.SMILE_FILL]: d,
|
|
98
|
-
[r.SMILE]:
|
|
99
|
-
[r.CIRCLE_DASH_FILL]:
|
|
100
|
-
[r.CIRCLE_DASH]:
|
|
100
|
+
[r.SMILE]: k,
|
|
101
|
+
[r.CIRCLE_DASH_FILL]: K,
|
|
102
|
+
[r.CIRCLE_DASH]: U,
|
|
101
103
|
[r.PIN_DROP]: G,
|
|
102
104
|
[r.FILTER]: u,
|
|
103
105
|
[r.COACHING]: V,
|
|
@@ -117,10 +119,12 @@ const Oo = {
|
|
|
117
119
|
[r.STAR]: or,
|
|
118
120
|
[r.X]: mr,
|
|
119
121
|
[r.ARROW_BOLD]: Sr,
|
|
120
|
-
[r.CLOSE_BOLD]:
|
|
121
|
-
[r.DOT_BOLD]:
|
|
122
|
-
[r.PLUS_BOLD]:
|
|
122
|
+
[r.CLOSE_BOLD]: ir,
|
|
123
|
+
[r.DOT_BOLD]: tr,
|
|
124
|
+
[r.PLUS_BOLD]: gr,
|
|
125
|
+
[r.LINKEDIN]: pr,
|
|
126
|
+
[r.DOT]: Rr
|
|
123
127
|
};
|
|
124
128
|
export {
|
|
125
|
-
|
|
129
|
+
ao as ICON_COMPONENTS
|
|
126
130
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("../Icon/Icon.cjs.js"),c=require("../Icon/constants.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),e=require("./iconBracket.module.css.cjs.js"),l={close:c.EIconName.CLOSE_BOLD,plus:c.EIconName.PLUS_BOLD,arrow:c.EIconName.ARROW_BOLD,dot:c.EIconName.DOT},u=({colorScheme:s="dark",size:t,variant:r})=>n.jsxs("div",{className:e.default.root,"data-scheme":s,"data-size":t,children:[n.jsx(a.Icon,{name:c.EIconName.BRACKET_LEFT,className:o.cn(e.default.bracket,e.default.bracketLeft)}),n.jsx("div",{className:e.default.contentIcon,children:n.jsx(a.Icon,{name:l[r],className:e.default[`icon-${t}`]})}),n.jsx(a.Icon,{name:c.EIconName.BRACKET_RIGHT,className:o.cn(e.default.bracket,e.default.bracketRight)})]});exports.IconBracket=u;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { jsxs as n, jsx as
|
|
2
|
-
import { Icon as
|
|
1
|
+
import { jsxs as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as r } from "../Icon/Icon.es.js";
|
|
3
3
|
import { EIconName as e } from "../Icon/constants.es.js";
|
|
4
4
|
import { cn as t } from "../../utils/cn/cn.es.js";
|
|
5
5
|
import a from "./iconBracket.module.css.es.js";
|
|
6
6
|
const i = {
|
|
7
7
|
close: e.CLOSE_BOLD,
|
|
8
8
|
plus: e.PLUS_BOLD,
|
|
9
|
-
arrow: e.ARROW_BOLD
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
/* @__PURE__ */ r
|
|
13
|
-
/* @__PURE__ */
|
|
9
|
+
arrow: e.ARROW_BOLD,
|
|
10
|
+
dot: e.DOT
|
|
11
|
+
}, B = ({ colorScheme: m = "dark", size: c, variant: s }) => /* @__PURE__ */ n("div", { className: a.root, "data-scheme": m, "data-size": c, children: [
|
|
12
|
+
/* @__PURE__ */ o(r, { name: e.BRACKET_LEFT, className: t(a.bracket, a.bracketLeft) }),
|
|
13
|
+
/* @__PURE__ */ o("div", { className: a.contentIcon, children: /* @__PURE__ */ o(r, { name: i[s], className: a[`icon-${c}`] }) }),
|
|
14
|
+
/* @__PURE__ */ o(r, { name: e.BRACKET_RIGHT, className: t(a.bracket, a.bracketRight) })
|
|
14
15
|
] });
|
|
15
16
|
export {
|
|
16
|
-
|
|
17
|
+
B as IconBracket
|
|
17
18
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TColorScheme } from '../../types/common';
|
|
2
2
|
|
|
3
3
|
export type TIconBracketSize = 'sm' | 'md' | 'lg';
|
|
4
|
-
export type TIconBracketVariant = 'close' | 'plus' | 'arrow';
|
|
4
|
+
export type TIconBracketVariant = 'close' | 'plus' | 'arrow' | 'dot';
|
|
5
5
|
export type TIconBracketProps = {
|
|
6
6
|
colorScheme?: TColorScheme;
|
|
7
7
|
size: TIconBracketSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
|
@@ -11,6 +11,7 @@ export interface TypographyProps {
|
|
|
11
11
|
emphasis?: boolean;
|
|
12
12
|
as?: ElementType;
|
|
13
13
|
color?: string;
|
|
14
|
+
id?: string;
|
|
14
15
|
}
|
|
15
|
-
export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, id, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
2
2
|
import o from "../../styles/typography.module.css.es.js";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { getMemoizedColorStyles as
|
|
5
|
-
const
|
|
3
|
+
import { cn as g } from "../../utils/cn/cn.es.js";
|
|
4
|
+
import { getMemoizedColorStyles as b } from "./Typography.service.es.js";
|
|
5
|
+
const d = ({
|
|
6
6
|
defaultVariant: t,
|
|
7
7
|
children: a,
|
|
8
8
|
className: m = "",
|
|
@@ -10,21 +10,23 @@ const _ = ({
|
|
|
10
10
|
emphasis: l = !1,
|
|
11
11
|
as: i = "span",
|
|
12
12
|
mobileVariant: r,
|
|
13
|
-
color: p
|
|
13
|
+
color: p,
|
|
14
|
+
id: c
|
|
14
15
|
}) => {
|
|
15
|
-
const
|
|
16
|
+
const n = o[t] || "";
|
|
16
17
|
let s = e;
|
|
17
18
|
l && !e && (s = "medium");
|
|
18
|
-
const
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
const h = s ? o[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", f = t.startsWith("label") && l ? o.labelEmphasis : "", y = r ? o[`mobile__${r}`] : "";
|
|
20
|
+
return /* @__PURE__ */ C(
|
|
20
21
|
i,
|
|
21
22
|
{
|
|
22
|
-
style:
|
|
23
|
-
className:
|
|
23
|
+
style: b(p),
|
|
24
|
+
className: g(n, h, f, y, m),
|
|
25
|
+
id: c,
|
|
24
26
|
children: a
|
|
25
27
|
}
|
|
26
28
|
);
|
|
27
29
|
};
|
|
28
30
|
export {
|
|
29
|
-
|
|
31
|
+
d as Typography
|
|
30
32
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=l(o),a=e=>n.createElement("svg",{width:17,height:11,viewBox:"0 0 17 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("circle",{cx:8.88281,cy:5.05371,r:3,fill:"currentColor"}));exports.default=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 17, height: 11, viewBox: "0 0 17 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 8.88281, cy: 5.05371, r: 3, fill: "currentColor" }));
|
|
3
|
+
export {
|
|
4
|
+
r as default
|
|
5
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=c(l),a=e=>o.createElement("svg",{width:20,height:21,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M5.60001 18.5238H2.2V7.8238H5.60001V18.5238ZM3.9 6.3238C2.8 6.3238 2 5.5238 2 4.4238C2 3.3238 2.9 2.5238 3.9 2.5238C5 2.5238 5.8 3.3238 5.8 4.4238C5.8 5.5238 5 6.3238 3.9 6.3238ZM18 18.5238H14.6V12.7238C14.6 11.0238 13.9 10.5238 12.9 10.5238C11.9 10.5238 10.9 11.3238 10.9 12.8238V18.5238H7.5V7.8238H10.7V9.3238C11 8.6238 12.2 7.5238 13.9 7.5238C15.8 7.5238 17.8 8.6238 17.8 11.9238V18.5238H18Z",fill:"currentColor"}));exports.default=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 21, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M5.60001 18.5238H2.2V7.8238H5.60001V18.5238ZM3.9 6.3238C2.8 6.3238 2 5.5238 2 4.4238C2 3.3238 2.9 2.5238 3.9 2.5238C5 2.5238 5.8 3.3238 5.8 4.4238C5.8 5.5238 5 6.3238 3.9 6.3238ZM18 18.5238H14.6V12.7238C14.6 11.0238 13.9 10.5238 12.9 10.5238C11.9 10.5238 10.9 11.3238 10.9 12.8238V18.5238H7.5V7.8238H10.7V9.3238C11 8.6238 12.2 7.5238 13.9 7.5238C15.8 7.5238 17.8 8.6238 17.8 11.9238V18.5238H18Z", fill: "currentColor" }));
|
|
3
|
+
export {
|
|
4
|
+
l as default
|
|
5
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),s=require("./studies.module.css.cjs.js");function p({title:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),s=require("./studies.module.css.cjs.js");function p({title:n,description:d,articles:l}){const o=l.reduce((t,r)=>{const i=t[t.length-1];return i.length<2?i.push(r):t.push([r]),t},[[]]);return e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[e.jsx(a.HighlightedTitle,{title:n}),d&&e.jsx(h.Typography,{as:"p",defaultVariant:"bodyLg",className:s.default.description,children:d}),e.jsx("div",{children:e.jsx(u.Button,{variant:"muted",size:"lg",children:"view all studies"})})]}),e.jsx("div",{className:s.default.articles,children:o.map((t,r)=>e.jsx("div",{className:s.default.row,children:t.map(i=>e.jsx(c.StudyGridCard,{...i},i.title))},r))})]})})}exports.Studies=p;
|
|
@@ -3,7 +3,7 @@ import { StudyGridCardProps } from '../../components/StudyGridCard/StudyGridCard
|
|
|
3
3
|
|
|
4
4
|
export type StudiesProps = {
|
|
5
5
|
title: ReactNode;
|
|
6
|
-
description
|
|
6
|
+
description?: string;
|
|
7
7
|
articles: Array<StudyGridCardProps>;
|
|
8
8
|
};
|
|
9
9
|
export declare function Studies({ title, description, articles }: StudiesProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as d } from "react/jsx-runtime";
|
|
2
2
|
import { Button as m } from "../../components/Button/Button.es.js";
|
|
3
3
|
import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
4
4
|
import { StudyGridCard as p } from "../../components/StudyGridCard/StudyGridCard.es.js";
|
|
5
5
|
import { Typography as c } from "../../components/Typography/Typography.es.js";
|
|
6
6
|
import i from "./studies.module.css.es.js";
|
|
7
|
-
function w({ title:
|
|
7
|
+
function w({ title: l, description: o, articles: n }) {
|
|
8
8
|
const a = n.reduce(
|
|
9
9
|
(r, t) => {
|
|
10
10
|
const s = r[r.length - 1];
|
|
@@ -12,10 +12,10 @@ function w({ title: d, description: l, articles: n }) {
|
|
|
12
12
|
},
|
|
13
13
|
[[]]
|
|
14
14
|
);
|
|
15
|
-
return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */ e(h, { title:
|
|
18
|
-
/* @__PURE__ */ e(c, { as: "p", defaultVariant: "bodyLg", className: i.description, children:
|
|
15
|
+
return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ d("div", { className: i.container, children: [
|
|
16
|
+
/* @__PURE__ */ d("div", { className: i.header, children: [
|
|
17
|
+
/* @__PURE__ */ e(h, { title: l }),
|
|
18
|
+
o && /* @__PURE__ */ e(c, { as: "p", defaultVariant: "bodyLg", className: i.description, children: o }),
|
|
19
19
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, { variant: "muted", size: "lg", children: "view all studies" }) })
|
|
20
20
|
] }),
|
|
21
21
|
/* @__PURE__ */ e("div", { className: i.articles, children: a.map((r, t) => /* @__PURE__ */ e("div", { className: i.row, children: r.map((s) => /* @__PURE__ */ e(p, { ...s }, s.title)) }, t)) })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./textBlockAnimated.module.css.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),l=require("../../node_modules/gsap/SplitText.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),d=require("../../node_modules/@gsap/react/src/index.cjs.js"),p=require("react"),s=require("../../components/Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js");i.gsap.registerPlugin(l.SplitText,u.ScrollTrigger);function m({label:a,body:n,colorScheme:c}){const t=p.useRef(null);return d.useGSAP(()=>{l.SplitText.create(t.current,{type:"words chars",className:e.default.bodyText,autoSplit:!0,onSplit:o=>i.gsap.from(o.chars,{stagger:2,opacity:.3,duration:1,scrollTrigger:{trigger:t.current,start:"top 70%",end:"top 30%",scrub:!0,markers:!1}})})},{scope:t}),r.jsx("div",{className:g.cn(e.default.root,e.default[c]),children:r.jsxs("div",{className:e.default.container,children:[a&&r.jsx(s.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:e.default.label,children:a}),r.jsxs(s.Typography,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingMd",className:e.default.body,children:[a&&r.jsx("span",{className:e.default.spacer,children:" "}),r.jsx("p",{className:e.default.bodyText,ref:t,children:n})]})]})})}exports.TextBlockAnimated=m;
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./textBlockAnimated.module.css.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),l=require("../../node_modules/gsap/SplitText.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),d=require("../../node_modules/@gsap/react/src/index.cjs.js"),p=require("react"),s=require("../../components/Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js");i.gsap.registerPlugin(l.SplitText,u.ScrollTrigger);function m({label:a,body:n,colorScheme:c}){const t=p.useRef(null);return d.useGSAP(()=>{l.SplitText.create(t.current,{type:"words chars",className:e.default.bodyText,autoSplit:!0,onSplit:o=>i.gsap.from(o.chars,{stagger:2,opacity:.3,duration:1,scrollTrigger:{trigger:t.current,start:"top 70%",end:"top 30%",scrub:!0,markers:!1}})})},{scope:t}),r.jsx("div",{className:g.cn(e.default.root,e.default[c]),children:r.jsxs("div",{className:e.default.container,children:[a&&r.jsx(s.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:e.default.label,children:a}),r.jsxs(s.Typography,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingMd",className:e.default.body,children:[a&&r.jsx("span",{className:e.default.spacer,children:" "}),r.jsx("p",{className:e.default.bodyText,ref:t,children:n})]})]})})}exports.TextBlockAnimated=m;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
2
3
|
import r from "./textBlockAnimated.module.css.es.js";
|
|
3
|
-
import { gsap as
|
|
4
|
+
import { gsap as o } from "../../node_modules/gsap/index.es.js";
|
|
4
5
|
import { SplitText as l } from "../../node_modules/gsap/SplitText.es.js";
|
|
5
6
|
import { ScrollTrigger as p } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
6
7
|
import { useGSAP as d } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
7
8
|
import { useRef as u } from "react";
|
|
8
|
-
import { Typography as
|
|
9
|
+
import { Typography as i } from "../../components/Typography/Typography.es.js";
|
|
9
10
|
import { cn as f } from "../../utils/cn/cn.es.js";
|
|
10
|
-
|
|
11
|
+
o.registerPlugin(l, p);
|
|
11
12
|
function v({ label: a, body: m, colorScheme: c }) {
|
|
12
13
|
const e = u(null);
|
|
13
14
|
return d(
|
|
@@ -16,7 +17,7 @@ function v({ label: a, body: m, colorScheme: c }) {
|
|
|
16
17
|
type: "words chars",
|
|
17
18
|
className: r.bodyText,
|
|
18
19
|
autoSplit: !0,
|
|
19
|
-
onSplit: (n) =>
|
|
20
|
+
onSplit: (n) => o.from(n.chars, {
|
|
20
21
|
stagger: 2,
|
|
21
22
|
opacity: 0.3,
|
|
22
23
|
duration: 1,
|
|
@@ -31,9 +32,9 @@ function v({ label: a, body: m, colorScheme: c }) {
|
|
|
31
32
|
});
|
|
32
33
|
},
|
|
33
34
|
{ scope: e }
|
|
34
|
-
), /* @__PURE__ */ t("div", { className: f(r.root, r[c]), children: /* @__PURE__ */
|
|
35
|
+
), /* @__PURE__ */ t("div", { className: f(r.root, r[c]), children: /* @__PURE__ */ s("div", { className: r.container, children: [
|
|
35
36
|
a && /* @__PURE__ */ t(
|
|
36
|
-
|
|
37
|
+
i,
|
|
37
38
|
{
|
|
38
39
|
as: "p",
|
|
39
40
|
defaultVariant: "labelMd",
|
|
@@ -43,7 +44,7 @@ function v({ label: a, body: m, colorScheme: c }) {
|
|
|
43
44
|
children: a
|
|
44
45
|
}
|
|
45
46
|
),
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
+
/* @__PURE__ */ s(i, { as: "div", defaultVariant: "displayMd", mobileVariant: "headingMd", className: r.body, children: [
|
|
47
48
|
a && /* @__PURE__ */ t("span", { className: r.spacer, children: " " }),
|
|
48
49
|
/* @__PURE__ */ t("p", { className: r.bodyText, ref: e, children: m })
|
|
49
50
|
] })
|