@foxford/ui 2.25.0 → 2.26.0-beta-47ce7b9-20240425

package/dts/index.d.ts

@@ -3,11 +3,11 @@ import * as react from 'react';
 import { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
 import * as styled_components from 'styled-components';
 import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, Interpolation, ThemeProps, SimpleInterpolation, css, StyledProps } from 'styled-components';
+import { Props, PopperInstance, PlacementOptions, SelectorOrElement, Styles } from 'react-floater/lib/types';
 import { Classes } from 'react-modal';
 import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
 import * as rc_scrollbars from 'rc-scrollbars';
 import { ScrollbarsProps } from 'rc-scrollbars';
-import { Props, PopperInstance, PlacementOptions, SelectorOrElement, Styles } from 'react-floater/lib/types';
 import { InputState, MaskOptions } from 'react-input-mask';
 import { ReactSelectProps } from 'react-select';
 
@@ -1814,6 +1814,376 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
+declare type SkeletonPalette = {
+    color: CSSColor;
+    gradientColor: CSSColor;
+    gradientHighlightColor: CSSColor;
+};
+interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
+    /** Element to infer sizing */
+    children?: React.ReactNode;
+    /** Custom colors */
+    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
+    /** Display 'inline-block' */
+    inline?: boolean;
+    /** Root border-radius: 50% */
+    round?: boolean;
+    /** Root border-radius */
+    borderRadius?: string | number;
+    /** Root width */
+    width?: string | number;
+    /** Root height */
+    height?: string | number;
+    /** Value (ms) to control animation speed */
+    animationDuration?: number;
+    /** Delay to animation start (ms) to avoid flicker at fast connection */
+    animationDelay?: number;
+    /** Appearance variant */
+    primary?: boolean;
+    /** Appearance variant */
+    secondary?: boolean;
+    /** Appearance variant */
+    onColored?: boolean;
+}
+
+/**
+ *
+ * Component accepts all \<div\> attributes.
+ *
+ * Responsive "margin" props are supported.
+ *
+ * Exposed "ref" attached to root node.
+ *
+ * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
+
+declare type TooltipComponentPalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+    shadowColor: CSSColor;
+    closeColor: CSSColor;
+    closeColorHover: CSSColor;
+    closeColorActive: CSSColor;
+    closeColorDisabled: CSSColor;
+};
+interface TooltipComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+    /** Custom colors */
+    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
+    /** Appearance variant */
+    black?: boolean;
+    /** Appearance variant */
+    contrast?: boolean;
+    /** Title text */
+    title?: React.ReactNode;
+    /** Props for title text component */
+    titleProps?: TextProps;
+    /** Main content text */
+    content?: React.ReactNode;
+    /** Props for content text component */
+    contentProps?: TextProps;
+    /** Footer segment */
+    footer?: React.ReactNode;
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Props for close button */
+    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Apply drop shadow filter */
+    elevated?: boolean;
+    /** @ignore */
+    closeFn?: () => void;
+}
+
+/**
+ *
+ * Component accepts all \<div\> attributes.
+ *
+ * Responsive "size" props are supported.
+ *
+ * Exposed "ref" attached to root node.
+ *
+ * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)
+ */
+declare const TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps>;
+
+interface TooltipProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
+    /** UI: brand (v3), or default (v2) */
+    preset?: ThemePreset;
+    /** Custom colors */
+    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
+    /** Appearance variant */
+    black?: boolean;
+    /** Appearance variant */
+    contrast?: boolean;
+    /** Open automatically */
+    autoOpen?: boolean;
+    /** It will be called on state change */
+    callback?: (action: 'open' | 'close', props: Props) => void;
+    /** Default tooltip target */
+    children?: React.ReactNode;
+    /** Custom UI for tooltip */
+    component?: React.ReactElement | ((props: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
+        id?: string;
+        role?: string;
+        closeFn?: () => void;
+    }) => React.ReactElement);
+    /** Tooltip content */
+    content?: React.ReactNode;
+    /** Props for content text component */
+    contentProps?: TextProps;
+    /** Debugging logs in console */
+    debug?: boolean;
+    /** Don't adjust tooltip on scroll / resize */
+    disableFlip?: boolean;
+    /** Don't convert 'hover' to 'click' event on mobile */
+    disableHoverToClick?: boolean;
+    /** Trigger event for tooltip */
+    event?: 'click' | 'hover';
+    /** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
+    eventDelay?: number;
+    /** Tooltip footer */
+    footer?: React.ReactNode;
+    /** Callback to get popper.js instance */
+    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
+    /** Don't show tooltip arrow */
+    hideArrow?: boolean;
+    /** Distance in 'px' between tooltip and its target */
+    offset?: number;
+    /** Switch between normal and controlled modes. It will disable built in tooltip behavior */
+    open?: boolean;
+    /** Tooltip position relative to its target */
+    placement?: PlacementOptions;
+    /** CSS selector or element to render tooltips */
+    portalElement?: SelectorOrElement;
+    /** Custom styles */
+    styles?: Partial<Styles>;
+    /** Show button to close tooltip */
+    showCloseButton?: boolean;
+    /** Props for button to close tooltip */
+    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Tooltip target. If it's not set, 'children' will be used */
+    target?: SelectorOrElement;
+    /** Tooltip title */
+    title?: React.ReactNode;
+    /** Props for title text component */
+    titleProps?: TextProps;
+    /** Position of tooltip wrapper relative to target */
+    wrapperOptions?: {
+        offset?: number;
+        placement?: Omit<PlacementOptions, 'center'>;
+        position?: boolean;
+    };
+}
+
+/**
+ *
+ * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
+ *
+ * Responsive "size" props are supported.
+ *
+ * Exposed "ref" attached to tooltip component root.
+ *
+ * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)
+ */
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
+    Component: typeof TooltipComponent;
+};
+
+declare type PopoverComponentPalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+    mediaPlaceholderColor: CSSColor;
+    shadowColor: CSSColor;
+    closeColor: CSSColor;
+    closeBackgroundColor: CSSColor;
+    closeColorHover: CSSColor;
+    closeBackgroundColorHover: CSSColor;
+    closeColorActive: CSSColor;
+    closeBackgroundColorActive: CSSColor;
+    closeColorDisabled: CSSColor;
+    closeBackgroundColorDisabled: CSSColor;
+};
+interface PopoverComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+    /** Custom colors */
+    palette?: Partial<Record<keyof PopoverComponentPalette, Color>>;
+    /** Relationship of width to height */
+    orientation?: 'portrait' | 'landscape';
+    /** Loading appearance */
+    loading?: boolean;
+    /** Badge in header */
+    badge?: {
+        text?: React.ReactNode;
+        badgeProps?: BadgeProps;
+    };
+    /** Short text in header */
+    caption?: React.ReactNode;
+    /** Props for text component in header */
+    captionProps?: TextProps;
+    /** Title text */
+    title?: React.ReactNode;
+    /** Props for title text component */
+    titleProps?: TextProps;
+    /** Main text content */
+    content?: React.ReactNode;
+    /** Props for main text component */
+    contentProps?: TextProps;
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Props for close button */
+    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Flex-direction for footer with buttons */
+    controlsDirection?: 'row' | 'column';
+    /** Media to display: \<img\> or \<video\> */
+    media?: {
+        imgProps?: React.ComponentPropsWithoutRef<'img'>;
+        videoProps?: React.ComponentPropsWithoutRef<'video'>;
+    };
+    /** Buttons in footer */
+    controls?: {
+        secondary?: {
+            text?: React.ReactNode;
+            buttonProps?: ButtonProps;
+        };
+        primary?: {
+            text?: React.ReactNode;
+            buttonProps?: ButtonProps;
+        };
+    };
+    /** Apply drop shadow filter */
+    elevated?: boolean;
+    /** @ignore */
+    black?: boolean;
+    /** @ignore */
+    contrast?: boolean;
+    /** @ignore */
+    closeFn?: () => void;
+}
+
+/**
+ *
+ * Component accepts all \<div\> attributes.
+ *
+ * Responsive "size" props are supported.
+ *
+ * Exposed "ref" attached to root node.
+ *
+ * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)
+ *
+ */
+declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
+
+interface PopoverProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
+    /** Custom colors */
+    palette?: Partial<Record<keyof PopoverComponentPalette, Color>>;
+    /** Open automatically */
+    autoOpen?: boolean;
+    /** It will be called on state change */
+    callback?: (action: 'open' | 'close', props: Props) => void;
+    /** Default tooltip target */
+    children?: React.ReactNode;
+    /** Debugging logs in console */
+    debug?: boolean;
+    /** Don't adjust tooltip on scroll / resize */
+    disableFlip?: boolean;
+    /** Don't convert 'hover' to 'click' event on mobile */
+    disableHoverToClick?: boolean;
+    /** Trigger event for tooltip */
+    event?: 'click' | 'hover';
+    /** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
+    eventDelay?: number;
+    /** Callback to get popper.js instance */
+    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
+    /** Don't show tooltip arrow */
+    hideArrow?: boolean;
+    /** Distance in 'px' between tooltip and its target */
+    offset?: number;
+    /** Switch between normal and controlled modes. It will disable built in tooltip behavior */
+    open?: boolean;
+    /** Tooltip position relative to its target */
+    placement?: PlacementOptions;
+    /** CSS selector or element to render tooltips */
+    portalElement?: SelectorOrElement;
+    /** Custom styles */
+    styles?: Partial<Styles>;
+    /** Show button to close tooltip */
+    showCloseButton?: boolean;
+    /** Props for close button */
+    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Tooltip target. If it's not set, 'children' will be used */
+    target?: SelectorOrElement;
+    /** Position of tooltip wrapper relative to target */
+    wrapperOptions?: {
+        offset?: number;
+        placement?: Omit<PlacementOptions, 'center'>;
+        position?: boolean;
+    };
+    /** Relationship of width to height */
+    orientation?: 'portrait' | 'landscape';
+    /** Loading appearance */
+    loading?: boolean;
+    /** Badge in header */
+    badge?: {
+        text?: React.ReactNode;
+        badgeProps?: BadgeProps;
+    };
+    /** Short text in header */
+    caption?: React.ReactNode;
+    /** Props for text component in header */
+    captionProps?: TextProps;
+    /** Title text */
+    title?: React.ReactNode;
+    /** Props for title text component */
+    titleProps?: TextProps;
+    /** Main text content */
+    content?: React.ReactNode;
+    /** Props for main text component */
+    contentProps?: TextProps;
+    /** Flex-direction in footer */
+    controlsDirection?: 'row' | 'column';
+    /** Media to display: \<img\> or \<video\> */
+    media?: {
+        imgProps?: React.ComponentPropsWithoutRef<'img'>;
+        videoProps?: React.ComponentPropsWithoutRef<'video'>;
+    };
+    /** Buttons in footer */
+    controls?: {
+        secondary?: {
+            text?: React.ReactNode;
+            buttonProps?: ButtonProps;
+        };
+        primary?: {
+            text?: React.ReactNode;
+            buttonProps?: ButtonProps;
+        };
+    };
+    /** @ignore */
+    footer?: React.ReactNode;
+    /** @ignore */
+    black?: boolean;
+    /** @ignore */
+    contrast?: boolean;
+    /** @ignore */
+    component?: React.ReactElement | ((props: Pick<PopoverProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
+        id?: string;
+        role?: string;
+        closeFn?: () => void;
+    }) => React.ReactElement);
+}
+
+/**
+ *
+ * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
+ *
+ * Responsive "size" props are supported.
+ *
+ * Exposed "ref" attached to popover component root.
+ *
+ * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)
+ */
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps> & {
+    Component: typeof PopoverComponent;
+};
+
 interface Theme {
     breakpoints: Readonly<Record<Lowercase<Breakpoint>, number>>;
     colors: Record<keyof typeof ColorNames, CSSColor>;
@@ -1847,6 +2217,11 @@ interface Theme {
         Tab?: TabProps;
         Badge?: BadgeProps;
         Anchor?: AnchorProps;
+        Skeleton?: SkeletonProps;
+        Tooltip?: TooltipProps;
+        TooltipComponent?: TooltipComponentProps;
+        Popover?: PopoverProps;
+        PopoverComponent?: PopoverComponentProps;
     };
 }
 
@@ -2829,137 +3204,6 @@ declare namespace Tabs {
     var Tab: react.ForwardRefExoticComponent<TabProps>;
 }
 
-declare type TooltipComponentPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    shadowColor: CSSColor;
-    closeColor: CSSColor;
-    closeColorHover: CSSColor;
-    closeColorActive: CSSColor;
-    closeColorDisabled: CSSColor;
-};
-interface TooltipComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-    /** Title text */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Main content text */
-    content?: React.ReactNode;
-    /** Props for content text component */
-    contentProps?: TextProps;
-    /** Footer segment */
-    footer?: React.ReactNode;
-    /** Show close button */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Apply drop shadow filter */
-    elevated?: boolean;
-    /** @ignore */
-    closeFn?: () => void;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)
- */
-declare const TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps>;
-
-interface TooltipProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-    /** Open automatically */
-    autoOpen?: boolean;
-    /** It will be called on state change */
-    callback?: (action: 'open' | 'close', props: Props) => void;
-    /** Default tooltip target */
-    children?: React.ReactNode;
-    /** Custom UI for tooltip */
-    component?: React.ReactElement | ((props: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
-        id?: string;
-        role?: string;
-        closeFn?: () => void;
-    }) => React.ReactElement);
-    /** Tooltip content */
-    content?: React.ReactNode;
-    /** Props for content text component */
-    contentProps?: TextProps;
-    /** Debugging logs in console */
-    debug?: boolean;
-    /** Don't adjust tooltip on scroll / resize */
-    disableFlip?: boolean;
-    /** Don't convert 'hover' to 'click' event on mobile */
-    disableHoverToClick?: boolean;
-    /** Trigger event for tooltip */
-    event?: 'click' | 'hover';
-    /** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
-    eventDelay?: number;
-    /** Tooltip footer */
-    footer?: React.ReactNode;
-    /** Callback to get popper.js instance */
-    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
-    /** Don't show tooltip arrow */
-    hideArrow?: boolean;
-    /** Distance in 'px' between tooltip and its target */
-    offset?: number;
-    /** Switch between normal and controlled modes. It will disable built in tooltip behavior */
-    open?: boolean;
-    /** Tooltip position relative to its target */
-    placement?: PlacementOptions;
-    /** CSS selector or element to render tooltips */
-    portalElement?: SelectorOrElement;
-    /** Custom styles */
-    styles?: Partial<Styles>;
-    /** Show button to close tooltip */
-    showCloseButton?: boolean;
-    /** Props for button to close tooltip */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Tooltip target. If it's not set, 'children' will be used */
-    target?: SelectorOrElement;
-    /** Tooltip title */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Position of tooltip wrapper relative to target */
-    wrapperOptions?: {
-        offset?: number;
-        placement?: Omit<PlacementOptions, 'center'>;
-        position?: boolean;
-    };
-}
-
-/**
- *
- * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to tooltip component root.
- *
- * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)
- */
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
-    Component: typeof TooltipComponent;
-};
-
 interface TagProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'height'>, ResponsiveNamedProperty<'width'> {
     as?: 'button' | 'div' | 'input' | 'label';
     /**
@@ -3601,48 +3845,4 @@ interface FormLabelProps extends ResponsiveSizeProps, ResponsiveMarginProps, Rea
  */
 declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
 
-declare type SkeletonPalette = {
-    color: CSSColor;
-    gradientColor: CSSColor;
-    gradientHighlightColor: CSSColor;
-};
-interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
-    /** Element to infer sizing */
-    children?: React.ReactNode;
-    /** Custom colors */
-    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
-    /** Display 'inline-block' */
-    inline?: boolean;
-    /** Root border-radius: 50% */
-    round?: boolean;
-    /** Root border-radius */
-    borderRadius?: string | number;
-    /** Root width */
-    width?: string | number;
-    /** Root height */
-    height?: string | number;
-    /** Value (ms) to control animation speed */
-    animationDuration?: number;
-    /** Delay to animation start (ms) to avoid flicker at fast connection */
-    animationDelay?: number;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)
- */
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
-
-export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSBorderStyle, CSSColor, CSSFontWeight, CSSGlobalValue, CSSUnit, CSSVerticalAlign, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteKey, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FormLabel, HEX, INITIAL_MASK, Icon, Input, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Size, Sizes, Skeleton, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };
+export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSBorderStyle, CSSColor, CSSFontWeight, CSSGlobalValue, CSSUnit, CSSVerticalAlign, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteKey, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FormLabel, HEX, INITIAL_MASK, Icon, Input, Modal, Nullable, Paper, Popover, Progress, RGB, RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Size, Sizes, Skeleton, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };