@useloops/design-system 1.4.504 → 1.4.506

package/dist/index.d.ts

@@ -9,11 +9,11 @@ import { MotionProps } from 'framer-motion';
 import { SemanticColor as SemanticColor$1 } from 'systems/BrandCore';
 import { IconName as IconName$1 } from 'systems/BrandCore/Icon';
 import { KpiIndicatorProps as KpiIndicatorProps$1 } from 'systems/Platform/KpiIndicator';
+import { SurfaceProps as SurfaceProps$1, EmojiWrapperProps as EmojiWrapperProps$1, TypographyProps as TypographyProps$2, IconButtonProps as IconButtonProps$2 } from 'systems/WebCore';
 import { BoxProps as BoxProps$1 } from '@mui/material/Box';
 import { IconProps as IconProps$1 } from 'systems/BrandCore/Icon/Icon';
 import { TooltipProps as TooltipProps$2 } from 'systems/WebCore/Tooltip';
 import { KpiIndicatorColor as KpiIndicatorColor$1 } from 'systems/Platform/KpiIndicator/utils';
-import { TypographyProps as TypographyProps$2, SurfaceProps as SurfaceProps$1, EmojiWrapperProps as EmojiWrapperProps$1, IconButtonProps as IconButtonProps$2 } from 'systems/WebCore';
 import { ChipProps } from '@mui/material/Chip';
 import { SubmitHandler } from 'react-hook-form';
 import { NumericFormatProps } from 'react-number-format';
@@ -935,6 +935,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     type?: 'default' | 'button';
     variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     weight?: 'default' | 'bold';
+    monospaced?: boolean;
     sx?: SxProps<Theme>;
 }
 declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
@@ -2061,6 +2062,50 @@ interface DataPointInfoProps {
 
 declare const DataPointInfo: react.ForwardRefExoticComponent<DataPointInfoProps & react.RefAttributes<HTMLDivElement>>;
 
+interface DemographicSelectionSectionProps {
+    demographicOptionLabel: string;
+    demographicSelectionLabels: string[];
+}
+declare const DemographicSelectionSection: FunctionComponent<DemographicSelectionSectionProps>;
+
+interface EmojiListItemSlotProps {
+    surface?: SurfaceProps$1;
+    icon?: EmojiWrapperProps$1;
+    label?: TypographyProps$2;
+}
+interface EmojiListItemProps {
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: React.ReactNode | undefined;
+    active?: boolean;
+    onClick?: () => void | undefined;
+    label?: string;
+    slotProps?: EmojiListItemSlotProps;
+    id?: string;
+}
+declare const EmojiListItem: FunctionComponent<EmojiListItemProps>;
+
+interface EmojiQuestionEditorOptionProps {
+    icon?: React.ReactNode | undefined;
+    label?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    dragHandle?: boolean;
+    onDelete?: () => void;
+    primaryAction?: ReactNode;
+    slotProps?: {
+        surface?: SurfaceProps$1;
+        icon?: EmojiWrapperProps$1;
+        dragHandle?: IconButtonProps$2;
+        label?: TypographyProps$2;
+        deleteAction?: IconButtonProps$2;
+        primaryAction?: IconButtonProps$2;
+    };
+}
+declare const EmojiQuestionEditorOption: FunctionComponent<EmojiQuestionEditorOptionProps>;
+
 type EmptyStateCardProps = {
     onClickCta?: () => void;
     title?: string;
@@ -2148,7 +2193,7 @@ declare const FilterPyramidGraphBar: FunctionComponent<FilterPyramidGraphBarProp
 
 interface FilterRowProps extends Pick<CheckboxProps, 'checked' | 'disabled'> {
     label: string;
-    selectedCount?: string;
+    selectedCount?: number;
     onChange: (checked: boolean) => void;
     slotProps?: {
         checkboxProps?: Omit<CheckboxProps, 'value' | 'onChange' | 'disabled'>;
@@ -2369,6 +2414,15 @@ interface QuestionBlockProps {
 }
 declare const QuestionBlock: FunctionComponent<QuestionBlockProps>;
 
+interface QuestionSelectorProps {
+    handleNavigateRegion: (direction: number) => void;
+    questionMenuItems: MenuItemProps[];
+    questionTitle: string;
+    currentRegionIndex?: number;
+    loading?: boolean;
+}
+declare const _default$1: react.NamedExoticComponent<QuestionSelectorProps>;
+
 interface SearchInputProps {
     onChange?: (event: react__default.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: () => void;
@@ -2387,6 +2441,12 @@ interface SectionHeaderProps {
 }
 declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
 
+interface SentimentArrowProps {
+    commentCard?: boolean;
+    sentimentScore?: number;
+}
+declare const SentimentArrow: FunctionComponent<SentimentArrowProps>;
+
 interface TabProps {
     active?: boolean;
     animated?: boolean;
@@ -2486,56 +2546,6 @@ type VideoControlsProps = {
 };
 declare const _default: react.MemoExoticComponent<react.ForwardRefExoticComponent<VideoControlsProps & react.RefAttributes<any>>>;
 
-interface SentimentArrowProps {
-    commentCard?: boolean;
-    sentimentScore?: number;
-}
-declare const SentimentArrow: FunctionComponent<SentimentArrowProps>;
-
-interface DemographicSelectionSectionProps {
-    demographicOptionLabel: string;
-    demographicSelectionLabels: string[];
-}
-declare const DemographicSelectionSection: FunctionComponent<DemographicSelectionSectionProps>;
-
-interface EmojiListItemSlotProps {
-    surface?: SurfaceProps$1;
-    icon?: EmojiWrapperProps$1;
-    label?: TypographyProps$2;
-}
-interface EmojiListItemProps {
-    disabled?: boolean;
-    loading?: boolean;
-    icon?: React.ReactNode | undefined;
-    active?: boolean;
-    onClick?: () => void | undefined;
-    label?: string;
-    slotProps?: EmojiListItemSlotProps;
-    id?: string;
-}
-declare const EmojiListItem: FunctionComponent<EmojiListItemProps>;
-
-interface EmojiQuestionEditorOptionProps {
-    icon?: React.ReactNode | undefined;
-    label?: string;
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    dragHandle?: boolean;
-    onDelete?: () => void;
-    primaryAction?: ReactNode;
-    slotProps?: {
-        surface?: SurfaceProps$1;
-        icon?: EmojiWrapperProps$1;
-        dragHandle?: IconButtonProps$2;
-        label?: TypographyProps$2;
-        deleteAction?: IconButtonProps$2;
-        primaryAction?: IconButtonProps$2;
-    };
-}
-declare const EmojiQuestionEditorOption: FunctionComponent<EmojiQuestionEditorOptionProps>;
-
 type BreakpointOrNull = Breakpoint | null;
 declare const useBreakpoint: () => Breakpoint;
 
@@ -2813,4 +2823,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AISummary, type AISummaryProps, AiWrittenByLockUp as AIWrittenByLockUp, Accordion, type AccordionProps, AiContentContainer, type AiContentContainerProps, type AiWrittenByLockUpProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ClipboardCopyingOverlay, type ClipboardCopyingOverlayProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CommentCard, type CommentCardProps, CreatableAutocomplete, type CreatableAutocompleteOption, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, DemographicSelectionSection, type DemographicSelectionSectionProps, Differential, type DifferentialProps, DropdownMenu, EmojiListItem, type EmojiListItemProps, EmojiQuestionEditorOption, type EmojiQuestionEditorOptionProps, EmojiWrapper, type EmojiWrapperProps, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, ExtendedTestStatus, type ExtendedTestStatusProps, type FieldType, type FieldTypes, FilterCount, type FilterCountProps, FilterGroupAccordion, type FilterGroupAccordionProps, FilterPyramidGraphBar as FilterPyramidGraph, type FilterPyramidGraphBarProps, FilterRow, type FilterRowProps, FilteredItemsCard, type FilteredItemsCardProps, Flag, type FlagProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GraphBar, type GraphBarProps, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, KpiDataPopover, type KpiDataPopoverProps, KpiIndicator, type KpiIndicatorProps, Label, type LabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, type MarkerComponentProps, Menu, type MenuProps, ModalActionsWrapper, ModalContentWrapper, ModalLayout, type ModalLayoutProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, QuestionBlock, type QuestionBlockProps, QuestionLabel, type QuestionLabelProps, type QuestionStats, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SearchInput, type SearchInputProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, SentimentArrow, type SentimentArrowProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Tab, type TabProps, TestItem, type TestItemProps, TestKPICard, type TestKPICardProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, _default as VideoControls, type VideoControlsProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonHeightMap, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, getKpiIndicatorColor, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, isButton, mapKpiColorSchemeByInteger, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, useKeyCombo, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
+export { AISummary, type AISummaryProps, AiWrittenByLockUp as AIWrittenByLockUp, Accordion, type AccordionProps, AiContentContainer, type AiContentContainerProps, type AiWrittenByLockUpProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ClipboardCopyingOverlay, type ClipboardCopyingOverlayProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CommentCard, type CommentCardProps, CreatableAutocomplete, type CreatableAutocompleteOption, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, DemographicSelectionSection, type DemographicSelectionSectionProps, Differential, type DifferentialProps, DropdownMenu, EmojiListItem, type EmojiListItemProps, EmojiQuestionEditorOption, type EmojiQuestionEditorOptionProps, EmojiWrapper, type EmojiWrapperProps, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, ExtendedTestStatus, type ExtendedTestStatusProps, type FieldType, type FieldTypes, FilterCount, type FilterCountProps, FilterGroupAccordion, type FilterGroupAccordionProps, FilterPyramidGraphBar as FilterPyramidGraph, type FilterPyramidGraphBarProps, FilterRow, type FilterRowProps, FilteredItemsCard, type FilteredItemsCardProps, Flag, type FlagProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GraphBar, type GraphBarProps, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, KpiDataPopover, type KpiDataPopoverProps, KpiIndicator, type KpiIndicatorProps, Label, type LabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, type MarkerComponentProps, Menu, type MenuItemProps, type MenuProps, ModalActionsWrapper, ModalContentWrapper, ModalLayout, type ModalLayoutProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, QuestionBlock, type QuestionBlockProps, QuestionLabel, type QuestionLabelProps, _default$1 as QuestionSelector, type QuestionSelectorProps, type QuestionStats, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SearchInput, type SearchInputProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, SentimentArrow, type SentimentArrowProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Tab, type TabProps, TestItem, type TestItemProps, TestKPICard, type TestKPICardProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, _default as VideoControls, type VideoControlsProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonHeightMap, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, getKpiIndicatorColor, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, isButton, mapKpiColorSchemeByInteger, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, useKeyCombo, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };