freemium-ui 2.0.121 → 2.0.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.d.ts CHANGED
@@ -12,6 +12,7 @@ import { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
12
12
  import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
13
13
  import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
14
14
  import * as styled_components from 'styled-components';
15
+ import { DefaultTheme } from 'styled-components';
15
16
  export { StyleSheetManager } from 'styled-components';
16
17
  import * as styled_components_dist_types from 'styled-components/dist/types';
17
18
  import * as _radix_ui_react_label from '@radix-ui/react-label';
@@ -826,6 +827,17 @@ declare const DropdownMenuItem: styled_components.IStyledComponent<"web", styled
826
827
  $isSelected?: boolean | undefined;
827
828
  disabled?: boolean | undefined;
828
829
  }>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
830
+ declare const DropdownMenuItemDew: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<styled_components_dist_types.FastOmit<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
831
+ ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
832
+ }, "disabled" | "$isSelected"> & {
833
+ $isSelected?: boolean | undefined;
834
+ disabled?: boolean | undefined;
835
+ }, never>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
836
+ ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
837
+ }, {
838
+ $isSelected?: boolean | undefined;
839
+ disabled?: boolean | undefined;
840
+ }>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>, keyof react.Component<any, {}, any>>;
829
841
 
830
842
  type ModalAlignType = 'top' | 'center' | 'bottom';
831
843
  type ModalPositionType = 'left' | 'center' | 'right';
@@ -1524,6 +1536,14 @@ interface FillColors {
1524
1536
  hover: string;
1525
1537
  disabled: string;
1526
1538
  hilight: string;
1539
+ brand?: string;
1540
+ neutral?: string;
1541
+ toast?: {
1542
+ success: string;
1543
+ warning: string;
1544
+ error: string;
1545
+ info: string;
1546
+ };
1527
1547
  }
1528
1548
  interface SemanticColorsType {
1529
1549
  bg: string;
@@ -1543,6 +1563,7 @@ interface BorderColors {
1543
1563
  active: string;
1544
1564
  disabled: string;
1545
1565
  error: string;
1566
+ milder?: string;
1546
1567
  }
1547
1568
  interface CommonColors {
1548
1569
  accent: string;
@@ -1557,6 +1578,21 @@ interface Colors {
1557
1578
  border: BorderColors;
1558
1579
  shadow: string;
1559
1580
  scrim: string;
1581
+ icon?: {
1582
+ selected: string;
1583
+ disabled: string;
1584
+ inverse: string;
1585
+ primary: string;
1586
+ semantic?: {
1587
+ success: string;
1588
+ warning: string;
1589
+ error: string;
1590
+ info: string;
1591
+ };
1592
+ };
1593
+ overlay?: {
1594
+ semanticLight: string;
1595
+ };
1560
1596
  }
1561
1597
  interface BaseTypography {
1562
1598
  fontSize?: React.CSSProperties['fontSize'];
@@ -1614,9 +1650,13 @@ interface FreemiumUiButtonTheme {
1614
1650
  disabledBorderColor: string;
1615
1651
  disabledBackgroundFrom: string;
1616
1652
  disabledBackgroundTo: string;
1653
+ focusBorderColor?: string;
1654
+ hoverBorderColor?: string;
1617
1655
  }
1618
1656
  interface FreemiumUiTheme {
1619
- mode: 'light' | 'dark' | 'dew-light' | 'dew-dark';
1657
+ name?: 'classic' | 'dew' | undefined;
1658
+ theme?: 'dew' | undefined;
1659
+ mode: 'light' | 'dark';
1620
1660
  direction: 'ltr' | 'rtl';
1621
1661
  breakpoints: Breakpoints;
1622
1662
  colors: Colors;
@@ -1634,6 +1674,28 @@ interface FreemiumUiTheme {
1634
1674
  danger: FreemiumUiButtonTheme;
1635
1675
  link: FreemiumUiButtonTheme;
1636
1676
  };
1677
+ toggle?: {
1678
+ off: string;
1679
+ on: string;
1680
+ };
1681
+ };
1682
+ radius: {
1683
+ button: string;
1684
+ alert: string;
1685
+ table: string;
1686
+ };
1687
+ opacity: {
1688
+ buttonDisabled: string;
1689
+ };
1690
+ shadow: {
1691
+ primary: string;
1692
+ secondary: string;
1693
+ danger: string;
1694
+ link: string;
1695
+ toggle: string;
1696
+ radio: string;
1697
+ tableButton: string;
1698
+ drawer: string;
1637
1699
  };
1638
1700
  }
1639
1701
 
@@ -1725,12 +1787,16 @@ interface ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
1725
1787
  * Is this a error field?
1726
1788
  */
1727
1789
  isErrored?: boolean;
1790
+ /**
1791
+ * Label for the toggle
1792
+ */
1793
+ label?: string;
1728
1794
  }
1729
1795
 
1730
1796
  /**
1731
1797
  * 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.
1732
1798
  */
1733
- declare const Toggle: ({ handleChange, hasIcon, on, isErrored, isRequired, size, thumbProps, ...rest }: ToggleProps) => react__default.JSX.Element;
1799
+ declare const Toggle: ({ handleChange, hasIcon, on, isErrored, isRequired, size, thumbProps, label, ...rest }: ToggleProps) => react__default.JSX.Element;
1734
1800
 
1735
1801
  type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
1736
1802
  type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
@@ -1990,7 +2056,7 @@ type InputLabelProps = {
1990
2056
  disabled?: boolean;
1991
2057
  };
1992
2058
  declare const InputLabel: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, InputLabelProps>>;
1993
- declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
2059
+ declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
1994
2060
  declare const IconButton: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
1995
2061
  declare const FreshLink: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
1996
2062
  declare const CardContent: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -2008,15 +2074,28 @@ declare const _default: react.NamedExoticComponent<styled_components.ExecutionPr
2008
2074
 
2009
2075
  declare const hextoRGB: (hex: string, alpha?: number) => string;
2010
2076
  declare const Z_INDEX: ZIndex;
2011
- declare const light: FreemiumUiTheme;
2012
- declare const dark: FreemiumUiTheme;
2013
-
2077
+ declare const getClassByThemeType: ({ themeType, mode, }: {
2078
+ themeType: string;
2079
+ mode?: string | undefined;
2080
+ }) => string;
2081
+ declare const appendDewStyles: ({ root, theme, mode, }: {
2082
+ root?: HTMLElement | undefined;
2083
+ theme: string;
2084
+ mode?: string | undefined;
2085
+ }) => void;
2086
+ declare const light: DefaultTheme;
2087
+ declare const dark: DefaultTheme;
2088
+ declare const DewTheme: DefaultTheme;
2089
+
2090
+ declare const index_d_DewTheme: typeof DewTheme;
2014
2091
  declare const index_d_Z_INDEX: typeof Z_INDEX;
2092
+ declare const index_d_appendDewStyles: typeof appendDewStyles;
2015
2093
  declare const index_d_dark: typeof dark;
2094
+ declare const index_d_getClassByThemeType: typeof getClassByThemeType;
2016
2095
  declare const index_d_hextoRGB: typeof hextoRGB;
2017
2096
  declare const index_d_light: typeof light;
2018
2097
  declare namespace index_d {
2019
- export { index_d_Z_INDEX as Z_INDEX, index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
2098
+ 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 };
2020
2099
  }
2021
2100
 
2022
- 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 };
2101
+ 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 };