freemium-ui 2.0.122 → 2.0.124

package/lib/index.d.ts

@@ -12,6 +12,7 @@ import { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
 import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 import * as styled_components from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export { StyleSheetManager } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as _radix_ui_react_label from '@radix-ui/react-label';
@@ -826,6 +827,17 @@ declare const DropdownMenuItem: styled_components.IStyledComponent<"web", styled
     $isSelected?: boolean | undefined;
     disabled?: boolean | undefined;
 }>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
+declare const DropdownMenuItemDew: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<styled_components_dist_types.FastOmit<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "disabled" | "$isSelected"> & {
+    $isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, {
+    $isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>, keyof react.Component<any, {}, any>>;
 
 type ModalAlignType = 'top' | 'center' | 'bottom';
 type ModalPositionType = 'left' | 'center' | 'right';
@@ -1524,6 +1536,14 @@ interface FillColors {
     hover: string;
     disabled: string;
     hilight: string;
+    brand?: string;
+    neutral?: string;
+    toast?: {
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+    };
 }
 interface SemanticColorsType {
     bg: string;
@@ -1543,6 +1563,7 @@ interface BorderColors {
     active: string;
     disabled: string;
     error: string;
+    milder?: string;
 }
 interface CommonColors {
     accent: string;
@@ -1557,6 +1578,21 @@ interface Colors {
     border: BorderColors;
     shadow: string;
     scrim: string;
+    icon?: {
+        selected: string;
+        disabled: string;
+        inverse: string;
+        primary: string;
+        semantic?: {
+            success: string;
+            warning: string;
+            error: string;
+            info: string;
+        };
+    };
+    overlay?: {
+        semanticLight: string;
+    };
 }
 interface BaseTypography {
     fontSize?: React.CSSProperties['fontSize'];
@@ -1614,8 +1650,12 @@ interface FreemiumUiButtonTheme {
     disabledBorderColor: string;
     disabledBackgroundFrom: string;
     disabledBackgroundTo: string;
+    focusBorderColor?: string;
+    hoverBorderColor?: string;
 }
 interface FreemiumUiTheme {
+    name?: 'classic' | 'dew' | undefined;
+    theme?: 'dew' | undefined;
     mode: 'light' | 'dark';
     direction: 'ltr' | 'rtl';
     breakpoints: Breakpoints;
@@ -1634,6 +1674,28 @@ interface FreemiumUiTheme {
             danger: FreemiumUiButtonTheme;
             link: FreemiumUiButtonTheme;
         };
+        toggle?: {
+            off: string;
+            on: string;
+        };
+    };
+    radius: {
+        button: string;
+        alert: string;
+        table: string;
+    };
+    opacity: {
+        buttonDisabled: string;
+    };
+    shadow: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        link: string;
+        toggle: string;
+        radio: string;
+        tableButton: string;
+        drawer: string;
     };
 }
 
@@ -1725,12 +1787,16 @@ interface ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
      * Is this a error field?
      */
     isErrored?: boolean;
+    /**
+     * Label for the toggle
+     */
+    label?: string;
 }
 
 /**
  * Toggle component is used to show a toggle to the user. It is used to show a switch to the user. It can be used to show a switch to the user.
  */
-declare const Toggle: ({ handleChange, hasIcon, on, isErrored, isRequired, size, thumbProps, ...rest }: ToggleProps) => react__default.JSX.Element;
+declare const Toggle: ({ handleChange, hasIcon, on, isErrored, isRequired, size, thumbProps, label, ...rest }: ToggleProps) => react__default.JSX.Element;
 
 type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
@@ -1762,6 +1828,7 @@ interface TooltipProps {
      */
     className?: string;
     style?: React.CSSProperties;
+    arrowStyle?: React.CSSProperties;
     /**
      * The children or label
      */
@@ -1779,7 +1846,7 @@ interface TooltipProps {
  * It is used to show additional information or actions.
  * It can be used to show a hint, a warning, or any other content.
  */
-declare const Tooltip: ({ position, label, html, style, children, className, disabled, delay, arrow, providerProps, portalProps, rootProps, }: TooltipProps) => react__default.JSX.Element;
+declare const Tooltip: ({ position, label, html, style, arrowStyle, children, className, disabled, delay, arrow, providerProps, portalProps, rootProps, }: TooltipProps) => react__default.JSX.Element;
 
 /**
  * Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.
@@ -1990,7 +2057,7 @@ type InputLabelProps = {
     disabled?: boolean;
 };
 declare const InputLabel: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, InputLabelProps>>;
-declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 declare const IconButton: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
 declare const FreshLink: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
 declare const CardContent: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -2008,15 +2075,28 @@ declare const _default: react.NamedExoticComponent<styled_components.ExecutionPr
 
 declare const hextoRGB: (hex: string, alpha?: number) => string;
 declare const Z_INDEX: ZIndex;
-declare const light: FreemiumUiTheme;
-declare const dark: FreemiumUiTheme;
-
+declare const getClassByThemeType: ({ themeType, mode, }: {
+    themeType: string;
+    mode?: string | undefined;
+}) => string;
+declare const appendDewStyles: ({ root, theme, mode, }: {
+    root?: HTMLElement | undefined;
+    theme: string;
+    mode?: string | undefined;
+}) => void;
+declare const light: DefaultTheme;
+declare const dark: DefaultTheme;
+declare const DewTheme: DefaultTheme;
+
+declare const index_d_DewTheme: typeof DewTheme;
 declare const index_d_Z_INDEX: typeof Z_INDEX;
+declare const index_d_appendDewStyles: typeof appendDewStyles;
 declare const index_d_dark: typeof dark;
+declare const index_d_getClassByThemeType: typeof getClassByThemeType;
 declare const index_d_hextoRGB: typeof hextoRGB;
 declare const index_d_light: typeof light;
 declare namespace index_d {
-  export { index_d_Z_INDEX as Z_INDEX, index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
+  export { index_d_DewTheme as DewTheme, index_d_Z_INDEX as Z_INDEX, index_d_appendDewStyles as appendDewStyles, index_d_dark as dark, index_d_getClassByThemeType as getClassByThemeType, index_d_hextoRGB as hextoRGB, index_d_light as light };
 }
 
-export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, AutoComplete, type AutoCompleteInputItemProps, type AutoCompleteProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, Calendar, type CalendarProps, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, Checkmark, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DayProps, type DefaultAutoCompleteItem, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, ErrorIcon, Freddy, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowDataType, SortDropdown, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, type WorkspaceRowDataType, WorkspaceTable, type WorkspaceTableProps, dialogContentMixin, dialogOverlayMixin, useToasts };
+export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, AutoComplete, type AutoCompleteInputItemProps, type AutoCompleteProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, Calendar, type CalendarProps, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, Checkmark, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DayProps, type DefaultAutoCompleteItem, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, DropdownMenuItemDew, type DropdownProps, type DropdownTypes, ErrorIcon, Freddy, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowDataType, SortDropdown, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, type WorkspaceRowDataType, WorkspaceTable, type WorkspaceTableProps, dialogContentMixin, dialogOverlayMixin, useToasts };