@pedidopago/ui 1.7.20 → 1.7.22

package/dist/components/Tooltip/components/TooltipLabel.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TooltipLabel = void 0;
 var _react = require("react");
 var _Flex = _interopRequireDefault(require("../../../components/Flex"));
-var _Typography = _interopRequireDefault(require("../../../components/Typography"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["tooltipPositions", "animationDuration", "setShowTooltip", "showLabelModal", "setShowLabelModal", "maxWidth", "isVisible"];
@@ -54,14 +53,15 @@ var TooltipLabel = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       children: ! /*#__PURE__*/(0, _react.isValidElement)(rest.label) && String(rest === null || rest === void 0 ? void 0 : rest.label).length > 180 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [rest.label && String(rest.label).slice(0, 180), "...", /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ViewMoreButton, {
           variant: "ghost",
+          size: "xs",
           onClick: function onClick() {
             setShowTooltip(false);
             setShowLabelModal(true);
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xxs",
-            children: "Ver mais"
-          })
+          style: {
+            paddingLeft: 0
+          },
+          children: "Ver mais"
         })]
       }) : rest.label
     })

package/dist/components/Tooltip/example.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function ExampleTooltip(): JSX.Element;
+/// <reference types="react" />
+export declare function ExampleTooltip(): JSX.Element;
 //# sourceMappingURL=example.d.ts.map

package/dist/components/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { TooltipProps } from './types';
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
+import { FC } from 'react';
+import { TooltipProps } from './types';
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAUxD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsJ7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAYxD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA2J7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tooltip/index.js

@@ -11,6 +11,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _Flex = _interopRequireDefault(require("../Flex"));
 var _Modal = require("../Modal");
 var _ReactPortal = require("../ReactPortal");
+var _theme = require("../../shared/theme");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["position", "offset", "maxWidth", "disabled"];
@@ -38,6 +39,8 @@ var Tooltip = function Tooltip(_ref) {
     maxWidth = _ref$maxWidth === void 0 ? 250 : _ref$maxWidth,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = (0, _theme.useTheme)(),
+    theme = _useTheme.theme;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     showTooltip = _useState2[0],
@@ -164,7 +167,8 @@ var Tooltip = function Tooltip(_ref) {
         direction: "column",
         spacing: "6",
         style: {
-          margin: '2em 1.5em'
+          margin: '2em 1.5em',
+          color: theme.colors.neutral.black
         },
         children: [props.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           variant: "outline",

package/dist/components/Tooltip/styles.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { TooltipProps } from './types';
-export declare const StyledTooltipLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ViewMoreButton: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+/// <reference types="react" />
+import { TooltipProps } from './types';
+export declare const StyledTooltipLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ViewMoreButton: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;wHA8B7B,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAAe,CAAC;AAE3C,eAAO,MAAM,cAAc;;UAI1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;wHAgC7B,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAAe,CAAC;AAE3C,eAAO,MAAM,cAAc;;UAI1B,CAAC"}

package/dist/components/Tooltip/styles.js

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ViewMoreButton = exports.TooltipWrapper = exports.StyledTooltipLabel = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _getColorValue = require("../../utils/getColorValue");
+var _customColorMode = require("../../utils/customColorMode");
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var StyledTooltipLabel = _styled.default.div(function (props) {
-  var parsedBgColor = (0, _getColorValue.getColorValue)(props.bgColor || 'neutral.black', props.theme);
-  var parsedLabelColor = (0, _getColorValue.getColorValue)(props.labelColor || 'neutral.white', props.theme);
-  return "\n    font-family: inherit;\n    font-size: ".concat(props.theme.fontSizes.xxs, ";\n    font-weight: 400;\n    max-width: ").concat(props.maxWidth ? typeof props.maxWidth === 'string' ? props.maxWidth : "".concat(props.maxWidth, "px") : '', ";\n    min-width: ").concat(props.minWidth ? typeof props.minWidth === 'string' ? props.minWidth : "".concat(props.minWidth, "px") : '', ";\n    width: fit-content;\n    border-radius: 8px;\n    padding: 12px;\n    color: ").concat(parsedLabelColor, ";\n    background-color: ").concat(parsedBgColor, ";\n    position: fixed;\n    z-index: ").concat(props.theme.zIndex.level48, ";\n  ");
+  return "\n    font-family: inherit;\n    font-size: ".concat(props.theme.fontSizes.xxs, ";\n    font-weight: 400;\n    max-width: ").concat(props.maxWidth ? typeof props.maxWidth === 'string' ? props.maxWidth : "".concat(props.maxWidth, "px") : '', ";\n    min-width: ").concat(props.minWidth ? typeof props.minWidth === 'string' ? props.minWidth : "".concat(props.minWidth, "px") : '', ";\n    width: fit-content;\n    border-radius: 8px;\n    padding: 12px;\n    color: ").concat((0, _customColorMode.customColorMode)(props.theme.colors.neutral.white, props.theme.lightColors.neutral.white), ";\n\n    background-color: ").concat((0, _customColorMode.customColorMode)(props.theme.colors.neutral.black, '#222c29'), ";\n    position: fixed;\n    z-index: ").concat(props.theme.zIndex.level48, ";\n    box-shadow: ").concat(props.theme.shadow.level1, "\n  ");
 });
 exports.StyledTooltipLabel = StyledTooltipLabel;
 var TooltipWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));

package/dist/components/Tooltip/types.d.ts

@@ -1,27 +1,27 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-export type positionType = 'top' | 'right' | 'bottom' | 'left';
-export type TooltipProps = {
-    position?: positionType;
-    children: React.ReactNode;
-    label: ReactNode;
-    labelColor?: GlobalColorsProps | (string & {});
-    bgColor?: GlobalColorsProps | (string & {});
-    maxWidth?: number;
-    offset?: number;
-    animationDuration?: number;
-    minWidth?: number;
-    disabled?: boolean;
-};
-export type TooltipLabelProps = TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    isVisible: boolean;
-    setShowTooltip: Dispatch<SetStateAction<boolean>>;
-    showLabelModal: boolean;
-    setShowLabelModal: Dispatch<SetStateAction<boolean>>;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+export type positionType = 'top' | 'right' | 'bottom' | 'left';
+export type TooltipProps = {
+    position?: positionType;
+    children: React.ReactNode;
+    label: ReactNode;
+    labelColor?: GlobalColorsProps | (string & {});
+    bgColor?: GlobalColorsProps | (string & {});
+    maxWidth?: number;
+    offset?: number;
+    animationDuration?: number;
+    minWidth?: number;
+    disabled?: boolean;
+};
+export type TooltipLabelProps = TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    isVisible: boolean;
+    setShowTooltip: Dispatch<SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: Dispatch<SetStateAction<boolean>>;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Typography/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { TypographyProps } from './types';
-declare const Typography: ({ variant, color, children, ...rest }: TypographyProps) => JSX.Element;
-export default Typography;
+/// <reference types="react" />
+import { TypographyProps } from './types';
+declare const Typography: ({ variant, color, children, ...rest }: TypographyProps) => JSX.Element;
+export default Typography;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,0CAA2C,eAAe,gBAgBzE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,0CAKb,eAAe,gBAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Typography/index.js

@@ -19,17 +19,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Typography = function Typography(_ref) {
   var variant = _ref.variant,
-    color = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'neutral.neutral6' : _ref$color,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = (0, _theme.useTheme)(),
     theme = _useTheme.theme;
-  var _useColorMode = (0, _theme.useColorMode)(),
-    colorMode = _useColorMode.colorMode;
-  var textColor = (0, _getColorValue.getColorValue)(color || (colorMode === 'dark' ? 'neutral.white' : 'neutral.black'), theme);
+  var textColor = (0, _getColorValue.getColorValue)(color, theme);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledText, _objectSpread(_objectSpread({
     as: variant,
-    textColor: color ? textColor : 'inherit'
+    textColor: textColor
   }, rest), {}, {
     children: children
   }));

package/dist/components/Typography/styles.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './../../@types/index';
-export declare const StyledText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
-    variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
-    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
-    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
-    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
-    lineHeight?: string | number | undefined;
-    textAlign?: "center" | "end" | "start" | undefined;
-    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
-    textDecoration?: "none" | "underline" | "line-through" | undefined;
-    letterSpacing?: string | number | undefined;
-    htmlFor?: string | undefined;
-    children?: import("react").ReactNode;
-} & {
-    textColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './../../@types/index';
+export declare const StyledText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
+    variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
+    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
+    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
+    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
+    lineHeight?: string | number | undefined;
+    textAlign?: "center" | "end" | "start" | undefined;
+    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
+    textDecoration?: "none" | "underline" | "line-through" | undefined;
+    letterSpacing?: string | number | undefined;
+    htmlFor?: string | undefined;
+    children?: import("react").ReactNode;
+} & {
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Typography/types.d.ts

@@ -1,17 +1,17 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { GlobalColorsProps, defaultTheme } from './../../shared/theme';
-export type TypographyProps = HTMLAttributes<HTMLParagraphElement | HTMLLabelElement> & {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'caption' | 'small' | 'strong' | 'em';
-    color?: GlobalColorsProps | (string & {});
-    fontSize?: keyof typeof defaultTheme.fontSizes | number;
-    fontWeight?: keyof typeof defaultTheme.fontWeight;
-    fontStyle?: 'italic' | 'normal' | 'oblique' | 'initial' | 'inherit';
-    lineHeight?: string | number;
-    textAlign?: 'start' | 'center' | 'end';
-    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-    textDecoration?: 'underline' | 'line-through' | 'none';
-    letterSpacing?: string | number;
-    htmlFor?: string;
-    children?: ReactNode;
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { GlobalColorsProps, defaultTheme } from './../../shared/theme';
+export type TypographyProps = HTMLAttributes<HTMLParagraphElement | HTMLLabelElement> & {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'caption' | 'small' | 'strong' | 'em';
+    color?: GlobalColorsProps | (string & {});
+    fontSize?: keyof typeof defaultTheme.fontSizes | number;
+    fontWeight?: keyof typeof defaultTheme.fontWeight;
+    fontStyle?: 'italic' | 'normal' | 'oblique' | 'initial' | 'inherit';
+    lineHeight?: string | number;
+    textAlign?: 'start' | 'center' | 'end';
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+    textDecoration?: 'underline' | 'line-through' | 'none';
+    letterSpacing?: string | number;
+    htmlFor?: string;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Typography/typography.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=typography.test.d.ts.map

package/dist/index.d.ts

@@ -1,66 +1,67 @@
-export { default as Alert } from './components/Alert';
-export { default as Avatar } from './components/Avatar';
-export { default as Badge } from './components/Badge';
-export { default as Button } from './components/Button';
-export { Card } from './components/Card';
-export { default as ColorPicker } from './components/ColorPicker';
-export { default as DatePicker } from './components/DatePicker';
-export { Dialog } from './components/Dialog';
-export { default as Dropzone } from './components/Dropzone';
-export { default as Flex } from './components/Flex';
-export { default as Grid } from './components/Grid';
-export { default as Icon } from './components/Icon';
-export { type IconName } from './components/Icon/types';
-export { default as IconItem } from './components/IconItem';
-export { ReactPortal } from './components/ReactPortal';
-export { default as Illustration } from './components/Illustration';
-export { default as ComposeIcon } from './components/ComposeIcon';
-export { default as Label } from './components/Label';
-export { default as List } from './components/List';
-export { Modal } from './components/Modal';
-export { Pagination } from './components/Pagination';
-export { default as Progress } from './components/Progress';
-export { Rating } from './components/Rating';
-export { default as Skeleton } from './components/Skeleton';
-export { default as Slider } from './components/Slider';
-export { default as Spinner } from './components/Spinner';
-export { default as Steps } from './components/Steps';
-export { Table } from './components/Table';
-export * from './components/Tabs';
-export { default as Tag } from './components/Tag';
-export { default as TextArea } from './components/TextAreaInput';
-export { Thumbnail } from './components/Thumbnail';
-export * from './components/Timeline';
-export { default as Toast } from './components/Toast';
-export { default as Tooltip } from './components/Tooltip';
-export { default as Typography } from './components/Typography';
-export { CollapseCard } from './components/CollapseCard';
-export { Observer } from './components/Observer';
-export * from './components/EmojiPicker';
-export { default as Input } from './components/Input';
-export { DateInput } from './components/DateInput';
-export { TimeInput } from './components/TimeInput';
-export { default as Select } from './components/Select';
-export { NewSelect } from './components/NewSelect';
-export { Chip } from './components/NewSelect/components/Chip';
-export { SelectInputSearch } from './components/NewSelect/components/SelectInputSearch';
-export { SelectItem } from './components/NewSelect/components/SelectItem';
-export { default as MultipleSelect } from './components/MultipleSelect';
-export { default as Checkbox } from './components/CheckboxInput';
-export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
-export { default as Radio } from './components/RadioInput';
-export { default as Switch } from './components/Switch';
-export { default as useToast } from './components/Toast/hooks/useToast';
-export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
-export { useDevices } from './shared/hooks/useDevices';
-export { useBreakpoints } from './shared/hooks/useBreakpoints';
-export { useDebounce } from './shared/hooks/useDebounce';
-export { useDisableBodyScroll } from './shared/hooks/useDisableBodyScroll';
-export { useKeyPress } from './shared/hooks/useKeyPress';
-export { useOnClickOutside } from './shared/hooks/useOnClickOutside';
-export { useWindowSize } from './shared/hooks/useWindowSize';
-export { useDraggableScroll } from './shared/hooks/useDraggableScroll';
-export * from './shared/theme';
-export { iconExists } from './components/Icon/utils/iconExists';
-export * from './utils/formatters';
+export { default as Alert } from './components/Alert';
+export { default as Avatar } from './components/Avatar';
+export { default as Badge } from './components/Badge';
+export { default as Button } from './components/Button';
+export { Card } from './components/Card';
+export { default as ColorPicker } from './components/ColorPicker';
+export { default as DatePicker } from './components/DatePicker';
+export { Dialog } from './components/Dialog';
+export { default as Dropzone } from './components/Dropzone';
+export { default as Flex } from './components/Flex';
+export { default as Grid } from './components/Grid';
+export { default as Icon } from './components/Icon';
+export { type IconName } from './components/Icon/types';
+export { default as IconItem } from './components/IconItem';
+export { ReactPortal } from './components/ReactPortal';
+export { default as Illustration } from './components/Illustration';
+export { default as ComposeIcon } from './components/ComposeIcon';
+export { default as Label } from './components/Label';
+export { default as List } from './components/List';
+export { Modal } from './components/Modal';
+export { Pagination } from './components/Pagination';
+export { default as Progress } from './components/Progress';
+export { Rating } from './components/Rating';
+export { default as Skeleton } from './components/Skeleton';
+export { default as Slider } from './components/Slider';
+export { default as Spinner } from './components/Spinner';
+export { default as Steps } from './components/Steps';
+export { Table } from './components/Table';
+export * from './components/Tabs';
+export { default as Tag } from './components/Tag';
+export { default as TextArea } from './components/TextAreaInput';
+export { Thumbnail } from './components/Thumbnail';
+export * from './components/Timeline';
+export { default as Toast } from './components/Toast';
+export { default as Tooltip } from './components/Tooltip';
+export { default as Typography } from './components/Typography';
+export { CollapseCard } from './components/CollapseCard';
+export { Observer } from './components/Observer';
+export * from './components/EmojiPicker';
+export { default as Input } from './components/Input';
+export { DateInput } from './components/DateInput';
+export { TimeInput } from './components/TimeInput';
+export { default as Select } from './components/Select';
+export { NewSelect } from './components/NewSelect';
+export { Chip } from './components/NewSelect/components/Chip';
+export { SelectInputSearch } from './components/NewSelect/components/SelectInputSearch';
+export { SelectItem } from './components/NewSelect/components/SelectItem';
+export { default as MultipleSelect } from './components/MultipleSelect';
+export { default as Checkbox } from './components/CheckboxInput';
+export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
+export { default as Radio } from './components/RadioInput';
+export { default as Switch } from './components/Switch';
+export { default as useToast } from './components/Toast/hooks/useToast';
+export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
+export { useDevices } from './shared/hooks/useDevices';
+export { useBreakpoints } from './shared/hooks/useBreakpoints';
+export { useDebounce } from './shared/hooks/useDebounce';
+export { useDisableBodyScroll } from './shared/hooks/useDisableBodyScroll';
+export { useKeyPress } from './shared/hooks/useKeyPress';
+export { useOnClickOutside } from './shared/hooks/useOnClickOutside';
+export { useWindowSize } from './shared/hooks/useWindowSize';
+export { useDraggableScroll } from './shared/hooks/useDraggableScroll';
+export * from './shared/theme';
+export { iconExists } from './components/Icon/utils/iconExists';
+export { customColorMode } from './utils/customColorMode';
+export * from './utils/formatters';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -62,7 +62,8 @@ var _exportNames = {
   useOnClickOutside: true,
   useWindowSize: true,
   useDraggableScroll: true,
-  iconExists: true
+  iconExists: true,
+  customColorMode: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -358,6 +359,12 @@ Object.defineProperty(exports, "Typography", {
     return _Typography.default;
   }
 });
+Object.defineProperty(exports, "customColorMode", {
+  enumerable: true,
+  get: function get() {
+    return _customColorMode.customColorMode;
+  }
+});
 Object.defineProperty(exports, "iconExists", {
   enumerable: true,
   get: function get() {
@@ -525,6 +532,7 @@ Object.keys(_theme).forEach(function (key) {
   });
 });
 var _iconExists = require("./components/Icon/utils/iconExists");
+var _customColorMode = require("./utils/customColorMode");
 var _formatters = require("./utils/formatters");
 Object.keys(_formatters).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/shared/animations/opacityAnimation.d.ts

@@ -1,3 +1,3 @@
-import { MotionProps } from 'framer-motion';
-export declare const opacityAnimation: MotionProps;
+import { MotionProps } from 'framer-motion';
+export declare const opacityAnimation: MotionProps;
 //# sourceMappingURL=opacityAnimation.d.ts.map