@pedidopago/ui 1.7.20 → 1.7.22

package/dist/components/Thumbnail/utils/validate-file-size.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
+export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
 //# sourceMappingURL=validate-file-size.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-type.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileType(fileName: string): boolean;
+export declare function isValidFileType(fileName: string): boolean;
 //# sourceMappingURL=validate-file-type.d.ts.map

package/dist/components/TimeInput/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const TWENTYFOUR_HOUR_LIST: string[];
-export declare const AMPM_HOUR_LIST: string[];
-export declare const MINUTE_LIST: string[];
-export declare const TIMEPERIODS: string[];
+export declare const TWENTYFOUR_HOUR_LIST: string[];
+export declare const AMPM_HOUR_LIST: string[];
+export declare const MINUTE_LIST: string[];
+export declare const TIMEPERIODS: string[];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { TimeInputProps } from './types';
-import { InputGroupProps } from '../Input/types';
-export declare const TimeInput: import("react").ForwardRefExoticComponent<InputGroupProps & InputHTMLAttributes<HTMLInputElement> & TimeInputProps & import("react").RefAttributes<HTMLInputElement>>;
+import { InputHTMLAttributes } from 'react';
+import { TimeInputProps } from './types';
+import { InputGroupProps } from '../Input/types';
+export declare const TimeInput: import("react").ForwardRefExoticComponent<InputGroupProps & InputHTMLAttributes<HTMLInputElement> & TimeInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { TimeInputProps } from './types';
-export declare const TimeInputContainer: 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 DigitContainer: 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 ClockContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    variant: TimeInputProps['variant'];
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { TimeInputProps } from './types';
+export declare const TimeInputContainer: 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 DigitContainer: 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 ClockContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    variant: TimeInputProps['variant'];
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAqB1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;aAAyB,cAAc,CAAC,SAAS,CAAC;yGA0F1E,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAqB1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;aAAyB,cAAc,CAAC,SAAS,CAAC;yGAkG1E,CAAC"}

package/dist/components/TimeInput/styles.js

@@ -12,7 +12,7 @@ var TimeInputContainer = _styled.default.div(_templateObject || (_templateObject
 exports.TimeInputContainer = TimeInputContainer;
 var DigitContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  list-style-type: none;\n  overflow-y: scroll;\n  user-select: none;\n\n  cursor: grab;\n\n  li {\n    scroll-snap-align: start;\n  }\n\n  /* hiding scrollbar: */\n  ::-webkit-scrollbar {\n    display: none;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n"])));
 exports.DigitContainer = DigitContainer;
-var ClockContent = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  --border: 2px solid ", ";\n  position: relative;\n\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  justify-content: center;\n\n  background-color: ", ";\n  width: 300px;\n  height: 144px;\n  overflow: hidden;\n\n  scroll-snap-type: y mandatory;\n\n  .comma {\n    display: flex;\n    align-items: center;\n  }\n\n  .hour_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .minutes_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .ampm {\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n  }\n\n  .ampm_separator {\n    position: absolute;\n    top: 46px;\n    left: 200px;\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, transparent 50%, white 100%);\n    pointer-events: none;\n  }\n\n  :after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to top, transparent 50%, white 100%);\n    pointer-events: none;\n  }\n"])), function (_ref) {
+var ClockContent = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  --border: 2px solid ", ";\n  position: relative;\n\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  justify-content: center;\n\n  background-color: ", ";\n  width: 300px;\n  height: 144px;\n  overflow: hidden;\n\n  scroll-snap-type: y mandatory;\n\n  .comma {\n    display: flex;\n    align-items: center;\n  }\n\n  .hour_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .minutes_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .ampm {\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n  }\n\n  .ampm_separator {\n    position: absolute;\n    top: 46px;\n    left: 200px;\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to bottom,\n      transparent 50%,\n      ", " 100%\n    );\n    pointer-events: none;\n  }\n\n  :after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to top,\n      transparent 50%,\n      ", " 100%\n    );\n    pointer-events: none;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.tertiary.default;
 }, function (_ref2) {
@@ -24,5 +24,11 @@ var ClockContent = _styled.default.div(_templateObject3 || (_templateObject3 = _
 }, function (_ref4) {
   var variant = _ref4.variant;
   return variant === '24_hours' ? '165px' : '125px';
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors.neutral.white;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.colors.neutral.white;
 });
 exports.ClockContent = ClockContent;

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

@@ -1,5 +1,5 @@
-export type TimeInputProps = {
-    variant?: 'am_pm' | '24_hours';
-};
-export type TimePeriod = 'AM' | 'PM';
+export type TimeInputProps = {
+    variant?: 'am_pm' | '24_hours';
+};
+export type TimePeriod = 'AM' | 'PM';
 //# sourceMappingURL=types.d.ts.map

package/dist/components/TimeInput/utils.d.ts

@@ -1,10 +1,10 @@
-import { RefObject } from 'react';
-export declare function handleScrollIntoView(hourContainerRef: RefObject<HTMLDivElement>, minuteContainerRef: RefObject<HTMLDivElement>, inputValue: string, timePeriodContainerRef?: RefObject<HTMLDivElement>): void;
-export declare function handleSetNativeInputValue(timeInputRef: RefObject<HTMLInputElement>, value?: string | number | readonly string[]): void;
-export declare function setObserverOptions(mainContainer: RefObject<HTMLDivElement>): {
-    root: HTMLDivElement | null;
-    threshold: number;
-    rootMargin: string;
-};
-export declare function onChangeFormatter(event: React.FormEvent<HTMLInputElement> | React.ChangeEvent<HTMLInputElement>, isAMPMVariant: boolean): string;
+import { RefObject } from 'react';
+export declare function handleScrollIntoView(hourContainerRef: RefObject<HTMLDivElement>, minuteContainerRef: RefObject<HTMLDivElement>, inputValue: string, timePeriodContainerRef?: RefObject<HTMLDivElement>): void;
+export declare function handleSetNativeInputValue(timeInputRef: RefObject<HTMLInputElement>, value?: string | number | readonly string[]): void;
+export declare function setObserverOptions(mainContainer: RefObject<HTMLDivElement>): {
+    root: HTMLDivElement | null;
+    threshold: number;
+    rootMargin: string;
+};
+export declare function onChangeFormatter(event: React.FormEvent<HTMLInputElement> | React.ChangeEvent<HTMLInputElement>, isAMPMVariant: boolean): string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Timeline/components/Timeline.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITimelineProps } from '../types';
-export declare const Timeline: FC<ITimelineProps>;
+import { FC } from 'react';
+import { ITimelineProps } from '../types';
+export declare const Timeline: FC<ITimelineProps>;
 //# sourceMappingURL=Timeline.d.ts.map

package/dist/components/Timeline/components/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAkBvC,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAEvC,CAAC"}

package/dist/components/Timeline/components/Timeline.js

@@ -4,27 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Timeline = void 0;
-var _react = require("@emotion/react");
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var Timeline = function Timeline(_ref) {
   var children = _ref.children,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'left' : _ref$position,
     fullWidth = _ref.fullWidth;
-  var flexDirections = {
-    left: 'row',
-    right: 'row-reverse',
-    alternate: 'alternate'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
-    theme: {
-      position: flexDirections[position]
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineContainer, {
-      fullWidth: fullWidth,
-      children: children
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineContainer, {
+    fullWidth: fullWidth,
+    children: children
   });
 };
 exports.Timeline = Timeline;

package/dist/components/Timeline/components/TimelineContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineContentProps } from '../types';
-export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineContentProps } from '../types';
+export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
 //# sourceMappingURL=TimelineContent.d.ts.map

package/dist/components/Timeline/components/TimelineItem.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
+import { FC, HTMLAttributes } from 'react';
+export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
 //# sourceMappingURL=TimelineItem.d.ts.map

package/dist/components/Timeline/components/TimelineSeparator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineSeparatorProps } from '../types';
-export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineSeparatorProps } from '../types';
+export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
 //# sourceMappingURL=TimelineSeparator.d.ts.map

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

@@ -1,5 +1,5 @@
-export { Timeline } from './components/Timeline';
-export { TimelineItem } from './components/TimelineItem';
-export { TimelineSeparator } from './components/TimelineSeparator';
-export { TimelineContent } from './components/TimelineContent';
+export { Timeline } from './components/Timeline';
+export { TimelineItem } from './components/TimelineItem';
+export { TimelineSeparator } from './components/TimelineSeparator';
+export { TimelineContent } from './components/TimelineContent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const TimelineItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const TimelineSeparatorContainer: 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 TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
-    icon?: import("react").ReactNode;
-    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const TimelineItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const TimelineSeparatorContainer: 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 TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
+    icon?: import("react").ReactNode;
+    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,iBAAiB;;;;;6GAW7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAejC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAOtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAOjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;yGAyBnC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAU/B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,iBAAiB;;;;;6GAW7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAejC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAOtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAIjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;yGAmBnC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAU/B,CAAC"}

package/dist/components/Timeline/styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TimelineSeparatorLine = exports.TimelineSeparatorContainer = exports.TimelineSeparatorCircle = exports.TimelineItemContent = exports.TimelineItemContainer = exports.TimelineContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _getColorValue = require("./../../utils/getColorValue");
+var _colorCheck = require("../../utils/colorCheck");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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) } })); }
@@ -22,15 +22,15 @@ exports.TimelineItemContainer = TimelineItemContainer;
 var TimelineSeparatorContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  min-width: 66px;\n"])));
 exports.TimelineSeparatorContainer = TimelineSeparatorContainer;
 var TimelineSeparatorLine = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 66px;\n  width: 2px;\n  background-color: ", ";\n"])), function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.neutral1;
+  return props.theme.colors.neutral.neutral1;
 });
 exports.TimelineSeparatorLine = TimelineSeparatorLine;
-var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  background-color: ", ";\n\n  & svg {\n    color: ", ";\n  }\n"])), function (props) {
+var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  background-color: ", ";\n  svg {\n    color: ", ";\n  }\n"])), function (props) {
   return props.icon ? '10px' : '4px';
 }, function (props) {
-  return (0, _getColorValue.getColorValue)(props.circleColor || (props.theme.colorMode === 'dark' ? 'neutral.neutral5' : 'neutral.neutral1'), props.theme);
+  return props.circleColor ? (0, _colorCheck.stripThemeColors)(props.circleColor, props.theme.colors) || props.circleColor : props.theme.colors.neutral.neutral1;
 }, function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
+  return props.theme.colors.neutral.black;
 });
 exports.TimelineSeparatorCircle = TimelineSeparatorCircle;
 var TimelineItemContent = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.25rem;\n  flex: 1;\n\n  & p {\n    margin: 0;\n  }\n"])));

package/dist/components/Timeline/timeline.test.d.ts

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

package/dist/components/Timeline/timeline.test.js

@@ -22,7 +22,6 @@ describe('Timeline', function () {
   });
   it('should it render the Timeline component with different position', function () {
     var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
-        position: "right",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
             title: "Title",
@@ -87,7 +86,6 @@ describe('Timeline', function () {
   });
   it('should it render the Timeline component with multiply childrens', function () {
     var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Timeline, {
-        position: "alternate",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {

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

@@ -1,21 +1,20 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
-    position?: 'left' | 'right' | 'alternate';
-    fullWidth?: boolean;
-};
-export type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
-    title: string;
-    description: string;
-    date?: Date;
-};
-export type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
-    icon?: ReactNode;
-    circleColor?: GlobalColorsProps | (string & {});
-};
-export type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        position?: 'left' | 'right' | 'alternate';
-    };
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
+    fullWidth?: boolean;
+};
+export type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description: string;
+    date?: Date;
+};
+export type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
+    icon?: ReactNode;
+    circleColor?: GlobalColorsProps | (string & {});
+};
+export type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        position?: 'left' | 'right' | 'alternate';
+    };
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Timeline/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;KAC3C,CAAC;CACH,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;KAC3C,CAAC;CACH,CAAC"}

package/dist/components/Toast/button-example.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IToastConfig } from './types';
-declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
-    buttonText?: String | undefined;
-}) => JSX.Element;
-export default ToastButtonExample;
+/// <reference types="react" />
+import { IToastConfig } from './types';
+declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
+    buttonText?: String | undefined;
+}) => JSX.Element;
+export default ToastButtonExample;
 //# sourceMappingURL=button-example.d.ts.map

package/dist/components/Toast/components/Toast.d.ts

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

package/dist/components/Toast/contexts/ToastProvider.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ToastProviderProps, ToastContextProps } from '../types';
-export declare const ToastContext: import("react").Context<ToastContextProps>;
-declare const ToastProvider: ({ children }: ToastProviderProps) => JSX.Element;
-export default ToastProvider;
+/// <reference types="react" />
+import { ToastProviderProps, ToastContextProps } from '../types';
+export declare const ToastContext: import("react").Context<ToastContextProps>;
+declare const ToastProvider: ({ children }: ToastProviderProps) => JSX.Element;
+export default ToastProvider;
 //# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Toast/hooks/useToast.d.ts

@@ -1,3 +1,3 @@
-declare const useToast: () => (options: import("../types").IToastConfig) => void;
-export default useToast;
+declare const useToast: () => (options: import("../types").IToastConfig) => void;
+export default useToast;
 //# sourceMappingURL=useToast.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const ToastContainer: () => JSX.Element;
-export default ToastContainer;
+/// <reference types="react" />
+declare const ToastContainer: () => JSX.Element;
+export default ToastContainer;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledToastContainerOverlay: 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 StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledToastManagerInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledToastComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledToastContainerOverlay: 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 StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastManagerInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Toast/toast.test.d.ts

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

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

@@ -1,30 +1,30 @@
-import { ReactNode } from 'react';
-import { IconName } from '../Icon/types';
-export type IToastConfig = {
-    title: string;
-    content: ReactNode;
-    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
-    duration?: number;
-    icon?: IconName;
-    onClose?: (id: string) => void;
-};
-export type IToastList = {
-    id: string;
-    config: Required<Omit<IToastConfig, 'onClose'>> & {
-        onClose?: (id: string) => void;
-    };
-};
-export type Toast = IToastConfig & {
-    toastId: string;
-    close: (id: string) => void;
-};
-export type ToastContextProps = {
-    add: (options: IToastConfig) => void;
-    remove: (id: string) => void;
-    toasts: IToastList[];
-};
-export type ToastProviderProps = {
-    children?: React.ReactNode;
-};
+import { ReactNode } from 'react';
+import { IconName } from '../Icon/types';
+export type IToastConfig = {
+    title: string;
+    content: ReactNode;
+    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
+    duration?: number;
+    icon?: IconName;
+    onClose?: (id: string) => void;
+};
+export type IToastList = {
+    id: string;
+    config: Required<Omit<IToastConfig, 'onClose'>> & {
+        onClose?: (id: string) => void;
+    };
+};
+export type Toast = IToastConfig & {
+    toastId: string;
+    close: (id: string) => void;
+};
+export type ToastContextProps = {
+    add: (options: IToastConfig) => void;
+    remove: (id: string) => void;
+    toasts: IToastList[];
+};
+export type ToastProviderProps = {
+    children?: React.ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    isVisible: boolean;
-    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    showLabelModal: boolean;
-    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-} & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    isVisible: boolean;
+    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TooltipLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipLabel.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,YAAY;;;;;;;;;;kDA0DxB,CAAC"}
+{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipLabel.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;kDA4DxB,CAAC"}