alicia-design-system 1.47.2 → 1.48.0

package/dist/cjs/alicia/common/Card/Card.d.ts

@@ -0,0 +1,57 @@
+import { ComponentWithAs, IconProps, ButtonProps } from '@chakra-ui/react';
+import { FC, ReactElement } from "react";
+export declare const Card: FC<CardProps>;
+type CheckListProps = {
+    id: number;
+    label: string;
+    icon?: ReactElement;
+};
+type AddonsListProps = {
+    id: number;
+    addonText: string;
+    addonPrice: string;
+    icon?: ReactElement;
+};
+type CustomButtonProps = ButtonProps & {
+    text?: string;
+    iconPosition?: 'left' | 'right';
+    icon?: ComponentWithAs<"svg", IconProps>;
+};
+type CardProps = {
+    fontFamily?: string;
+    showIcon?: boolean;
+    icon?: ReactElement;
+    tag?: boolean;
+    tagText?: string;
+    tagBackgroundColor?: string;
+    tagColor?: string;
+    title?: string;
+    showPartnerLogoWithTitle?: boolean;
+    partnerLogoSrc?: string;
+    showPriceWithTitle?: boolean;
+    showPriceWithReadMore?: boolean;
+    price?: string;
+    perMonthText?: string;
+    customPriceTag?: ReactElement;
+    description?: string;
+    showCheckList?: boolean;
+    checkList?: CheckListProps[];
+    showAddonsList?: boolean;
+    addonsList?: AddonsListProps[];
+    fromText?: string;
+    offeredByText?: string;
+    showReadMore?: boolean;
+    readMoreText?: string;
+    readMoreAction?: () => void;
+    hyperlinkColor?: string;
+    tagIcon?: ComponentWithAs<"svg", IconProps>;
+    listIcon?: ComponentWithAs<"svg", IconProps>;
+    showCTA?: boolean;
+    showPrimaryCTA?: boolean;
+    primaryCTAOnClick?: () => void;
+    primaryCTA?: CustomButtonProps;
+    showSecondaryCTA?: boolean;
+    secondaryCTA?: CustomButtonProps;
+    showPriceWithCTA?: boolean;
+};
+export {};

package/dist/cjs/alicia/common/Card/Card.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const polished_1 = require("polished");
+const TagCheckIcon_1 = require("../icons/TagCheckIcon");
+const Card = ({ fontFamily = "Untitled Sans", showIcon = false, icon = undefined, tag = false, tagText = "RECOMMENDED", tagBackgroundColor = "#006A701A", tagColor = "#006A70", title = undefined, showPriceWithTitle = false, showPriceWithReadMore = false, price = undefined, perMonthText = undefined, customPriceTag = undefined, showPartnerLogoWithTitle = false, partnerLogoSrc = undefined, description = undefined, showCheckList = false, checkList = undefined, showAddonsList = false, addonsList = undefined, fromText = "From", offeredByText = "Offered by", showReadMore = false, readMoreText = "Read More", readMoreAction = undefined, hyperlinkColor = "#006A70", tagIcon = (0, TagCheckIcon_1.TagCheckIcon)({}), listIcon = (0, TagCheckIcon_1.TagCheckIcon)({ color: 'black' }), showCTA = false, showPrimaryCTA = false, primaryCTA = undefined, showSecondaryCTA = false, secondaryCTA = undefined, showPriceWithCTA = false, }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ direction: "column", sx: {
+            border: `${(0, polished_1.rem)(1)} solid rgba(0, 0, 0, 0.2)`,
+            padding: (0, polished_1.rem)(24),
+            'a': {
+                color: hyperlinkColor
+            }
+        }, fontFamily: fontFamily }, { children: [showIcon && icon && (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mb: (0, polished_1.rem)(16) }, { children: icon })), tag && (tagText !== "") && (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ mb: (0, polished_1.rem)(16) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Tag, Object.assign({ size: "sm", variant: 'subtle', bg: tagBackgroundColor }, { children: [(0, jsx_runtime_1.jsx)(react_1.TagLeftIcon, { boxSize: '12px', as: tagIcon, color: tagColor }), (0, jsx_runtime_1.jsx)(react_1.TagLabel, Object.assign({ color: tagColor, fontSize: 10, fontWeight: 500 }, { children: tagText }))] })) })), (title !== null && title !== void 0 ? title : showPriceWithTitle) && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", mb: (0, polished_1.rem)(8) }, { children: [title && (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: title })), showPriceWithTitle && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: customPriceTag !== null && customPriceTag !== void 0 ? customPriceTag : (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: [fromText, " ", (0, jsx_runtime_1.jsx)("b", Object.assign({ style: { fontSize: (0, polished_1.rem)(16), fontWeight: 500 } }, { children: price })), " ", perMonthText] }))) }), showPartnerLogoWithTitle &&
+                        (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: offeredByText })), (0, jsx_runtime_1.jsx)(react_1.Image, { src: partnerLogoSrc, w: (0, polished_1.rem)(55), h: (0, polished_1.rem)(18), alt: "partner-logo", objectFit: "contain" })] }))] }))), 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)(showCheckList ? 8 : 0), dangerouslySetInnerHTML: {
+                    __html: description
+                } }), showCheckList && Boolean(checkList === null || checkList === void 0 ? void 0 : checkList.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: checkList === null || checkList === void 0 ? void 0 : checkList.map((list, index) => {
+                    var _a;
+                    return ((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: (_a = list.icon) !== null && _a !== void 0 ? _a : (0, jsx_runtime_1.jsx)(react_1.Icon, { as: listIcon, w: (0, polished_1.rem)(14), height: (0, polished_1.rem)(10) }) })), (0, jsx_runtime_1.jsx)(react_1.Text, { dangerouslySetInnerHTML: {
+                                    __html: list.label
+                                } })] }), list.id));
+                }) })), (showCheckList && showAddonsList) && ((0, jsx_runtime_1.jsx)(react_1.Divider, { mt: (0, polished_1.rem)(18), mb: (0, polished_1.rem)(16) })), showAddonsList && Boolean(addonsList === null || addonsList === void 0 ? void 0 : addonsList.length) && (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column" }, { children: addonsList === null || addonsList === void 0 ? void 0 : addonsList.map((list, index) => {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)((showCheckList && showAddonsList && 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: (_a = list.icon) !== null && _a !== void 0 ? _a : (0, jsx_runtime_1.jsx)(react_1.Icon, { as: listIcon, 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, { dangerouslySetInnerHTML: {
+                                            __html: list.addonText
+                                        } }), (0, jsx_runtime_1.jsx)(react_1.Text, { dangerouslySetInnerHTML: {
+                                            __html: list.addonPrice
+                                        } })] }))] }), list.id));
+                }) })), (showReadMore || showPriceWithReadMore) && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", w: !showReadMore && showPriceWithReadMore ? "100%" : undefined, mt: (0, polished_1.rem)(14) }, { children: [showReadMore && (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: readMoreAction }, { children: readMoreText })), showPriceWithReadMore && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: customPriceTag !== null && customPriceTag !== void 0 ? customPriceTag : (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: [fromText, " ", (0, jsx_runtime_1.jsx)("b", Object.assign({ style: { fontSize: (0, polished_1.rem)(16), fontWeight: 500 } }, { children: price })), " ", perMonthText] }))) })] }))), (showCTA) && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mt: (0, polished_1.rem)(22), direction: "row", gap: 2, alignItems: "center", w: showPriceWithCTA ? "100%" : undefined }, { children: [showPrimaryCTA &&
+                        (0, jsx_runtime_1.jsx)(react_1.Flex, { children: (0, jsx_runtime_1.jsx)(react_1.Button, Object.assign({ "data-testid": "primary-action", onClick: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.onClick, isDisabled: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.isDisabled, isLoading: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.isLoading, rightIcon: ((primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.iconPosition) === "right" && (primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.icon }) : undefined, leftIcon: ((primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.iconPosition) === "left" && (primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.icon }) : undefined, variant: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.variant, borderRadius: (0, polished_1.rem)(56), fontFamily: fontFamily, fontSize: (0, polished_1.rem)(14), fontWeight: 500, lineHeight: (0, polished_1.rem)(20) }, { children: primaryCTA === null || primaryCTA === void 0 ? void 0 : primaryCTA.text })) }), showSecondaryCTA &&
+                        (0, jsx_runtime_1.jsx)(react_1.Flex, { children: (0, jsx_runtime_1.jsx)(react_1.Button, Object.assign({ "data-testid": "secondary-action", onClick: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.onClick, isDisabled: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.isDisabled, isLoading: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.isLoading, rightIcon: ((secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.iconPosition) === "right" && (secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.icon }) : undefined, leftIcon: ((secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.iconPosition) === "left" && (secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.icon)) ? (0, jsx_runtime_1.jsx)(react_1.Icon, { as: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.icon }) : undefined, variant: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.variant, borderRadius: (0, polished_1.rem)(56), fontFamily: fontFamily, fontSize: (0, polished_1.rem)(14), fontWeight: 500, lineHeight: (0, polished_1.rem)(20) }, { children: secondaryCTA === null || secondaryCTA === void 0 ? void 0 : secondaryCTA.text })) }), showPriceWithCTA && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: customPriceTag !== null && customPriceTag !== void 0 ? customPriceTag : (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: [fromText, " ", (0, jsx_runtime_1.jsx)("b", Object.assign({ style: { fontSize: (0, polished_1.rem)(16), fontWeight: 500 } }, { children: price })), " ", perMonthText] }))) })] })))] })));
+};
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/alicia/common/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/alicia/common/Card/Card.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/alicia/common/Card/Card.spec.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const index_1 = require("./index");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const onMockReadMore = jest.fn();
+const onMockPrimaryCTA = jest.fn();
+describe("Rating testing with testing-library", () => {
+    it("renders without crashing", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Card, {}));
+        expect(component).toBeTruthy();
+    });
+    it("renders title", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Card, { title: "Rental Car" }));
+        expect(getByText('Rental Car')).toBeInTheDocument();
+    });
+    it("renders description", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Card, { title: "Rental Car", description: "This coverage insures you for the deductible you must pay in connection with loss of or damage to a rental car." }));
+        expect(getByText('This coverage insures you for the deductible you must pay in connection with loss of or damage to a rental car.')).toBeInTheDocument();
+    });
+    it("renders read more", () => {
+        const { getByText, getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Card, { title: "Rental Car", description: "This coverage insures you for the deductible you must pay in connection with loss of or damage to a rental car.", showReadMore: true, readMoreText: "Read More", readMoreAction: onMockReadMore, showPriceWithReadMore: true, price: "\u20AC9.99", perMonthText: "p.m." }));
+        expect(getByText('€9.99')).toBeInTheDocument();
+        user_event_1.default.click(getByTestId('read-more'));
+        expect(onMockReadMore).toBeCalledTimes(1);
+    });
+    it("renders read more", () => {
+        const { getByTestId, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Card, { title: "Rental Car", description: "This coverage insures you for the deductible you must pay in connection with loss of or damage to a rental car.", showCTA: true, showPrimaryCTA: true, primaryCTA: {
+                variant: "primary",
+                isLoading: false,
+                isDisabled: false,
+                text: "File a Claim",
+                onClick: onMockPrimaryCTA
+            } }));
+        expect(getByText('File a Claim')).toBeInTheDocument();
+        user_event_1.default.click(getByTestId('primary-action'));
+        expect(onMockPrimaryCTA).toBeCalledTimes(1);
+    });
+});
+//# sourceMappingURL=Card.spec.js.map

package/dist/cjs/alicia/common/Card/Card.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Card/Card.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAA+B;AAC/B,6EAAoD;AAEpD,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACjC,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEnC,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAI,KAAG,CAAC,CAAC;QACnC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACrB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAI,IAAC,KAAK,EAAC,YAAY,GAAG,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAI,IAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,iHAAiH,GAAG,CAAC,CAAC;QACxL,MAAM,CAAC,SAAS,CAAC,iHAAiH,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7J,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,cAAM,EACrC,uBAAC,YAAI,IACD,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,iHAAiH,EAC7H,YAAY,EAAE,IAAI,EAClB,YAAY,EAAC,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,IAAI,EAC3B,KAAK,EAAC,YAAO,EACb,YAAY,EAAC,MAAM,GACrB,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/C,oBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EACrC,uBAAC,YAAI,IACD,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,iHAAiH,EAC7H,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,IAAI,EACpB,UAAU,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,KAAK;gBAChB,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,gBAAgB;aAC5B,GACH,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtD,oBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/cjs/alicia/common/Card/Card.stories.d.ts

@@ -0,0 +1,381 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export default _default;
+export declare const Primary: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export declare const TopPriceTag: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export declare const TopPartnerLogo: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export declare const ReadMore: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export declare const Checklist: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;
+export declare const AddOnList: ComponentStory<import("react").FC<{
+    fontFamily?: string | undefined;
+    showIcon?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    tag?: boolean | undefined;
+    tagText?: string | undefined;
+    tagBackgroundColor?: string | undefined;
+    tagColor?: string | undefined;
+    title?: string | undefined;
+    showPartnerLogoWithTitle?: boolean | undefined;
+    partnerLogoSrc?: string | undefined;
+    showPriceWithTitle?: boolean | undefined;
+    showPriceWithReadMore?: boolean | undefined;
+    price?: string | undefined;
+    perMonthText?: string | undefined;
+    customPriceTag?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    description?: string | undefined;
+    showCheckList?: boolean | undefined;
+    checkList?: {
+        id: number;
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    showAddonsList?: boolean | undefined;
+    addonsList?: {
+        id: number;
+        addonText: string;
+        addonPrice: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[] | undefined;
+    fromText?: string | undefined;
+    offeredByText?: string | undefined;
+    showReadMore?: boolean | undefined;
+    readMoreText?: string | undefined;
+    readMoreAction?: (() => void) | undefined;
+    hyperlinkColor?: string | undefined;
+    tagIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    listIcon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    showCTA?: boolean | undefined;
+    showPrimaryCTA?: boolean | undefined;
+    primaryCTAOnClick?: (() => void) | undefined;
+    primaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showSecondaryCTA?: boolean | undefined;
+    secondaryCTA?: (import("@chakra-ui/button/dist/button").ButtonProps & {
+        text?: string | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps> | undefined;
+    }) | undefined;
+    showPriceWithCTA?: boolean | undefined;
+}>>;