igloo-d2c-components 1.0.35 → 1.0.37
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 -1
- package/dist/cjs/index.js +204 -96
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +204 -96
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/CheckoutFormButton/styled.d.ts +9 -0
- package/dist/types/components/DesktopHeaderMenuBar/types.d.ts +2 -0
- package/dist/types/components/HealthInformationForm/HealthInformationForm.d.ts +6 -0
- package/dist/types/components/HealthQuestionGroup/HealthQuestionGroup.d.ts +13 -0
- package/dist/types/components/HealthQuestionGroup/index.d.ts +1 -1
- package/dist/types/components/OptionButton/OptionButton.d.ts +1 -0
- package/dist/types/components/OptionButton/styled.d.ts +1 -1
- package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts +14 -5
- package/dist/types/components/ProductSelectionDrawer/styled.d.ts +35 -6
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Checkout Form Button - styled components
|
|
3
|
+
* Aligns with Figma button design system (node 133-11111)
|
|
4
|
+
*
|
|
5
|
+
* Filled button tokens:
|
|
6
|
+
* - Default: #0090da bg, #ffffff text
|
|
7
|
+
* - Hover: #007AC1
|
|
8
|
+
* - Disabled: #f2f2f2 bg, #75787b text, 1px solid #a7a8aa
|
|
9
|
+
*/
|
|
1
10
|
/// <reference types="react" />
|
|
2
11
|
export declare const ButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
12
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -67,6 +67,8 @@ export interface LanguageOption {
|
|
|
67
67
|
value: string;
|
|
68
68
|
/** Locale shorthand (e.g., 'en', 'id') */
|
|
69
69
|
locale: string;
|
|
70
|
+
/** Short display code for trigger (e.g., 'EN', 'BM'). Falls back to locale uppercased if omitted */
|
|
71
|
+
shortCode?: string;
|
|
70
72
|
}
|
|
71
73
|
export interface DesktopHeaderMenuBarProps {
|
|
72
74
|
/**
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { SxProps, Theme } from '@mui/material';
|
|
6
6
|
import * as React from 'react';
|
|
7
|
+
import { HealthQuestionOptionButtonProps } from '../HealthQuestionGroup';
|
|
7
8
|
export interface HealthInformationField {
|
|
8
9
|
name: string;
|
|
9
10
|
label: string;
|
|
@@ -82,5 +83,10 @@ export interface HealthInformationFormProps {
|
|
|
82
83
|
* Enable desktop grid layout (2 columns for measurements, max-width 938px)
|
|
83
84
|
*/
|
|
84
85
|
desktopGridLayout?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Custom OptionButton component (e.g. from sales-portal) for health Yes/No options.
|
|
88
|
+
* When provided, uses this instead of the default library OptionButton.
|
|
89
|
+
*/
|
|
90
|
+
OptionButtonComponent?: React.ComponentType<HealthQuestionOptionButtonProps>;
|
|
85
91
|
}
|
|
86
92
|
export declare const HealthInformationForm: React.FC<HealthInformationFormProps>;
|
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { SxProps, Theme } from '@mui/material';
|
|
6
6
|
import * as React from 'react';
|
|
7
|
+
/** Props for custom option button component (e.g. OptionButton from sales-portal) */
|
|
8
|
+
export interface HealthQuestionOptionButtonProps {
|
|
9
|
+
variant?: string;
|
|
10
|
+
selected: boolean;
|
|
11
|
+
onClick: () => void;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
fullWidth?: boolean;
|
|
14
|
+
}
|
|
7
15
|
export interface HealthQuestionGroupProps {
|
|
8
16
|
/**
|
|
9
17
|
* Question text
|
|
@@ -37,5 +45,10 @@ export interface HealthQuestionGroupProps {
|
|
|
37
45
|
* Optional custom styles
|
|
38
46
|
*/
|
|
39
47
|
sx?: SxProps<Theme>;
|
|
48
|
+
/**
|
|
49
|
+
* Custom OptionButton component (e.g. from sales-portal) for Yes/No options.
|
|
50
|
+
* When provided, uses this instead of the default library OptionButton.
|
|
51
|
+
*/
|
|
52
|
+
OptionButtonComponent?: React.ComponentType<HealthQuestionOptionButtonProps>;
|
|
40
53
|
}
|
|
41
54
|
export declare const HealthQuestionGroup: React.FC<HealthQuestionGroupProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { HealthQuestionGroup } from './HealthQuestionGroup';
|
|
2
|
-
export type { HealthQuestionGroupProps } from './HealthQuestionGroup';
|
|
2
|
+
export type { HealthQuestionGroupProps, HealthQuestionOptionButtonProps, } from './HealthQuestionGroup';
|
|
@@ -40,6 +40,7 @@ export interface OptionButtonProps {
|
|
|
40
40
|
* Style variant
|
|
41
41
|
* - 'default': Lighter colors for recommendations/questionnaires
|
|
42
42
|
* - 'form': Darker colors for forms (gender selection, health questions)
|
|
43
|
+
* - 'formLightBorder': Same as form but with lighter unselected border (#E0E0E0)
|
|
43
44
|
*/
|
|
44
45
|
variant?: OptionButtonVariant;
|
|
45
46
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export type OptionButtonVariant = 'default' | 'form';
|
|
2
|
+
export type OptionButtonVariant = 'default' | 'form' | 'formLightBorder';
|
|
3
3
|
export declare const StyledOptionButton: 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"> & {
|
|
4
4
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
5
5
|
}, "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> & {
|
|
@@ -20,6 +20,19 @@ export interface Product {
|
|
|
20
20
|
* URL or path to the product logo
|
|
21
21
|
*/
|
|
22
22
|
logo: string;
|
|
23
|
+
/**
|
|
24
|
+
* Optional category label above card (e.g., "Medical", "Critical Illness").
|
|
25
|
+
* Falls back to type if not provided.
|
|
26
|
+
*/
|
|
27
|
+
subtitle?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Optional icon URL for bottom bar. Falls back to logo if not provided.
|
|
30
|
+
*/
|
|
31
|
+
icon?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Optional background image for the card. When absent, shows placeholder gradient.
|
|
34
|
+
*/
|
|
35
|
+
cardImage?: string;
|
|
23
36
|
}
|
|
24
37
|
export interface ProductSelectionDrawerProps {
|
|
25
38
|
/**
|
|
@@ -46,14 +59,10 @@ export interface ProductSelectionDrawerProps {
|
|
|
46
59
|
* Optional subtitle text
|
|
47
60
|
*/
|
|
48
61
|
subtitle?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Optional custom text for the view plans button
|
|
51
|
-
*/
|
|
52
|
-
viewPlansButtonText?: string;
|
|
53
62
|
/**
|
|
54
63
|
* Variant: 'drawer' for mobile bottom sheet, 'dialog' for desktop modal
|
|
55
64
|
* @default 'drawer'
|
|
56
65
|
*/
|
|
57
66
|
variant?: 'drawer' | 'dialog';
|
|
58
67
|
}
|
|
59
|
-
export declare function ProductSelectionDrawer({ open, onClose, products, onProductSelect, title, subtitle,
|
|
68
|
+
export declare function ProductSelectionDrawer({ open, onClose, products, onProductSelect, title, subtitle, variant, }: ProductSelectionDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,9 +13,12 @@ export declare const DialogHeaderSubtitle: import("@emotion/styled").StyledCompo
|
|
|
13
13
|
export declare const DialogContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
14
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
15
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
16
|
+
/** Product grid for dialog - matches featured-form-section ProductGrid from life-landing-page */
|
|
16
17
|
export declare const DialogProductsGrid: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
18
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
19
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
20
|
+
productCount?: number | undefined;
|
|
21
|
+
}, {}, {}>;
|
|
19
22
|
export declare const DialogProductCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
20
23
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
24
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -49,24 +52,50 @@ export declare const HeaderSubtitle: import("@emotion/styled").StyledComponent<i
|
|
|
49
52
|
export declare const ProductsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
50
53
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
51
54
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
55
|
+
/** Product grid - matches featured-form-section ProductGrid from life-landing-page */
|
|
52
56
|
export declare const ProductsGrid: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
53
57
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
58
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
59
|
+
productCount?: number | undefined;
|
|
60
|
+
}, {}, {}>;
|
|
61
|
+
/** Category label above the product card (e.g., "Medical", "Critical Illness") */
|
|
62
|
+
export declare const ProductCategoryLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
63
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
64
|
+
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "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" | "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>, {}, {}>;
|
|
65
|
+
/** Product card wrapper: includes category label + card */
|
|
66
|
+
export declare const ProductCardWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
67
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
54
68
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
69
|
+
/** Product card - square, clickable, matches featured-form-section design */
|
|
55
70
|
export declare const ProductCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
56
71
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
57
72
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
58
|
-
|
|
73
|
+
/** Background image that fills the product card */
|
|
74
|
+
export declare const ProductCardImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
75
|
+
/** Placeholder gradient when no card image is provided */
|
|
76
|
+
export declare const ProductCardPlaceholder: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
59
77
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
60
78
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
61
|
-
|
|
79
|
+
/** White bottom bar with logo + product name */
|
|
80
|
+
export declare const ProductCardBottomBar: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
81
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
82
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
83
|
+
/** Icon inside the bottom bar */
|
|
84
|
+
export declare const ProductIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
62
85
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
63
86
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
64
87
|
export declare const ProductName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
65
88
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
66
89
|
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "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" | "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>, {}, {}>;
|
|
90
|
+
/** @deprecated Use ProductCategoryLabel - kept for Dialog variant */
|
|
67
91
|
export declare const ProductType: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
68
92
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
69
93
|
}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "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" | "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>, {}, {}>;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
94
|
+
/** @deprecated Use new ProductCard - kept for Dialog variant */
|
|
95
|
+
export declare const ProductInfo: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
96
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
97
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
98
|
+
/** @deprecated Use ProductIcon - kept for Dialog variant */
|
|
99
|
+
export declare const ProductLogo: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
100
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
101
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export type { CheckoutHeaderProps } from './components/CheckoutHeader';
|
|
|
48
48
|
export { CheckoutFormButton } from './components/CheckoutFormButton';
|
|
49
49
|
export type { CheckoutFormButtonProps } from './components/CheckoutFormButton';
|
|
50
50
|
export { HealthQuestionGroup } from './components/HealthQuestionGroup';
|
|
51
|
-
export type { HealthQuestionGroupProps } from './components/HealthQuestionGroup';
|
|
51
|
+
export type { HealthQuestionGroupProps, HealthQuestionOptionButtonProps, } from './components/HealthQuestionGroup';
|
|
52
52
|
export { PersonalInformationForm } from './components/PersonalInformationForm';
|
|
53
53
|
export type { PersonalInformationField, PersonalInformationFormProps } from './components/PersonalInformationForm';
|
|
54
54
|
export { ContactDetailsForm } from './components/ContactDetailsForm';
|
package/package.json
CHANGED