alicia-design-system 1.57.2 → 1.57.3

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.
Files changed (3) hide show
  1. package/dist/cjs/alicia/common/Card/Card.js +3 -3
  2. package/dist/esm/alicia/common/Card/Card.js +3 -3
  3. package/package.json +1 -1
package/dist/cjs/alicia/common/Card/Card.js CHANGED
@@ -18,11 +18,11 @@ const Card = ({ header = undefined, headerIcon = undefined, tag = undefined, pri
18
18
  } }, { children: [(header === null || header === void 0 ? void 0 : header.isVisible) && (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(20), lineHeight: (0, polished_1.rem)(24), fontWeight: 500 }, { children: header === null || header === void 0 ? void 0 : header.title })), (header === null || header === void 0 ? void 0 : header.isPriceVisible) && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_b = price === null || price === void 0 ? void 0 : price.customPriceTag) !== null && _b !== void 0 ? _b : ((price === null || price === void 0 ? void 0 : price.label) && (price === null || price === void 0 ? void 0 : price.perMonthText) && (0, jsx_runtime_1.jsxs)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(24), fontWeight: 400 }, { children: [price.fromText, " ", (0, jsx_runtime_1.jsx)("b", Object.assign({ style: { fontSize: (0, polished_1.rem)(16), fontWeight: 500 } }, { children: price === null || price === void 0 ? void 0 : price.label })), " ", price === null || price === void 0 ? void 0 : price.perMonthText] }))) }), (header === null || header === void 0 ? void 0 : header.isPartnerLogoVisible) &&
19
19
  (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ direction: "row" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(24), fontWeight: 400, display: "inline", mr: (0, polished_1.rem)(4) }, { children: header === null || header === void 0 ? void 0 : header.offeredByText })), (0, jsx_runtime_1.jsx)(react_1.Image, { src: header === null || header === void 0 ? void 0 : header.partnerLogoSrc, w: (0, polished_1.rem)(55), h: (0, polished_1.rem)(18), alt: "partner-logo", objectFit: "contain" })] }))] }))), (header === null || header === void 0 ? void 0 : header.description) && (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(24), mb: (0, polished_1.rem)((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) ? 8 : 0), dangerouslySetInnerHTML: {
20
20
  __html: header === null || header === void 0 ? void 0 : header.description
21
- } }), (checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && Boolean((_c = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _c === void 0 ? void 0 : _c.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: (_d = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _d === void 0 ? void 0 : _d.map((list, index) => ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)((index === 0) ? 18 : 12), direction: "row", fontSize: (0, polished_1.rem)(14), fontWeight: 400, lineHeight: (0, polished_1.rem)(20) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mr: (0, polished_1.rem)(8) }, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { as: list.icon, w: (0, polished_1.rem)(14), height: (0, polished_1.rem)(10) }) })), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(20), dangerouslySetInnerHTML: {
21
+ } }), (checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && Boolean((_c = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _c === void 0 ? void 0 : _c.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: (_d = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _d === void 0 ? void 0 : _d.map((list, index) => ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)((index === 0) ? 18 : 12), direction: "row", fontSize: (0, polished_1.rem)(14), fontWeight: 400, lineHeight: (0, polished_1.rem)(20) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mr: (0, polished_1.rem)(8) }, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { as: list.icon, w: (0, polished_1.rem)(14), height: (0, polished_1.rem)(10) }) })), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(24), dangerouslySetInnerHTML: {
22
22
  __html: list.label
23
- } })] }), list.id))) })), ((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible)) && ((0, jsx_runtime_1.jsx)(react_1.Divider, { mt: (0, polished_1.rem)(18), mb: (0, polished_1.rem)(16) })), (addons === null || addons === void 0 ? void 0 : addons.isVisible) && Boolean((_e = addons === null || addons === void 0 ? void 0 : addons.data) === null || _e === void 0 ? void 0 : _e.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: (_f = addons === null || addons === void 0 ? void 0 : addons.data) === null || _f === void 0 ? void 0 : _f.map((list, index) => ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)(((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible) && index === 0) ? 0 : (index === 0) ? 18 : 12), direction: "row", width: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mr: (0, polished_1.rem)(8) }, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { as: list.icon, w: (0, polished_1.rem)(14), height: (0, polished_1.rem)(10) }) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", direction: "row", width: "inherit", fontSize: (0, polished_1.rem)(14), fontWeight: 400, lineHeight: (0, polished_1.rem)(20) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(20), dangerouslySetInnerHTML: {
23
+ } })] }), list.id))) })), ((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible)) && ((0, jsx_runtime_1.jsx)(react_1.Divider, { mt: (0, polished_1.rem)(18), mb: (0, polished_1.rem)(16) })), (addons === null || addons === void 0 ? void 0 : addons.isVisible) && Boolean((_e = addons === null || addons === void 0 ? void 0 : addons.data) === null || _e === void 0 ? void 0 : _e.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: (_f = addons === null || addons === void 0 ? void 0 : addons.data) === null || _f === void 0 ? void 0 : _f.map((list, index) => ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)(((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible) && index === 0) ? 0 : (index === 0) ? 18 : 12), direction: "row", width: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mr: (0, polished_1.rem)(8) }, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { as: list.icon, w: (0, polished_1.rem)(14), height: (0, polished_1.rem)(10) }) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", direction: "row", width: "inherit", fontSize: (0, polished_1.rem)(14), fontWeight: 400, lineHeight: (0, polished_1.rem)(20) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(24), dangerouslySetInnerHTML: {
24
24
  __html: list.text
25
- } }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(20), dangerouslySetInnerHTML: {
25
+ } }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(24), dangerouslySetInnerHTML: {
26
26
  __html: list.price
27
27
  } })] }))] }), list.id))) })), ((_g = readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) !== null && _g !== void 0 ? _g : readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", w: !(readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) && (readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) ? "100%" : undefined, mt: (0, polished_1.rem)(14) }, { children: [(readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) && (0, jsx_runtime_1.jsx)(react_1.Link, Object.assign({ fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(24), fontWeight: 500, "data-testid": "read-more", onClick: readMore === null || readMore === void 0 ? void 0 : readMore.action }, { children: readMore === null || readMore === void 0 ? void 0 : readMore.text })), (readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_h = price === null || price === void 0 ? void 0 : price.customPriceTag) !== null && _h !== void 0 ? _h : ((price === null || price === void 0 ? void 0 : price.label) && (price === null || price === void 0 ? void 0 : price.perMonthText) && (0, jsx_runtime_1.jsxs)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(24), fontWeight: 400, textAlign: "right", width: "inherit" }, { children: [price === null || price === void 0 ? void 0 : price.fromText, " ", (0, jsx_runtime_1.jsx)("b", Object.assign({ style: { fontSize: (0, polished_1.rem)(16), fontWeight: 500 } }, { children: price.label })), " ", price === null || price === void 0 ? void 0 : price.perMonthText] }))) })] }))), (CTA === null || CTA === void 0 ? void 0 : CTA.isVisible) && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ height: "100%", mt: (0, polished_1.rem)(22), direction: "row", gap: 2, alignItems: "end", w: CTA.isPriceVisible ? "100%" : undefined }, { children: [((_j = CTA.primary) === null || _j === void 0 ? void 0 : _j.isVisible) &&
28
28
  (0, jsx_runtime_1.jsx)(react_1.Flex, { children: (0, jsx_runtime_1.jsx)(react_1.Button, Object.assign({ "data-testid": "primary-action", onClick: (_k = CTA.primary) === null || _k === void 0 ? void 0 : _k.onClick, outline: "none", isDisabled: (_l = CTA.primary) === null || _l === void 0 ? void 0 : _l.isDisabled, isLoading: (_m = CTA.primary) === null || _m === void 0 ? void 0 : _m.isLoading, rightIcon: (((_o = CTA.primary) === null || _o === void 0 ? void 0 : _o.iconPosition) === "right" && ((_p = CTA.primary) === null || _p === void 0 ? void 0 : _p.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: (_q = CTA.primary) === null || _q === void 0 ? void 0 : _q.icon }) : undefined, leftIcon: (((_r = CTA.primary) === null || _r === void 0 ? void 0 : _r.iconPosition) === "left" && ((_s = CTA.primary) === null || _s === void 0 ? void 0 : _s.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: (_t = CTA.primary) === null || _t === void 0 ? void 0 : _t.icon }) : undefined, variant: (_u = CTA.primary) === null || _u === void 0 ? void 0 : _u.variant, borderRadius: (0, polished_1.rem)(56), _hover: {
package/dist/esm/alicia/common/Card/Card.js CHANGED
@@ -15,11 +15,11 @@ export const Card = ({ header = undefined, headerIcon = undefined, tag = undefin
15
15
  } }, { children: [(header === null || header === void 0 ? void 0 : header.isVisible) && _jsx(Text, Object.assign({ fontSize: rem(20), lineHeight: rem(24), fontWeight: 500 }, { children: header === null || header === void 0 ? void 0 : header.title })), (header === null || header === void 0 ? void 0 : header.isPriceVisible) && _jsx(_Fragment, { children: (_b = price === null || price === void 0 ? void 0 : price.customPriceTag) !== null && _b !== void 0 ? _b : ((price === null || price === void 0 ? void 0 : price.label) && (price === null || price === void 0 ? void 0 : price.perMonthText) && _jsxs(Text, Object.assign({ fontSize: rem(14), lineHeight: rem(24), fontWeight: 400 }, { children: [price.fromText, " ", _jsx("b", Object.assign({ style: { fontSize: rem(16), fontWeight: 500 } }, { children: price === null || price === void 0 ? void 0 : price.label })), " ", price === null || price === void 0 ? void 0 : price.perMonthText] }))) }), (header === null || header === void 0 ? void 0 : header.isPartnerLogoVisible) &&
16
16
  _jsxs(Flex, Object.assign({ direction: "row" }, { children: [_jsx(Text, Object.assign({ fontSize: rem(14), lineHeight: rem(24), fontWeight: 400, display: "inline", mr: rem(4) }, { children: header === null || header === void 0 ? void 0 : header.offeredByText })), _jsx(Image, { src: header === null || header === void 0 ? void 0 : header.partnerLogoSrc, w: rem(55), h: rem(18), alt: "partner-logo", objectFit: "contain" })] }))] }))), (header === null || header === void 0 ? void 0 : header.description) && _jsx(Text, { fontSize: rem(16), lineHeight: rem(24), mb: rem((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) ? 8 : 0), dangerouslySetInnerHTML: {
17
17
  __html: header === null || header === void 0 ? void 0 : header.description
18
- } }), (checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && Boolean((_c = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _c === void 0 ? void 0 : _c.length) && _jsx(Flex, Object.assign({ direction: "column" }, { children: (_d = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _d === void 0 ? void 0 : _d.map((list, index) => (_jsxs(Flex, Object.assign({ mt: rem((index === 0) ? 18 : 12), direction: "row", fontSize: rem(14), fontWeight: 400, lineHeight: rem(20) }, { children: [_jsx(Box, Object.assign({ mr: rem(8) }, { children: _jsx(Icon, { as: list.icon, w: rem(14), height: rem(10) }) })), _jsx(Text, { fontSize: rem(14), lineHeight: rem(20), dangerouslySetInnerHTML: {
18
+ } }), (checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && Boolean((_c = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _c === void 0 ? void 0 : _c.length) && _jsx(Flex, Object.assign({ direction: "column" }, { children: (_d = checklist === null || checklist === void 0 ? void 0 : checklist.data) === null || _d === void 0 ? void 0 : _d.map((list, index) => (_jsxs(Flex, Object.assign({ mt: rem((index === 0) ? 18 : 12), direction: "row", fontSize: rem(14), fontWeight: 400, lineHeight: rem(20) }, { children: [_jsx(Box, Object.assign({ mr: rem(8) }, { children: _jsx(Icon, { as: list.icon, w: rem(14), height: rem(10) }) })), _jsx(Text, { fontSize: rem(16), lineHeight: rem(24), dangerouslySetInnerHTML: {
19
19
  __html: list.label
20
- } })] }), list.id))) })), ((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible)) && (_jsx(Divider, { mt: rem(18), mb: rem(16) })), (addons === null || addons === void 0 ? void 0 : addons.isVisible) && Boolean((_e = addons === null || addons === void 0 ? void 0 : addons.data) === null || _e === void 0 ? void 0 : _e.length) && _jsx(Flex, Object.assign({ direction: "column" }, { children: (_f = addons === null || addons === void 0 ? void 0 : addons.data) === null || _f === void 0 ? void 0 : _f.map((list, index) => (_jsxs(Flex, Object.assign({ mt: rem(((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible) && index === 0) ? 0 : (index === 0) ? 18 : 12), direction: "row", width: "100%", alignItems: "center" }, { children: [_jsx(Box, Object.assign({ mr: rem(8) }, { children: _jsx(Icon, { as: list.icon, w: rem(14), height: rem(10) }) })), _jsxs(Flex, Object.assign({ justifyContent: "space-between", direction: "row", width: "inherit", fontSize: rem(14), fontWeight: 400, lineHeight: rem(20) }, { children: [_jsx(Text, { fontSize: rem(14), lineHeight: rem(20), dangerouslySetInnerHTML: {
20
+ } })] }), list.id))) })), ((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible)) && (_jsx(Divider, { mt: rem(18), mb: rem(16) })), (addons === null || addons === void 0 ? void 0 : addons.isVisible) && Boolean((_e = addons === null || addons === void 0 ? void 0 : addons.data) === null || _e === void 0 ? void 0 : _e.length) && _jsx(Flex, Object.assign({ direction: "column" }, { children: (_f = addons === null || addons === void 0 ? void 0 : addons.data) === null || _f === void 0 ? void 0 : _f.map((list, index) => (_jsxs(Flex, Object.assign({ mt: rem(((checklist === null || checklist === void 0 ? void 0 : checklist.isVisible) && (addons === null || addons === void 0 ? void 0 : addons.isVisible) && index === 0) ? 0 : (index === 0) ? 18 : 12), direction: "row", width: "100%", alignItems: "center" }, { children: [_jsx(Box, Object.assign({ mr: rem(8) }, { children: _jsx(Icon, { as: list.icon, w: rem(14), height: rem(10) }) })), _jsxs(Flex, Object.assign({ justifyContent: "space-between", direction: "row", width: "inherit", fontSize: rem(14), fontWeight: 400, lineHeight: rem(20) }, { children: [_jsx(Text, { fontSize: rem(16), lineHeight: rem(24), dangerouslySetInnerHTML: {
21
21
  __html: list.text
22
- } }), _jsx(Text, { fontSize: rem(14), lineHeight: rem(20), dangerouslySetInnerHTML: {
22
+ } }), _jsx(Text, { fontSize: rem(16), lineHeight: rem(24), dangerouslySetInnerHTML: {
23
23
  __html: list.price
24
24
  } })] }))] }), list.id))) })), ((_g = readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) !== null && _g !== void 0 ? _g : readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) && (_jsxs(Flex, Object.assign({ justifyContent: "space-between", w: !(readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) && (readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) ? "100%" : undefined, mt: rem(14) }, { children: [(readMore === null || readMore === void 0 ? void 0 : readMore.isVisible) && _jsx(Link, Object.assign({ fontSize: rem(16), lineHeight: rem(24), fontWeight: 500, "data-testid": "read-more", onClick: readMore === null || readMore === void 0 ? void 0 : readMore.action }, { children: readMore === null || readMore === void 0 ? void 0 : readMore.text })), (readMore === null || readMore === void 0 ? void 0 : readMore.isPriceVisible) && _jsx(_Fragment, { children: (_h = price === null || price === void 0 ? void 0 : price.customPriceTag) !== null && _h !== void 0 ? _h : ((price === null || price === void 0 ? void 0 : price.label) && (price === null || price === void 0 ? void 0 : price.perMonthText) && _jsxs(Text, Object.assign({ fontSize: rem(14), lineHeight: rem(24), fontWeight: 400, textAlign: "right", width: "inherit" }, { children: [price === null || price === void 0 ? void 0 : price.fromText, " ", _jsx("b", Object.assign({ style: { fontSize: rem(16), fontWeight: 500 } }, { children: price.label })), " ", price === null || price === void 0 ? void 0 : price.perMonthText] }))) })] }))), (CTA === null || CTA === void 0 ? void 0 : CTA.isVisible) && (_jsxs(Flex, Object.assign({ height: "100%", mt: rem(22), direction: "row", gap: 2, alignItems: "end", w: CTA.isPriceVisible ? "100%" : undefined }, { children: [((_j = CTA.primary) === null || _j === void 0 ? void 0 : _j.isVisible) &&
25
25
  _jsx(Flex, { children: _jsx(Button, Object.assign({ "data-testid": "primary-action", onClick: (_k = CTA.primary) === null || _k === void 0 ? void 0 : _k.onClick, outline: "none", isDisabled: (_l = CTA.primary) === null || _l === void 0 ? void 0 : _l.isDisabled, isLoading: (_m = CTA.primary) === null || _m === void 0 ? void 0 : _m.isLoading, rightIcon: (((_o = CTA.primary) === null || _o === void 0 ? void 0 : _o.iconPosition) === "right" && ((_p = CTA.primary) === null || _p === void 0 ? void 0 : _p.icon)) ? _jsx(Icon, { as: (_q = CTA.primary) === null || _q === void 0 ? void 0 : _q.icon }) : undefined, leftIcon: (((_r = CTA.primary) === null || _r === void 0 ? void 0 : _r.iconPosition) === "left" && ((_s = CTA.primary) === null || _s === void 0 ? void 0 : _s.icon)) ? _jsx(Icon, { as: (_t = CTA.primary) === null || _t === void 0 ? void 0 : _t.icon }) : undefined, variant: (_u = CTA.primary) === null || _u === void 0 ? void 0 : _u.variant, borderRadius: rem(56), _hover: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "alicia-design-system",
3
- "version": "1.57.2",
3
+ "version": "1.57.3",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",