igloo-d2c-components 1.0.12 → 1.0.13
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/README.md +0 -18
- package/dist/cjs/index.js +41 -2551
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +41 -2501
- package/dist/esm/index.js.map +1 -1
- package/dist/types/{storybook-components → components/Banner}/Banner.stories.d.ts +1 -1
- package/dist/types/{storybook-components → components/Button}/Button.stories.d.ts +1 -1
- package/dist/types/{storybook-components → components/Card}/Card.stories.d.ts +1 -1
- package/dist/types/context/TenantThemeContext.d.ts +2 -3
- package/dist/types/index.d.ts +4 -48
- package/dist/types/themes/index.d.ts +1 -1
- package/dist/types/types/tenant.d.ts +2 -23
- package/dist/types/utils/theme.d.ts +2 -3
- package/package.json +2 -4
- package/dist/assets/icons/alert.svg +0 -5
- package/dist/assets/icons/arrow-down.svg +0 -3
- package/dist/assets/icons/arrow.svg +0 -9
- package/dist/assets/icons/close.svg +0 -4
- package/dist/assets/icons/facebook.svg +0 -3
- package/dist/assets/icons/index.ts +0 -26
- package/dist/assets/icons/instagram.svg +0 -11
- package/dist/assets/icons/youtube.svg +0 -11
- package/dist/assets/index.ts +0 -13
- package/dist/assets/tenants/ammetlife/logo.svg +0 -10
- package/dist/assets/tenants/cimb/logo-white.png +0 -0
- package/dist/assets/tenants/cimb/logo.svg +0 -62
- package/dist/assets/tenants/igloo/logo.svg +0 -22
- package/dist/types/assets/icons/index.d.ts +0 -21
- package/dist/types/assets/index.d.ts +0 -9
- package/dist/types/components/BillingToggle/BillingToggle.d.ts +0 -34
- package/dist/types/components/BillingToggle/index.d.ts +0 -3
- package/dist/types/components/BillingToggle/styled.d.ts +0 -12
- package/dist/types/components/CheckoutFormButton/CheckoutFormButton.d.ts +0 -39
- package/dist/types/components/CheckoutFormButton/index.d.ts +0 -2
- package/dist/types/components/CheckoutFormButton/styled.d.ts +0 -9
- package/dist/types/components/CheckoutHeader/CheckoutHeader.d.ts +0 -41
- package/dist/types/components/CheckoutHeader/index.d.ts +0 -2
- package/dist/types/components/CheckoutHeader/styled.d.ts +0 -15
- package/dist/types/components/CheckoutProgress/CheckoutProgress.d.ts +0 -35
- package/dist/types/components/CheckoutProgress/index.d.ts +0 -2
- package/dist/types/components/CheckoutProgress/styled.d.ts +0 -16
- package/dist/types/components/ChildInformationForm/ChildInformationForm.d.ts +0 -52
- package/dist/types/components/ChildInformationForm/index.d.ts +0 -2
- package/dist/types/components/ChildInformationForm/styled.d.ts +0 -4
- package/dist/types/components/ContactDetailsForm/ContactDetailsForm.d.ts +0 -63
- package/dist/types/components/ContactDetailsForm/index.d.ts +0 -2
- package/dist/types/components/ContactDetailsForm/styled.d.ts +0 -10
- package/dist/types/components/CoverageAmountSlider/CoverageAmountSlider.d.ts +0 -57
- package/dist/types/components/CoverageAmountSlider/index.d.ts +0 -3
- package/dist/types/components/CoverageAmountSlider/styled.d.ts +0 -50
- package/dist/types/components/Footer/Footer.d.ts +0 -94
- package/dist/types/components/Footer/index.d.ts +0 -3
- package/dist/types/components/Footer/styled.d.ts +0 -38
- package/dist/types/components/Header/Header.d.ts +0 -159
- package/dist/types/components/Header/index.d.ts +0 -3
- package/dist/types/components/Header/styled.d.ts +0 -80
- package/dist/types/components/HealthInformationForm/HealthInformationForm.d.ts +0 -81
- package/dist/types/components/HealthInformationForm/index.d.ts +0 -2
- package/dist/types/components/HealthInformationForm/styled.d.ts +0 -4
- package/dist/types/components/HealthQuestionGroup/HealthQuestionGroup.d.ts +0 -40
- package/dist/types/components/HealthQuestionGroup/index.d.ts +0 -2
- package/dist/types/components/HealthQuestionGroup/styled.d.ts +0 -20
- package/dist/types/components/InfoCallout/InfoCallout.d.ts +0 -34
- package/dist/types/components/InfoCallout/index.d.ts +0 -3
- package/dist/types/components/InfoCallout/styled.d.ts +0 -16
- package/dist/types/components/NewHeader/NewHeader.d.ts +0 -60
- package/dist/types/components/NewHeader/index.d.ts +0 -3
- package/dist/types/components/NewHeader/styled.d.ts +0 -26
- package/dist/types/components/OptionButton/OptionButton.d.ts +0 -59
- package/dist/types/components/OptionButton/index.d.ts +0 -3
- package/dist/types/components/OptionButton/styled.d.ts +0 -18
- package/dist/types/components/PersonalInformationForm/PersonalInformationForm.d.ts +0 -75
- package/dist/types/components/PersonalInformationForm/index.d.ts +0 -2
- package/dist/types/components/PersonalInformationForm/styled.d.ts +0 -10
- package/dist/types/components/ProductCard/ProductCard.d.ts +0 -43
- package/dist/types/components/ProductCard/index.d.ts +0 -2
- package/dist/types/components/ProductCard/styled.d.ts +0 -27
- package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts +0 -54
- package/dist/types/components/ProductSelectionDrawer/index.d.ts +0 -3
- package/dist/types/components/ProductSelectionDrawer/styled.d.ts +0 -44
- package/dist/types/components/QuestionSection/QuestionSection.d.ts +0 -71
- package/dist/types/components/QuestionSection/index.d.ts +0 -3
- package/dist/types/components/QuestionSection/styled.d.ts +0 -16
- package/dist/types/components/RecommendationsDrawer/RecommendationsDrawer.d.ts +0 -92
- package/dist/types/components/RecommendationsDrawer/index.d.ts +0 -3
- package/dist/types/components/RecommendationsDrawer/styled.d.ts +0 -35
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +0 -45
- package/dist/types/components/ToggleGroup/index.d.ts +0 -3
- package/dist/types/components/ToggleGroup/styled.d.ts +0 -17
- package/dist/types/storybook-components/BillingToggle.stories.d.ts +0 -10
- package/dist/types/storybook-components/CheckoutProgress.stories.d.ts +0 -9
- package/dist/types/storybook-components/CoverageAmountSlider.stories.d.ts +0 -14
- package/dist/types/storybook-components/Footer.stories.d.ts +0 -10
- package/dist/types/storybook-components/Header.stories.d.ts +0 -9
- package/dist/types/storybook-components/HealthQuestionGroup.stories.d.ts +0 -9
- package/dist/types/storybook-components/InfoCallout.stories.d.ts +0 -11
- package/dist/types/storybook-components/NewHeader.stories.d.ts +0 -82
- package/dist/types/storybook-components/OptionButton.stories.d.ts +0 -12
- package/dist/types/storybook-components/ProductCard.stories.d.ts +0 -9
- package/dist/types/storybook-components/ProductSelectionDrawer.stories.d.ts +0 -24
- package/dist/types/storybook-components/QuestionSection.stories.d.ts +0 -11
- package/dist/types/storybook-components/RecommendationsDrawer.stories.d.ts +0 -36
- package/dist/types/storybook-components/ToggleGroup.stories.d.ts +0 -10
- package/dist/types/themes/typography.d.ts +0 -69
- package/dist/types/utils/assets.d.ts +0 -54
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Recommendations Drawer Component
|
|
3
|
-
* Mobile drawer for collecting user preferences and recommendations
|
|
4
|
-
* Based on Figma design (node-id: 98-22220)
|
|
5
|
-
*/
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
export interface RecommendationsDrawerProps {
|
|
8
|
-
/**
|
|
9
|
-
* Whether the drawer is open
|
|
10
|
-
*/
|
|
11
|
-
open: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Callback when drawer should close
|
|
14
|
-
*/
|
|
15
|
-
onClose: () => void;
|
|
16
|
-
/**
|
|
17
|
-
* Drawer content (form, questions, etc.)
|
|
18
|
-
*/
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Optional header icon
|
|
22
|
-
*/
|
|
23
|
-
headerIcon?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Header title
|
|
26
|
-
*/
|
|
27
|
-
title?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Header subtitle/description
|
|
30
|
-
*/
|
|
31
|
-
subtitle?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Show back button instead of close
|
|
34
|
-
*/
|
|
35
|
-
showBackButton?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Back button callback
|
|
38
|
-
*/
|
|
39
|
-
onBack?: () => void;
|
|
40
|
-
/**
|
|
41
|
-
* Primary action button text
|
|
42
|
-
*/
|
|
43
|
-
primaryButtonText?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Primary action callback
|
|
46
|
-
*/
|
|
47
|
-
onPrimaryAction?: () => void;
|
|
48
|
-
/**
|
|
49
|
-
* Primary button disabled state
|
|
50
|
-
*/
|
|
51
|
-
primaryButtonDisabled?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Secondary action button text
|
|
54
|
-
*/
|
|
55
|
-
secondaryButtonText?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Secondary action callback
|
|
58
|
-
*/
|
|
59
|
-
onSecondaryAction?: () => void;
|
|
60
|
-
/**
|
|
61
|
-
* Show footer buttons
|
|
62
|
-
*/
|
|
63
|
-
showFooter?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Custom footer content
|
|
66
|
-
*/
|
|
67
|
-
customFooter?: React.ReactNode;
|
|
68
|
-
/**
|
|
69
|
-
* Format message function for i18n
|
|
70
|
-
*/
|
|
71
|
-
formatMessage?: (descriptor: {
|
|
72
|
-
id: string;
|
|
73
|
-
}) => string;
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* RecommendationsDrawer - Mobile drawer for recommendations and forms
|
|
77
|
-
*
|
|
78
|
-
* @example
|
|
79
|
-
* ```tsx
|
|
80
|
-
* <RecommendationsDrawer
|
|
81
|
-
* open={isOpen}
|
|
82
|
-
* onClose={handleClose}
|
|
83
|
-
* title="Personalize Your Plan"
|
|
84
|
-
* subtitle="Answer a few questions"
|
|
85
|
-
* primaryButtonText="Next"
|
|
86
|
-
* onPrimaryAction={handleNext}
|
|
87
|
-
* >
|
|
88
|
-
* <QuestionSection question="What is your budget?" />
|
|
89
|
-
* </RecommendationsDrawer>
|
|
90
|
-
* ```
|
|
91
|
-
*/
|
|
92
|
-
export declare function RecommendationsDrawer({ open, onClose, children, headerIcon, title, subtitle, showBackButton, onBack, primaryButtonText, onPrimaryAction, primaryButtonDisabled, secondaryButtonText, onSecondaryAction, showFooter, customFooter, formatMessage, }: RecommendationsDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
3
|
-
export declare const DrawerHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
|
-
export declare const DrawerContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
9
|
-
export declare const DrawerFooter: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
12
|
-
export declare const CloseButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
13
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
14
|
-
}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
15
|
-
export declare const HeaderSection: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
18
|
-
export declare const CategoryIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
21
|
-
export declare const TitleText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
22
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
23
|
-
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
24
|
-
export declare const SubtitleText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
25
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
26
|
-
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
27
|
-
export declare const FooterButtons: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
28
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
29
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
30
|
-
export declare const PrimaryButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
31
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
32
|
-
}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
33
|
-
export declare const SecondaryButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
34
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
35
|
-
}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ToggleGroup Component
|
|
3
|
-
* Toggle button group for selecting between options (e.g., Domestic/International)
|
|
4
|
-
*/
|
|
5
|
-
export interface ToggleOption {
|
|
6
|
-
value: string;
|
|
7
|
-
label: string;
|
|
8
|
-
icon?: string;
|
|
9
|
-
}
|
|
10
|
-
export interface ToggleGroupProps {
|
|
11
|
-
/**
|
|
12
|
-
* Available options
|
|
13
|
-
*/
|
|
14
|
-
options: ToggleOption[];
|
|
15
|
-
/**
|
|
16
|
-
* Currently selected value
|
|
17
|
-
*/
|
|
18
|
-
value: string;
|
|
19
|
-
/**
|
|
20
|
-
* Callback when value changes
|
|
21
|
-
*/
|
|
22
|
-
onChange: (value: string) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Format message function for i18n
|
|
25
|
-
*/
|
|
26
|
-
formatMessage?: (descriptor: {
|
|
27
|
-
id: string;
|
|
28
|
-
}) => string;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* ToggleGroup - Segmented control for switching between options
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <ToggleGroup
|
|
36
|
-
* options={[
|
|
37
|
-
* { value: 'domestic', label: 'Domestic', icon: '🏠' },
|
|
38
|
-
* { value: 'international', label: 'International', icon: '✈️' }
|
|
39
|
-
* ]}
|
|
40
|
-
* value={selectedType}
|
|
41
|
-
* onChange={setSelectedType}
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export declare function ToggleGroup({ options, value, onChange, formatMessage, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ToggleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
-
export declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
6
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
7
|
-
}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
8
|
-
selected?: boolean | undefined;
|
|
9
|
-
}, {}, {}>;
|
|
10
|
-
export declare const ToggleIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
13
|
-
export declare const ToggleLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
15
|
-
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
16
|
-
selected?: boolean | undefined;
|
|
17
|
-
}, {}, {}>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { BillingToggle } from '../components/BillingToggle';
|
|
3
|
-
declare const _default: ComponentMeta<typeof BillingToggle>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof BillingToggle>;
|
|
6
|
-
export declare const AnnuallySelected: ComponentStory<typeof BillingToggle>;
|
|
7
|
-
export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const WithCustomFormatMessage: ComponentStory<typeof BillingToggle>;
|
|
9
|
-
export declare const WithCIMBTheme: ComponentStory<typeof BillingToggle>;
|
|
10
|
-
export declare const WithAmmetLifeTheme: ComponentStory<typeof BillingToggle>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Step1: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
6
|
-
export declare const Step2: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
7
|
-
export declare const Step3: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
8
|
-
export declare const WithoutBackButton: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
9
|
-
export declare const FiveSteps: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { CoverageAmountSlider } from '../components/CoverageAmountSlider';
|
|
3
|
-
declare const _default: ComponentMeta<typeof CoverageAmountSlider>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof CoverageAmountSlider>;
|
|
6
|
-
export declare const MidRange: ComponentStory<typeof CoverageAmountSlider>;
|
|
7
|
-
export declare const Maximum: ComponentStory<typeof CoverageAmountSlider>;
|
|
8
|
-
export declare const CustomSteps: ComponentStory<typeof CoverageAmountSlider>;
|
|
9
|
-
export declare const CustomCurrency: ComponentStory<typeof CoverageAmountSlider>;
|
|
10
|
-
export declare const LargeRange: ComponentStory<typeof CoverageAmountSlider>;
|
|
11
|
-
export declare const SmallRange: ComponentStory<typeof CoverageAmountSlider>;
|
|
12
|
-
export declare const WithCIMBTheme: ComponentStory<typeof CoverageAmountSlider>;
|
|
13
|
-
export declare const WithAmmetLifeTheme: ComponentStory<typeof CoverageAmountSlider>;
|
|
14
|
-
export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { Footer } from '../components/Footer';
|
|
3
|
-
declare const _default: ComponentMeta<typeof Footer>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof Footer>;
|
|
6
|
-
export declare const SimplifiedLayout: ComponentStory<typeof Footer>;
|
|
7
|
-
export declare const MobileView: ComponentStory<typeof Footer>;
|
|
8
|
-
export declare const WithPoweredBy: ComponentStory<typeof Footer>;
|
|
9
|
-
export declare const WithCIMBTheme: ComponentStory<typeof Footer>;
|
|
10
|
-
export declare const WithAmmetLifeTheme: ComponentStory<typeof Footer>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { Header } from '../components/Header';
|
|
3
|
-
declare const _default: ComponentMeta<typeof Header>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof Header>;
|
|
6
|
-
export declare const WithUser: ComponentStory<typeof Header>;
|
|
7
|
-
export declare const MobileView: ComponentStory<typeof Header>;
|
|
8
|
-
export declare const WithCIMBTheme: ComponentStory<typeof Header>;
|
|
9
|
-
export declare const WithAmmetLifeTheme: ComponentStory<typeof Header>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
6
|
-
export declare const WithYesSelected: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
7
|
-
export declare const WithError: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
8
|
-
export declare const PregnancyQuestion: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
9
|
-
export declare const MultilineQuestion: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { InfoCallout } from '../components/InfoCallout';
|
|
3
|
-
declare const _default: ComponentMeta<typeof InfoCallout>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof InfoCallout>;
|
|
6
|
-
export declare const CustomTitle: ComponentStory<typeof InfoCallout>;
|
|
7
|
-
export declare const LongContent: ComponentStory<typeof InfoCallout>;
|
|
8
|
-
export declare const ShortContent: ComponentStory<typeof InfoCallout>;
|
|
9
|
-
export declare const WithCustomFormatMessage: ComponentStory<typeof InfoCallout>;
|
|
10
|
-
export declare const WithCIMBTheme: ComponentStory<typeof InfoCallout>;
|
|
11
|
-
export declare const WithAmmetLifeTheme: ComponentStory<typeof InfoCallout>;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* NewHeader Storybook Stories
|
|
3
|
-
* Interactive documentation and testing for the NewHeader component
|
|
4
|
-
*/
|
|
5
|
-
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
6
|
-
import { NewHeader } from '../components/NewHeader';
|
|
7
|
-
declare const _default: ComponentMeta<typeof NewHeader>;
|
|
8
|
-
export default _default;
|
|
9
|
-
/**
|
|
10
|
-
* Default story - Basic header with Igloo branding
|
|
11
|
-
*/
|
|
12
|
-
export declare const Default: ComponentStory<typeof NewHeader>;
|
|
13
|
-
/**
|
|
14
|
-
* Authenticated User story
|
|
15
|
-
*/
|
|
16
|
-
export declare const AuthenticatedUser: ComponentStory<typeof NewHeader>;
|
|
17
|
-
/**
|
|
18
|
-
* Mobile View story
|
|
19
|
-
*/
|
|
20
|
-
export declare const MobileView: ComponentStory<typeof NewHeader>;
|
|
21
|
-
/**
|
|
22
|
-
* CIMB Tenant story
|
|
23
|
-
*/
|
|
24
|
-
export declare const CIMBTenant: ComponentStory<typeof NewHeader>;
|
|
25
|
-
/**
|
|
26
|
-
* AmMetLife Tenant story
|
|
27
|
-
*/
|
|
28
|
-
export declare const AmMetLifeTenant: ComponentStory<typeof NewHeader>;
|
|
29
|
-
/**
|
|
30
|
-
* Minimal story - No navigation links
|
|
31
|
-
*/
|
|
32
|
-
export declare const MinimalHeader: ComponentStory<typeof NewHeader>;
|
|
33
|
-
/**
|
|
34
|
-
* Custom Drawer Content story
|
|
35
|
-
*/
|
|
36
|
-
export declare const CustomDrawerContent: ComponentStory<typeof NewHeader>;
|
|
37
|
-
/**
|
|
38
|
-
* Many Menu Items story - Testing overflow
|
|
39
|
-
*/
|
|
40
|
-
export declare const ManyMenuItems: ComponentStory<typeof NewHeader>;
|
|
41
|
-
/**
|
|
42
|
-
* Without Logo story - Edge case testing
|
|
43
|
-
*/
|
|
44
|
-
export declare const WithoutLogo: ComponentStory<typeof NewHeader>;
|
|
45
|
-
/**
|
|
46
|
-
* Internationalization story
|
|
47
|
-
*/
|
|
48
|
-
export declare const WithInternationalization: ComponentStory<typeof NewHeader>;
|
|
49
|
-
/**
|
|
50
|
-
* Interactive Demo story
|
|
51
|
-
*/
|
|
52
|
-
export declare const InteractiveDemo: ComponentStory<typeof NewHeader>;
|
|
53
|
-
/**
|
|
54
|
-
* All Tenants Comparison
|
|
55
|
-
*/
|
|
56
|
-
export declare const AllTenants: {
|
|
57
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
parameters: {
|
|
59
|
-
docs: {
|
|
60
|
-
description: {
|
|
61
|
-
story: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Responsive Demo story
|
|
68
|
-
*/
|
|
69
|
-
export declare const ResponsiveDemo: {
|
|
70
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
71
|
-
parameters: {
|
|
72
|
-
docs: {
|
|
73
|
-
description: {
|
|
74
|
-
story: string;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* Kitchen Sink story - All features
|
|
81
|
-
*/
|
|
82
|
-
export declare const KitchenSink: ComponentStory<typeof NewHeader>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { OptionButton } from '../components/OptionButton';
|
|
3
|
-
declare const _default: ComponentMeta<typeof OptionButton>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof OptionButton>;
|
|
6
|
-
export declare const Selected: ComponentStory<typeof OptionButton>;
|
|
7
|
-
export declare const WithIcon: ComponentStory<typeof OptionButton>;
|
|
8
|
-
export declare const Disabled: ComponentStory<typeof OptionButton>;
|
|
9
|
-
export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const MultipleOptions: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const WithCIMBTheme: ComponentStory<typeof OptionButton>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
6
|
-
export declare const WithLogo: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
7
|
-
export declare const WithoutIndicator: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
8
|
-
export declare const AnnualBilling: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
9
|
-
export declare const NoPlan: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Product Selection Drawer Stories
|
|
3
|
-
*/
|
|
4
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
5
|
-
import { ProductSelectionDrawer } from '../components/ProductSelectionDrawer';
|
|
6
|
-
declare const meta: Meta<typeof ProductSelectionDrawer>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof ProductSelectionDrawer>;
|
|
9
|
-
/**
|
|
10
|
-
* Default story showing the product selection drawer
|
|
11
|
-
*/
|
|
12
|
-
export declare const Default: Story;
|
|
13
|
-
/**
|
|
14
|
-
* Story with custom text
|
|
15
|
-
*/
|
|
16
|
-
export declare const CustomText: Story;
|
|
17
|
-
/**
|
|
18
|
-
* Story with fewer products
|
|
19
|
-
*/
|
|
20
|
-
export declare const TwoProducts: Story;
|
|
21
|
-
/**
|
|
22
|
-
* Interactive story with button to open drawer
|
|
23
|
-
*/
|
|
24
|
-
export declare const Interactive: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { QuestionSection } from '../components/QuestionSection';
|
|
3
|
-
declare const _default: ComponentMeta<typeof QuestionSection>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof QuestionSection>;
|
|
6
|
-
export declare const WithSelection: ComponentStory<typeof QuestionSection>;
|
|
7
|
-
export declare const WithoutNumber: ComponentStory<typeof QuestionSection>;
|
|
8
|
-
export declare const MultipleSelection: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const WithCustomRenderer: ComponentStory<typeof QuestionSection>;
|
|
10
|
-
export declare const LongQuestion: ComponentStory<typeof QuestionSection>;
|
|
11
|
-
export declare const WithCIMBTheme: ComponentStory<typeof QuestionSection>;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* RecommendationsDrawer Storybook Stories
|
|
3
|
-
* Interactive testing for recommendations drawer and form components
|
|
4
|
-
*/
|
|
5
|
-
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
6
|
-
import { RecommendationsDrawer } from '../components/RecommendationsDrawer';
|
|
7
|
-
declare const _default: ComponentMeta<typeof RecommendationsDrawer>;
|
|
8
|
-
export default _default;
|
|
9
|
-
export declare const Default: ComponentStory<typeof RecommendationsDrawer>;
|
|
10
|
-
export declare const CompleteQuestionnaire: {
|
|
11
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
parameters: {
|
|
13
|
-
docs: {
|
|
14
|
-
description: {
|
|
15
|
-
story: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export declare const SingleQuestion: () => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare const WithBackButton: () => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare const WithToggleGroup: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const OptionButtonsShowcase: () => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export declare const CustomFooter: () => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export declare const WithoutFooter: () => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export declare const TravelInsuranceExample: {
|
|
27
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
story: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export declare const MobileViewport: ComponentStory<typeof RecommendationsDrawer>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import { ToggleGroup } from '../components/ToggleGroup';
|
|
3
|
-
declare const _default: ComponentMeta<typeof ToggleGroup>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof ToggleGroup>;
|
|
6
|
-
export declare const ThreeOptions: ComponentStory<typeof ToggleGroup>;
|
|
7
|
-
export declare const WithoutIcons: ComponentStory<typeof ToggleGroup>;
|
|
8
|
-
export declare const WithImageIcons: ComponentStory<typeof ToggleGroup>;
|
|
9
|
-
export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const WithCIMBTheme: ComponentStory<typeof ToggleGroup>;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tenant Typography Configurations
|
|
3
|
-
* Centralized typography definitions for all tenants
|
|
4
|
-
* Based on b2c-web-demo typography structure
|
|
5
|
-
*/
|
|
6
|
-
import { TenantId } from '../types/tenant';
|
|
7
|
-
export interface TypographyVariant {
|
|
8
|
-
fontSize: string;
|
|
9
|
-
fontStyle?: string;
|
|
10
|
-
fontWeight: number | string;
|
|
11
|
-
lineHeight: string;
|
|
12
|
-
'@media (max-width:600px)'?: {
|
|
13
|
-
fontSize: string;
|
|
14
|
-
fontStyle?: string;
|
|
15
|
-
fontWeight: number | string;
|
|
16
|
-
lineHeight: string;
|
|
17
|
-
};
|
|
18
|
-
'@media (min-width:600px)'?: {
|
|
19
|
-
fontSize?: string;
|
|
20
|
-
fontStyle?: string;
|
|
21
|
-
fontWeight?: number | string;
|
|
22
|
-
lineHeight?: string;
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
export interface TenantTypographyConfig {
|
|
26
|
-
fontFamily: string;
|
|
27
|
-
fontWeightRegular: number;
|
|
28
|
-
fontWeightMedium: number;
|
|
29
|
-
fontWeightSemiBold: number;
|
|
30
|
-
fontWeightBold: number;
|
|
31
|
-
fontWeightExtraBold: number;
|
|
32
|
-
fontWeightExtraBlack: number;
|
|
33
|
-
H1?: TypographyVariant;
|
|
34
|
-
h1?: TypographyVariant;
|
|
35
|
-
h2?: TypographyVariant;
|
|
36
|
-
h3?: TypographyVariant;
|
|
37
|
-
h4?: TypographyVariant;
|
|
38
|
-
bodyStrongLarge?: TypographyVariant;
|
|
39
|
-
bodyStrongMedium?: TypographyVariant;
|
|
40
|
-
bodyStrongSmall?: TypographyVariant;
|
|
41
|
-
bodyLarge?: TypographyVariant;
|
|
42
|
-
bodyMedium?: TypographyVariant;
|
|
43
|
-
bodySmall?: TypographyVariant;
|
|
44
|
-
smallText?: TypographyVariant;
|
|
45
|
-
[key: string]: any;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Igloo Typography Configuration
|
|
49
|
-
*/
|
|
50
|
-
export declare const iglooTypography: TenantTypographyConfig;
|
|
51
|
-
/**
|
|
52
|
-
* CIMB Typography Configuration
|
|
53
|
-
*/
|
|
54
|
-
export declare const cimbTypography: TenantTypographyConfig;
|
|
55
|
-
/**
|
|
56
|
-
* AmmetLife Typography Configuration
|
|
57
|
-
*/
|
|
58
|
-
export declare const ammetlifeTypography: TenantTypographyConfig;
|
|
59
|
-
/**
|
|
60
|
-
* Typography Registry
|
|
61
|
-
* Map of tenant IDs to their typography configurations
|
|
62
|
-
*/
|
|
63
|
-
export declare const tenantTypography: Record<TenantId, TenantTypographyConfig>;
|
|
64
|
-
/**
|
|
65
|
-
* Get typography configuration by tenant ID
|
|
66
|
-
* @param tenantId - The tenant identifier
|
|
67
|
-
* @returns Typography configuration for the specified tenant
|
|
68
|
-
*/
|
|
69
|
-
export declare function getTenantTypography(tenantId: TenantId): TenantTypographyConfig;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Asset Management Utilities
|
|
3
|
-
* Helper functions for managing tenant-specific assets
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Hook to get tenant-specific asset URL
|
|
7
|
-
* @param assetPath - Relative path to asset within tenant folder
|
|
8
|
-
* @returns Full path to tenant-specific asset
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* const bannerImage = useTenantAsset('promotional-banner.jpg')
|
|
13
|
-
* <img src={bannerImage} alt="Promo" />
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export declare function useTenantAsset(assetPath: string): string;
|
|
17
|
-
/**
|
|
18
|
-
* Hook to get tenant logo URL
|
|
19
|
-
* @param variant - Logo variant ('default' | 'dark' | 'alt' | 'white')
|
|
20
|
-
* @returns Logo URL from theme configuration
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* ```tsx
|
|
24
|
-
* const logo = useTenantLogo()
|
|
25
|
-
* const darkLogo = useTenantLogo('dark')
|
|
26
|
-
* <img src={logo} alt="Logo" />
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export declare function useTenantLogo(variant?: 'default' | 'dark' | 'alt' | 'white'): string;
|
|
30
|
-
/**
|
|
31
|
-
* Hook to get tenant favicon URL
|
|
32
|
-
* @returns Favicon URL from theme configuration
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* const favicon = useTenantFavicon()
|
|
37
|
-
* <link rel="icon" href={favicon} />
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export declare function useTenantFavicon(): string;
|
|
41
|
-
/**
|
|
42
|
-
* Get tenant asset path (non-hook version for use outside components)
|
|
43
|
-
* @param tenantId - Tenant identifier
|
|
44
|
-
* @param assetPath - Relative path to asset
|
|
45
|
-
* @returns Full asset path
|
|
46
|
-
*/
|
|
47
|
-
export declare function getTenantAssetPath(tenantId: string, assetPath: string): string;
|
|
48
|
-
/**
|
|
49
|
-
* Get tenant logo path (non-hook version)
|
|
50
|
-
* @param tenantId - Tenant identifier
|
|
51
|
-
* @param variant - Logo variant
|
|
52
|
-
* @returns Logo path
|
|
53
|
-
*/
|
|
54
|
-
export declare function getTenantLogoPath(tenantId: string, variant?: 'default' | 'dark' | 'alt' | 'white'): string;
|