@useloops/design-system 1.4.331 → 1.4.333

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { FunctionComponent, Dispatch, SetStateAction, ReactNode, ReactElement, PropsWithChildren, ChangeEvent, FC } from 'react';
+import react__default, { FunctionComponent, PropsWithChildren, Dispatch, SetStateAction, ReactNode, ReactElement, ChangeEvent, FC } 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, TypographyProps as TypographyProps$1, BoxProps, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, 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';
@@ -9,7 +9,7 @@ import { IconName as IconName$1 } from 'systems/BrandCore/Icon';
 import { KpiIndicatorProps as KpiIndicatorProps$1 } from 'systems/Platform/KpiIndicator';
 import { ChipProps } from '@mui/material/Chip';
 import { SubmitHandler } from 'react-hook-form';
-import { Theme as Theme$1 } from '@mui/material/styles';
+import { Theme as Theme$1, SxProps as SxProps$1 } from '@mui/material/styles';
 import { NumericFormatProps } from 'react-number-format';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
@@ -768,6 +768,17 @@ interface TickGroupProps {
 }
 declare const TickGroup: FunctionComponent<TickGroupProps>;
 
+interface AiContentContainerProps extends PropsWithChildren {
+    sx?: SxProps<Theme>;
+    widthLockUp?: boolean;
+}
+declare const AiContentContainer: FunctionComponent<AiContentContainerProps>;
+
+interface AiWrittenByLockUpProps {
+    sx?: SxProps<Theme>;
+}
+declare const AiWrittenByLockUp: FunctionComponent<AiWrittenByLockUpProps>;
+
 declare const emailValidation: {
     pattern: {
         value: RegExp;
@@ -892,13 +903,22 @@ declare const buttonInteraction: (theme: Theme, active?: boolean) => {
     };
 };
 type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
+declare const buttonHeightMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+};
 declare const getIconSizing$1: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
 
 interface BackgroundOptions {
     texture?: 'none' | 'noise1';
-    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
+    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
 }
 declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
 
@@ -1064,7 +1084,7 @@ interface ColorBackgroundContainerProps {
     sx?: SxProps<Theme>;
     children: ContainerProps['children'];
     texture?: 'none' | 'noise1';
-    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
+    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
 }
 declare const ColorBackgroundContainer: FunctionComponent<ColorBackgroundContainerProps>;
 
@@ -1402,6 +1422,16 @@ interface InputLabelHelpProps {
 }
 declare const InputLabelHelp: FunctionComponent<InputLabelHelpProps>;
 
+interface StyledChipProps extends ChipProps {
+    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
+    weight?: 'heavy' | 'light';
+}
+
+interface LabelProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
+    body: string;
+}
+declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 interface LikertOption {
     label: string;
     value: string;
@@ -1558,15 +1588,19 @@ type NumberFieldProps = InputFieldBaseProps & {
 };
 declare const NumberField: FunctionComponent<NumberFieldProps>;
 
-interface StyledChipProps extends ChipProps {
-    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
-    weight?: 'heavy' | 'light';
+interface PillProps {
+    id?: string;
+    label: string;
+    iconLeft?: IconName$1;
+    iconRight?: IconName$1;
+    sizing?: 'sm' | 'md';
+    onDelete?: ((event: any) => void) | undefined;
+    active?: boolean;
+    disabled?: boolean;
+    sx?: SxProps$1<Theme$1>;
 }
 
-interface PillProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
-    body: string;
-}
-declare const Pill: react.ForwardRefExoticComponent<Omit<PillProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Pill: FunctionComponent<PillProps>;
 
 declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
 
@@ -2042,8 +2076,8 @@ interface TestItemProps extends SurfaceProps {
         title?: Partial<Omit<TypographyProps, 'children'>>;
         status?: Partial<Omit<TestStatusProps, 'status'>>;
         menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
-        pill?: Partial<Omit<PillProps, 'body'>>;
-        tagsExpand?: Partial<Omit<PillProps, 'body'>>;
+        pill?: Partial<Omit<LabelProps, 'body'>>;
+        tagsExpand?: Partial<Omit<LabelProps, 'body'>>;
         tagsCollapse?: Partial<IconButtonProps>;
     };
     loading?: boolean;
@@ -2309,4 +2343,4 @@ declare module '@mui/system' {
     }
 }
 
-export { Accordion, type AccordionProps, 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, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CreatableAutocomplete, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, Differential, type DifferentialProps, DropdownMenu, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, type FieldType, type FieldTypes, FilteredItemsCard, type FilteredItemsCardProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, 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, KpiIndicator, type KpiIndicatorProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, 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, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, 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, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, 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, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
+export { 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, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CreatableAutocomplete, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, Differential, type DifferentialProps, DropdownMenu, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, type FieldType, type FieldTypes, FilteredItemsCard, type FilteredItemsCardProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, 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, 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, Menu, type MenuProps, 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, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, 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, 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, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };