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.
Files changed (105) hide show
  1. package/README.md +0 -18
  2. package/dist/cjs/index.js +41 -2551
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/index.js +41 -2501
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/types/{storybook-components → components/Banner}/Banner.stories.d.ts +1 -1
  7. package/dist/types/{storybook-components → components/Button}/Button.stories.d.ts +1 -1
  8. package/dist/types/{storybook-components → components/Card}/Card.stories.d.ts +1 -1
  9. package/dist/types/context/TenantThemeContext.d.ts +2 -3
  10. package/dist/types/index.d.ts +4 -48
  11. package/dist/types/themes/index.d.ts +1 -1
  12. package/dist/types/types/tenant.d.ts +2 -23
  13. package/dist/types/utils/theme.d.ts +2 -3
  14. package/package.json +2 -4
  15. package/dist/assets/icons/alert.svg +0 -5
  16. package/dist/assets/icons/arrow-down.svg +0 -3
  17. package/dist/assets/icons/arrow.svg +0 -9
  18. package/dist/assets/icons/close.svg +0 -4
  19. package/dist/assets/icons/facebook.svg +0 -3
  20. package/dist/assets/icons/index.ts +0 -26
  21. package/dist/assets/icons/instagram.svg +0 -11
  22. package/dist/assets/icons/youtube.svg +0 -11
  23. package/dist/assets/index.ts +0 -13
  24. package/dist/assets/tenants/ammetlife/logo.svg +0 -10
  25. package/dist/assets/tenants/cimb/logo-white.png +0 -0
  26. package/dist/assets/tenants/cimb/logo.svg +0 -62
  27. package/dist/assets/tenants/igloo/logo.svg +0 -22
  28. package/dist/types/assets/icons/index.d.ts +0 -21
  29. package/dist/types/assets/index.d.ts +0 -9
  30. package/dist/types/components/BillingToggle/BillingToggle.d.ts +0 -34
  31. package/dist/types/components/BillingToggle/index.d.ts +0 -3
  32. package/dist/types/components/BillingToggle/styled.d.ts +0 -12
  33. package/dist/types/components/CheckoutFormButton/CheckoutFormButton.d.ts +0 -39
  34. package/dist/types/components/CheckoutFormButton/index.d.ts +0 -2
  35. package/dist/types/components/CheckoutFormButton/styled.d.ts +0 -9
  36. package/dist/types/components/CheckoutHeader/CheckoutHeader.d.ts +0 -41
  37. package/dist/types/components/CheckoutHeader/index.d.ts +0 -2
  38. package/dist/types/components/CheckoutHeader/styled.d.ts +0 -15
  39. package/dist/types/components/CheckoutProgress/CheckoutProgress.d.ts +0 -35
  40. package/dist/types/components/CheckoutProgress/index.d.ts +0 -2
  41. package/dist/types/components/CheckoutProgress/styled.d.ts +0 -16
  42. package/dist/types/components/ChildInformationForm/ChildInformationForm.d.ts +0 -52
  43. package/dist/types/components/ChildInformationForm/index.d.ts +0 -2
  44. package/dist/types/components/ChildInformationForm/styled.d.ts +0 -4
  45. package/dist/types/components/ContactDetailsForm/ContactDetailsForm.d.ts +0 -63
  46. package/dist/types/components/ContactDetailsForm/index.d.ts +0 -2
  47. package/dist/types/components/ContactDetailsForm/styled.d.ts +0 -10
  48. package/dist/types/components/CoverageAmountSlider/CoverageAmountSlider.d.ts +0 -57
  49. package/dist/types/components/CoverageAmountSlider/index.d.ts +0 -3
  50. package/dist/types/components/CoverageAmountSlider/styled.d.ts +0 -50
  51. package/dist/types/components/Footer/Footer.d.ts +0 -94
  52. package/dist/types/components/Footer/index.d.ts +0 -3
  53. package/dist/types/components/Footer/styled.d.ts +0 -38
  54. package/dist/types/components/Header/Header.d.ts +0 -159
  55. package/dist/types/components/Header/index.d.ts +0 -3
  56. package/dist/types/components/Header/styled.d.ts +0 -80
  57. package/dist/types/components/HealthInformationForm/HealthInformationForm.d.ts +0 -81
  58. package/dist/types/components/HealthInformationForm/index.d.ts +0 -2
  59. package/dist/types/components/HealthInformationForm/styled.d.ts +0 -4
  60. package/dist/types/components/HealthQuestionGroup/HealthQuestionGroup.d.ts +0 -40
  61. package/dist/types/components/HealthQuestionGroup/index.d.ts +0 -2
  62. package/dist/types/components/HealthQuestionGroup/styled.d.ts +0 -20
  63. package/dist/types/components/InfoCallout/InfoCallout.d.ts +0 -34
  64. package/dist/types/components/InfoCallout/index.d.ts +0 -3
  65. package/dist/types/components/InfoCallout/styled.d.ts +0 -16
  66. package/dist/types/components/NewHeader/NewHeader.d.ts +0 -60
  67. package/dist/types/components/NewHeader/index.d.ts +0 -3
  68. package/dist/types/components/NewHeader/styled.d.ts +0 -26
  69. package/dist/types/components/OptionButton/OptionButton.d.ts +0 -59
  70. package/dist/types/components/OptionButton/index.d.ts +0 -3
  71. package/dist/types/components/OptionButton/styled.d.ts +0 -18
  72. package/dist/types/components/PersonalInformationForm/PersonalInformationForm.d.ts +0 -75
  73. package/dist/types/components/PersonalInformationForm/index.d.ts +0 -2
  74. package/dist/types/components/PersonalInformationForm/styled.d.ts +0 -10
  75. package/dist/types/components/ProductCard/ProductCard.d.ts +0 -43
  76. package/dist/types/components/ProductCard/index.d.ts +0 -2
  77. package/dist/types/components/ProductCard/styled.d.ts +0 -27
  78. package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts +0 -54
  79. package/dist/types/components/ProductSelectionDrawer/index.d.ts +0 -3
  80. package/dist/types/components/ProductSelectionDrawer/styled.d.ts +0 -44
  81. package/dist/types/components/QuestionSection/QuestionSection.d.ts +0 -71
  82. package/dist/types/components/QuestionSection/index.d.ts +0 -3
  83. package/dist/types/components/QuestionSection/styled.d.ts +0 -16
  84. package/dist/types/components/RecommendationsDrawer/RecommendationsDrawer.d.ts +0 -92
  85. package/dist/types/components/RecommendationsDrawer/index.d.ts +0 -3
  86. package/dist/types/components/RecommendationsDrawer/styled.d.ts +0 -35
  87. package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +0 -45
  88. package/dist/types/components/ToggleGroup/index.d.ts +0 -3
  89. package/dist/types/components/ToggleGroup/styled.d.ts +0 -17
  90. package/dist/types/storybook-components/BillingToggle.stories.d.ts +0 -10
  91. package/dist/types/storybook-components/CheckoutProgress.stories.d.ts +0 -9
  92. package/dist/types/storybook-components/CoverageAmountSlider.stories.d.ts +0 -14
  93. package/dist/types/storybook-components/Footer.stories.d.ts +0 -10
  94. package/dist/types/storybook-components/Header.stories.d.ts +0 -9
  95. package/dist/types/storybook-components/HealthQuestionGroup.stories.d.ts +0 -9
  96. package/dist/types/storybook-components/InfoCallout.stories.d.ts +0 -11
  97. package/dist/types/storybook-components/NewHeader.stories.d.ts +0 -82
  98. package/dist/types/storybook-components/OptionButton.stories.d.ts +0 -12
  99. package/dist/types/storybook-components/ProductCard.stories.d.ts +0 -9
  100. package/dist/types/storybook-components/ProductSelectionDrawer.stories.d.ts +0 -24
  101. package/dist/types/storybook-components/QuestionSection.stories.d.ts +0 -11
  102. package/dist/types/storybook-components/RecommendationsDrawer.stories.d.ts +0 -36
  103. package/dist/types/storybook-components/ToggleGroup.stories.d.ts +0 -10
  104. package/dist/types/themes/typography.d.ts +0 -69
  105. 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,3 +0,0 @@
1
- export { RecommendationsDrawer } from './RecommendationsDrawer';
2
- export type { RecommendationsDrawerProps } from './RecommendationsDrawer';
3
- export * from './styled';
@@ -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,3 +0,0 @@
1
- export { ToggleGroup } from './ToggleGroup';
2
- export type { ToggleGroupProps, ToggleOption } from './ToggleGroup';
3
- export * from './styled';
@@ -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;