@useloops/design-system 1.4.289 → 1.4.291

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { Dispatch, SetStateAction, FunctionComponent, ReactElement, PropsWithChildren, ChangeEvent, FC, ReactNode } from 'react';
+import react__default, { FunctionComponent, Dispatch, SetStateAction, ReactElement, PropsWithChildren, ChangeEvent, FC, ReactNode } from 'react';
 import * as _mui_material from '@mui/material';
 import { SxProps, Theme, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, LinkProps as LinkProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, ChipProps as ChipProps$1, PaletteMode, Direction } from '@mui/material';
 import { PopupState } from 'material-ui-popup-state/hooks';
@@ -577,6 +577,7 @@ interface CustomTheme {
             default: string;
             disabled: string;
         };
+        body: string;
     };
     margin: {
         none: number;
@@ -654,6 +655,91 @@ interface CustomTheme {
     };
 }
 
+interface PlanHeading {
+    heading: string;
+    pricing: string;
+}
+interface PlanRow {
+    heading: string;
+    description: string;
+    tier1: string;
+    tier2: string;
+    tier3: string;
+    tier4: string;
+}
+interface PlanFeatureTableData {
+    headings: {
+        '01-tier1': PlanHeading;
+        '02-tier2': PlanHeading;
+        '03-tier3': PlanHeading;
+        '04-tier4': PlanHeading;
+    };
+    rows: {
+        '01-servicing': PlanRow;
+        '02-respondents': PlanRow;
+        '03-questions': PlanRow;
+        '04-ai': PlanRow;
+        '05-demographics': PlanRow;
+        '06-training': PlanRow;
+        '07-invite': PlanRow;
+        '08-email': PlanRow;
+        '09-beta': PlanRow;
+        '10-sso': PlanRow;
+        '11-minimum': PlanRow;
+    };
+}
+
+interface PlanFeatureTableProps {
+    currencySymbol: string;
+    data?: PlanFeatureTableData;
+    loading?: boolean;
+    tier1Price: number | string;
+    tier1RespondentPrice: number | string;
+    tier1QuestionLimit: number | string;
+    tier2Price: number | string;
+    tier2RespondentPrice: number | string;
+    tier2QuestionLimit: number | string;
+    tier3Price: number | string;
+    tier3RespondentPrice: number | string;
+    tier3QuestionLimit: number | string;
+    tier4Price: number | string;
+    tier4RespondentPrice: number | string;
+    tier4QuestionLimit: number | string;
+    variation?: 'default' | 'platform';
+}
+declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
+
+type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
+interface PlanTierCardProps {
+    amount: string;
+    billingType?: string;
+    body: string;
+    ctaEvent?: (heading: string) => void;
+    ctaLink?: string;
+    ctaTarget?: string;
+    ctaText: string;
+    ctaVariation?: 'primary' | 'secondary' | 'outlined';
+    currencySymbol: string;
+    currentPlan?: boolean;
+    features?: string[];
+    heading: string;
+    label?: string;
+    loading?: boolean;
+    perMonth: string;
+    respondentsTitle?: string;
+    respondentsFeatures?: string[];
+    saving?: string;
+    sectionHeights: Record<Section, number>;
+    updateSectionHeight?: (section: Section, height: number) => void;
+}
+declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;
+
+interface TickGroupProps {
+    heading: string;
+    ticks: string[];
+}
+declare const TickGroup: FunctionComponent<TickGroupProps>;
+
 declare const emailValidation: {
     pattern: {
         value: RegExp;
@@ -1195,6 +1281,7 @@ interface IconButtonGroupProps {
 declare const IconButtonGroup: FunctionComponent<IconButtonGroupProps>;
 
 interface ImageProps extends LazyLoadImageProps {
+    containerSx: SxProps<Theme>;
 }
 declare const Image: FunctionComponent<ImageProps>;
 
@@ -1689,6 +1776,7 @@ interface HeaderProps {
     sx?: SxProps<Theme>;
     slotProps?: {
         titleIconButton?: Omit<IconButtonProps, 'icon'>;
+        container?: ContainerProps;
     };
 }
 declare const Header: FunctionComponent<HeaderProps>;
@@ -1830,91 +1918,6 @@ interface TestItemProps extends SurfaceProps {
 }
 declare const TestItem: react__default.FC<TestItemProps>;
 
-interface PlanHeading {
-    heading: string;
-    pricing: string;
-}
-interface PlanRow {
-    heading: string;
-    description: string;
-    tier1: string;
-    tier2: string;
-    tier3: string;
-    tier4: string;
-}
-interface PlanFeatureTableData {
-    headings: {
-        '01-tier1': PlanHeading;
-        '02-tier2': PlanHeading;
-        '03-tier3': PlanHeading;
-        '04-tier4': PlanHeading;
-    };
-    rows: {
-        '01-servicing': PlanRow;
-        '02-respondents': PlanRow;
-        '03-questions': PlanRow;
-        '04-ai': PlanRow;
-        '05-demographics': PlanRow;
-        '06-training': PlanRow;
-        '07-invite': PlanRow;
-        '08-email': PlanRow;
-        '09-beta': PlanRow;
-        '10-sso': PlanRow;
-        '11-minimum': PlanRow;
-    };
-}
-
-interface PlanFeatureTableProps {
-    currencySymbol: string;
-    data?: PlanFeatureTableData;
-    loading?: boolean;
-    tier1Price: number | string;
-    tier1RespondentPrice: number | string;
-    tier1QuestionLimit: number | string;
-    tier2Price: number | string;
-    tier2RespondentPrice: number | string;
-    tier2QuestionLimit: number | string;
-    tier3Price: number | string;
-    tier3RespondentPrice: number | string;
-    tier3QuestionLimit: number | string;
-    tier4Price: number | string;
-    tier4RespondentPrice: number | string;
-    tier4QuestionLimit: number | string;
-    variation?: 'default' | 'platform';
-}
-declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
-
-type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
-interface PlanTierCardProps {
-    amount: string;
-    billingType?: string;
-    body: string;
-    ctaEvent?: (heading: string) => void;
-    ctaLink?: string;
-    ctaTarget?: string;
-    ctaText: string;
-    ctaVariation?: 'primary' | 'secondary' | 'outlined';
-    currencySymbol: string;
-    currentPlan?: boolean;
-    features?: string[];
-    heading: string;
-    label?: string;
-    loading?: boolean;
-    perMonth: string;
-    respondentsTitle?: string;
-    respondentsFeatures?: string[];
-    saving?: string;
-    sectionHeights: Record<Section, number>;
-    updateSectionHeight?: (section: Section, height: number) => void;
-}
-declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;
-
-interface TickGroupProps {
-    heading: string;
-    ticks: string[];
-}
-declare const TickGroup: FunctionComponent<TickGroupProps>;
-
 type BreakpointOrNull = Breakpoint | null;
 declare const useBreakpoint: () => Breakpoint;
 
@@ -2043,6 +2046,7 @@ declare module '@mui/material/styles' {
                     default?: string;
                     disabled?: string;
                 };
+                body?: string;
             };
             margin?: {
                 none?: number;