igloo-d2c-components 1.0.34 → 1.0.36

package/dist/types/components/CheckoutFormButton/styled.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Checkout Form Button - styled components
+ * Aligns with Figma button design system (node 133-11111)
+ *
+ * Filled button tokens:
+ * - Default: #0090da bg, #ffffff text
+ * - Hover: #007AC1
+ * - Disabled: #f2f2f2 bg, #75787b text, 1px solid #a7a8aa
+ */
 /// <reference types="react" />
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/dist/types/components/ChildInformationForm/ChildInformationForm.d.ts

@@ -33,9 +33,35 @@ export interface ChildInformationFormProps {
     fields: {
         full_name: ChildInformationField;
         nric?: ChildInformationField;
+        salutation?: ChildInformationField;
         date_of_birth: ChildInformationField;
         gender: ChildInformationField;
         nationality: ChildInformationField;
+        place_of_birth?: ChildInformationField;
+        marital_status?: ChildInformationField;
+        race?: ChildInformationField;
+        religion?: ChildInformationField;
+        occupation?: ChildInformationField;
+        industry?: ChildInformationField;
+        crediting_bank_name?: ChildInformationField;
+        crediting_bank_account_number?: ChildInformationField;
+        annual_income?: ChildInformationField;
+    };
+    /**
+     * Consent checkboxes
+     */
+    consents?: {
+        bank_account_confirmation?: {
+            checked: boolean;
+            onChange: (checked: boolean) => void;
+            error?: string;
+            label?: string;
+        };
+        marketing_consent?: {
+            checked: boolean;
+            onChange: (checked: boolean) => void;
+            label?: string;
+        };
     };
     /**
      * Form submission handler

package/dist/types/components/ContactDetailsForm/ContactDetailsForm.d.ts

@@ -38,16 +38,24 @@ export interface ContactDetailsFormProps {
         residential_address_line1: ContactDetailsField;
         residential_address_line2: ContactDetailsField;
         postal_code: ContactDetailsField;
+        country?: ContactDetailsField;
         city: ContactDetailsField;
         state: ContactDetailsField;
     };
+    /**
+     * Whether this is for a child policy (changes section titles and mailing fields)
+     */
+    isForChild?: boolean;
     /**
      * Mailing address fields (optional - only needed when checkbox is checked)
      */
     mailingFields?: {
+        mailing_phone_number?: ContactDetailsField;
+        mailing_email_address?: ContactDetailsField;
         mailing_address_line1: ContactDetailsField;
         mailing_address_line2: ContactDetailsField;
         mailing_postal_code: ContactDetailsField;
+        mailing_country?: ContactDetailsField;
         mailing_city: ContactDetailsField;
         mailing_state: ContactDetailsField;
     };
@@ -59,6 +67,27 @@ export interface ContactDetailsFormProps {
         onChange: (checked: boolean) => void;
         label?: string;
     };
+    /**
+     * Child contact details fields (optional - for child checkout flow)
+     */
+    childContactFields?: {
+        child_phone_number: ContactDetailsField;
+        child_email_address: ContactDetailsField;
+        child_address_line1: ContactDetailsField;
+        child_address_line2: ContactDetailsField;
+        child_postal_code: ContactDetailsField;
+        child_country?: ContactDetailsField;
+        child_city: ContactDetailsField;
+        child_state: ContactDetailsField;
+    };
+    /**
+     * Child contact details checkbox
+     */
+    childContactNotSame?: {
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+        label?: string;
+    };
     /**
      * Form submission handler
      */

package/dist/types/components/DesktopHeaderMenuBar/DesktopHeaderMenuBar.d.ts

@@ -39,6 +39,6 @@ import { DesktopHeaderMenuBarProps } from './types';
  * @param onLogoClick - Handler for logo click
  * @param formatMessage - i18n function for translations
  */
-declare function DesktopHeaderMenuBar({ logo, logoAlt, menuItems, showLoginButton, loginButtonText, onLoginClick, showCtaButton, ctaButtonText, onCtaClick, ctaScrollTargetId, onScrollToSection, onLogoClick, formatMessage, className, }: DesktopHeaderMenuBarProps): import("react/jsx-runtime").JSX.Element;
+declare function DesktopHeaderMenuBar({ logo, logoAlt, menuItems, showLoginButton, loginButtonText, onLoginClick, showCtaButton, ctaButtonText, onCtaClick, ctaScrollTargetId, onScrollToSection, onLogoClick, formatMessage, className, languages, currentLocale, onLanguageChange, }: DesktopHeaderMenuBarProps): import("react/jsx-runtime").JSX.Element;
 export default DesktopHeaderMenuBar;
 export { DesktopHeaderMenuBar };

package/dist/types/components/DesktopHeaderMenuBar/index.d.ts

@@ -3,5 +3,5 @@
  * Based on Figma Design: Tech-Solution-V1.0 (node 1581-22604)
  */
 export { default, DesktopHeaderMenuBar } from './DesktopHeaderMenuBar';
-export type { DesktopHeaderMenuBarProps, MenuItemWithDropdown, SubMenuItem, } from './types';
+export type { DesktopHeaderMenuBarProps, LanguageOption, MenuItemWithDropdown, SubMenuItem, } from './types';
 export { PurchaseButton } from './styled';

package/dist/types/components/DesktopHeaderMenuBar/types.d.ts

@@ -60,6 +60,16 @@ export interface SubMenuItem {
      */
     href?: string;
 }
+export interface LanguageOption {
+    /** Display label (e.g., 'English', 'Bahasa Malaysia') */
+    label: string;
+    /** Language code (e.g., 'en-US', 'id-ID') */
+    value: string;
+    /** Locale shorthand (e.g., 'en', 'id') */
+    locale: string;
+    /** Short display code for trigger (e.g., 'EN', 'BM'). Falls back to locale uppercased if omitted */
+    shortCode?: string;
+}
 export interface DesktopHeaderMenuBarProps {
     /**
      * Logo image source
@@ -125,4 +135,16 @@ export interface DesktopHeaderMenuBarProps {
      * Custom class name for the container
      */
     className?: string;
+    /**
+     * Available languages for the language switcher
+     */
+    languages?: LanguageOption[];
+    /**
+     * Current locale (e.g., 'en', 'id')
+     */
+    currentLocale?: string;
+    /**
+     * Language change handler
+     */
+    onLanguageChange?: (locale: string, value: string) => void;
 }

package/dist/types/components/OptionButton/OptionButton.d.ts

@@ -40,6 +40,7 @@ export interface OptionButtonProps {
      * Style variant
      * - 'default': Lighter colors for recommendations/questionnaires
      * - 'form': Darker colors for forms (gender selection, health questions)
+     * - 'formLightBorder': Same as form but with lighter unselected border (#E0E0E0)
      */
     variant?: OptionButtonVariant;
     /**

package/dist/types/components/OptionButton/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type OptionButtonVariant = 'default' | 'form';
+export type OptionButtonVariant = 'default' | 'form' | 'formLightBorder';
 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "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> & {

package/dist/types/components/PersonalInformationForm/PersonalInformationForm.d.ts

@@ -39,6 +39,11 @@ export interface PersonalInformationFormProps {
         gender: PersonalInformationField;
         salutation: PersonalInformationField;
         nationality: PersonalInformationField;
+        place_of_birth?: PersonalInformationField;
+        marital_status?: PersonalInformationField;
+        race?: PersonalInformationField;
+        religion?: PersonalInformationField;
+        annual_income?: PersonalInformationField;
         occupation: PersonalInformationField;
         industry: PersonalInformationField;
         crediting_bank_name: PersonalInformationField;

package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts

@@ -20,6 +20,19 @@ export interface Product {
      * URL or path to the product logo
      */
     logo: string;
+    /**
+     * Optional category label above card (e.g., "Medical", "Critical Illness").
+     * Falls back to type if not provided.
+     */
+    subtitle?: string;
+    /**
+     * Optional icon URL for bottom bar. Falls back to logo if not provided.
+     */
+    icon?: string;
+    /**
+     * Optional background image for the card. When absent, shows placeholder gradient.
+     */
+    cardImage?: string;
 }
 export interface ProductSelectionDrawerProps {
     /**

package/dist/types/components/ProductSelectionDrawer/styled.d.ts

@@ -13,9 +13,12 @@ export declare const DialogHeaderSubtitle: import("@emotion/styled").StyledCompo
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** Product grid for dialog - matches featured-form-section ProductGrid from life-landing-page */
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    productCount?: number | undefined;
+}, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, 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
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** Product grid - matches featured-form-section ProductGrid from life-landing-page */
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    productCount?: number | undefined;
+}, {}, {}>;
+/** Category label above the product card (e.g., "Medical", "Critical Illness") */
+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"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "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>, {}, {}>;
+/** Product card wrapper: includes category label + card */
+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"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** Product card - square, clickable, matches featured-form-section design */
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-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"> & {
+/** Background image that fills the product card */
+export declare const ProductCardImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+/** Placeholder gradient when no card image is provided */
+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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-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"> & {
+/** White bottom bar with logo + product name */
+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"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** Icon inside the bottom bar */
+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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "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>, {}, {}>;
+/** @deprecated Use ProductCategoryLabel - kept for Dialog variant */
 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"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "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>, {}, {}>;
-export declare const ViewPlansButton: 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"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "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>, {}, {}>;
+/** @deprecated Use new ProductCard - kept for Dialog variant */
+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"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** @deprecated Use ProductIcon - kept for Dialog variant */
+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"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/components/RecommendationsDrawer/styled.d.ts

@@ -33,3 +33,6 @@ export declare const PrimaryButton: import("@emotion/styled").StyledComponent<im
 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "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>, {}, {}>;
+export declare const BackArrowButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/storybook-components/BillingToggle.stories.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 import { BillingToggle } from '../components/BillingToggle';
 declare const _default: ComponentMeta<typeof BillingToggle>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igloo-d2c-components",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "Reusable component library with tenant-aware theming for B2C applications",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",