@pedidopago/ui 1.7.20 → 1.7.22

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateInputProps } from './types';
-export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, onChange, disabled, disableWeekendDays, iconColor, ...rest }: DateInputProps): JSX.Element;
+/// <reference types="react" />
+import { DateInputProps } from './types';
+export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, onChange, disabled, disableWeekendDays, iconColor, ...rest }: DateInputProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-export declare const DateInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+export declare const DateInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,19 +1,19 @@
-import { GlobalColorsProps } from '../../shared/theme';
-import { DatePickerProps } from '../DatePicker/types';
-import { InputAlertTypes } from '../Input/types';
-export type ValueDate = Date | [Date, Date] | number | [number, number];
-export interface DateInputProps extends DatePickerProps {
-    onChange?: (value: ValueDate) => void;
-    label?: string;
-    placeholder?: string;
-    helperText?: string;
-    alert?: InputAlertTypes;
-    disabled?: boolean;
-    locales?: string | string[];
-    localeOptions?: Intl.DateTimeFormatOptions;
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    disableWeekendDays?: boolean;
-    iconColor?: GlobalColorsProps | (string & {});
-}
+import { GlobalColorsProps } from '../../shared/theme';
+import { DatePickerProps } from '../DatePicker/types';
+import { InputAlertTypes } from '../Input/types';
+export type ValueDate = Date | [Date, Date] | number | [number, number];
+export interface DateInputProps extends DatePickerProps {
+    onChange?: (value: ValueDate) => void;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    alert?: InputAlertTypes;
+    disabled?: boolean;
+    locales?: string | string[];
+    localeOptions?: Intl.DateTimeFormatOptions;
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    disableWeekendDays?: boolean;
+    iconColor?: GlobalColorsProps | (string & {});
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DatePicker/components/DatePickerContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DatePickerContentProps } from '../types';
-export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, }: DatePickerContentProps) => JSX.Element;
+/// <reference types="react" />
+import { DatePickerContentProps } from '../types';
+export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, }: DatePickerContentProps) => JSX.Element;
 //# sourceMappingURL=DatePickerContent.d.ts.map

package/dist/components/DatePicker/components/DateYearPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateYearPickerProps } from '../types';
-export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, }: DateYearPickerProps) => JSX.Element;
+/// <reference types="react" />
+import { DateYearPickerProps } from '../types';
+export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, }: DateYearPickerProps) => JSX.Element;
 //# sourceMappingURL=DateYearPicker.d.ts.map

package/dist/components/DatePicker/datepicker.test.d.ts

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

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
+export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,78 +1,78 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isExtended: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerContainer: 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 DatePickerHeader: 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 DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    enableYearPicker?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isHidden?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DatePickerBody: 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 DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isRange?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isPrevNextMonth?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    isToday?: boolean | undefined;
-    isInTheRange?: boolean | undefined;
-    isEndDateOfRange?: boolean | undefined;
-    isStartDateOfRange?: boolean | undefined;
-    isFirstDayOfMonth?: boolean | undefined;
-    isLastDayOfMonth?: boolean | undefined;
-    isTheSameDate?: boolean | undefined;
-    disabled?: boolean | undefined;
-    showSelectedDate?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DateYearPickerContainer: 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 DateYearPickerBody: 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 DateYearPickerCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isSelected?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isExtended: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerContainer: 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 DatePickerHeader: 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 DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    enableYearPicker?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isHidden?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DatePickerBody: 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 DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isRange?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isPrevNextMonth?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isToday?: boolean | undefined;
+    isInTheRange?: boolean | undefined;
+    isEndDateOfRange?: boolean | undefined;
+    isStartDateOfRange?: boolean | undefined;
+    isFirstDayOfMonth?: boolean | undefined;
+    isLastDayOfMonth?: boolean | undefined;
+    isTheSameDate?: boolean | undefined;
+    disabled?: boolean | undefined;
+    showSelectedDate?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateYearPickerContainer: 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 DateYearPickerBody: 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 DateYearPickerCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAsBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;+HA8J/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;yGAsC9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAsBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;+HA2J/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;yGAkC9B,CAAC"}

package/dist/components/DatePicker/styles.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DateYearPickerContainer = exports.DateYearPickerCell = exports.DateYearPickerBody = exports.DatePickerTableRow = exports.DatePickerTableCellSpan = exports.DatePickerTableCell = exports.DatePickerHeaderTitle = exports.DatePickerHeaderButton = exports.DatePickerHeader = exports.DatePickerContentContainer = exports.DatePickerContainer = exports.DatePickerBodyTable = exports.DatePickerBody = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colorCheck = require("../../utils/colorCheck");
-var _colorToGray = require("../../utils/colorToGray");
 var _getColorValue = require("../../utils/getColorValue");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -52,15 +51,15 @@ exports.DatePickerTableRow = DatePickerTableRow;
 var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 0;\n  padding: 12px;\n  text-align: center;\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: ", ";\n\n  color: ", ";\n\n  user-select: none;\n\n  transition: background 150ms ease;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &.is-current[aria-selected='false']:before {\n    border-radius: 0 50% 50% 0 !important;\n  }\n\n  &.is-current[aria-selected='true']:before {\n    display: none;\n  }\n"])), function (props) {
   return !props.isPrevNextMonth && !props.disabled && props.showSelectedDate && (props.isSelected || props.isEndDateOfRange) ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : 'transparent';
 }, function (props) {
-  return props.isPrevNextMonth ? props.theme.colors.neutral.neutral2 : props.isSelected || props.isEndDateOfRange ? !props.showSelectedDate ? props.theme.colors.neutral.black : props.theme.colors.body.light : props['aria-selected'] ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : props.theme.colors.neutral.black;
+  return props.isPrevNextMonth ? props.theme.colors.neutral.neutral2 : props.isSelected || props.isEndDateOfRange ? !props.showSelectedDate ? props.theme.colors.neutral.black : props.theme.lightColors.neutral.white : props['aria-selected'] ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : props.theme.colors.neutral.black;
 }, function (props) {
   return props.disabled && "\n    pointer-events: none;\n    cursor: default;\n    color: ".concat(props.theme.colors.neutral.neutral1, ";\n  ");
 }, function (props) {
   return props.isToday && !props.isSelected && !props.isEndDateOfRange && "\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      border: solid 1px ".concat(props.theme.colors.neutral.neutral2, ";\n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
-  return !props.isTheSameDate && (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    \n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n      transform: translate(-50%, -50%);\n    }\n  ");
+  return !props.isTheSameDate && (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    \n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n\n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
-  return !props.isSelected && !props.isEndDateOfRange && (0, _colorCheck.parseHslColorToString)((0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme)).neutral1);
+  return !props.isSelected && !props.isEndDateOfRange && props.theme.colors.neutral.neutral1;
 }, function (props) {
   return (props['aria-selected'] !== 'true' || props.isStartDateOfRange || props.isFirstDayOfMonth || props.isSelected || props.isLastDayOfMonth) && "\n      &.is-hover {\n          &:before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100%;\n            border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '50%' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n            height: 96%;\n            background-color: ").concat(!props.isPrevNextMonth && !props.disabled && (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1), "; \n            transform: translate(-50%, -50%);\n          }\n        }\n      }");
 });
@@ -84,6 +83,6 @@ var DateYearPickerCell = _styled.default.div(_templateObject13 || (_templateObje
 }, function (props) {
   return props.isSelected && "\n    background-color: ".concat((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), ";\n    color: white;\n  ");
 }, function (props) {
-  return !props.isSelected && (0, _colorCheck.parseHslColorToString)((0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme)).neutral1);
+  return !props.isSelected && props.theme.colors.neutral.neutral1;
 });
 exports.DateYearPickerCell = DateYearPickerCell;

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

@@ -1,70 +1,70 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-import { ValueDate } from '../DateInput/types';
-export type DatePickerProps = {
-    /**
-     * Sets the date picker's type.
-     * @default 'date'
-     */
-    type?: 'date' | 'range';
-    /**
-     * Sets the date container type.
-     * @default 'compact'
-     */
-    variant?: 'compact' | 'extended';
-    /**
-     * Sets the date picker's current/initial value.
-     */
-    value?: ValueDate;
-    /**
-     * Sets the date picker's minimum month and year.
-     * @summary To set the minimum date, the date needs to be the first day of the month.
-     */
-    minDate?: Date | number | string;
-    /**
-     * Sets the date picker's maximum month and year.
-     * @summary To set the maximum date, the date needs to be the first day of the month.
-     */
-    maxDate?: Date | number | string;
-    /**
-     * Callback function that is called when the date picker's value changes.
-     * @param {Date} date - The new date.
-     */
-    onChange?: (date: Date | [Date, Date]) => void;
-    color?: GlobalColorsProps | (string & {});
-    disableWeekendDays?: boolean;
-    setIsFirstClickDateInput?: (prev: boolean) => void;
-    isFirstClickDateInput?: boolean;
-    enableYearPicker?: boolean;
-};
-export type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorSelected: GlobalColorsProps | (string & {});
-    };
-};
-export type DatePickerContentProps = {
-    variant?: 'compact' | 'extended';
-    startDate: Date | null;
-    date: Date | null;
-    endDate: Date | null;
-    isInTheRange: (currentDate: Date) => boolean;
-    handleMouseOver: (currentDate: Date) => void;
-    handleChange: (newDate: Date) => void;
-    handleChangeDate: (newDate: Date) => void;
-    handleToggleYearPicker?: () => void;
-    enableYearPicker?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    showSelectedDate?: boolean;
-    type?: 'date' | 'range';
-    color?: 'primary' | 'secondary' | 'tertiary';
-    hideNextMonthButton?: boolean;
-    hidePrevMonthButton?: boolean;
-    disableWeekendDays?: boolean;
-};
-export type DateYearPickerProps = {
-    date: Date;
-    handleChangeDate: (newDate: Date) => void;
-    minDate: Date | number | string;
-    maxDate: Date | number | string;
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+import { ValueDate } from '../DateInput/types';
+export type DatePickerProps = {
+    /**
+     * Sets the date picker's type.
+     * @default 'date'
+     */
+    type?: 'date' | 'range';
+    /**
+     * Sets the date container type.
+     * @default 'compact'
+     */
+    variant?: 'compact' | 'extended';
+    /**
+     * Sets the date picker's current/initial value.
+     */
+    value?: ValueDate;
+    /**
+     * Sets the date picker's minimum month and year.
+     * @summary To set the minimum date, the date needs to be the first day of the month.
+     */
+    minDate?: Date | number | string;
+    /**
+     * Sets the date picker's maximum month and year.
+     * @summary To set the maximum date, the date needs to be the first day of the month.
+     */
+    maxDate?: Date | number | string;
+    /**
+     * Callback function that is called when the date picker's value changes.
+     * @param {Date} date - The new date.
+     */
+    onChange?: (date: Date | [Date, Date]) => void;
+    color?: GlobalColorsProps | (string & {});
+    disableWeekendDays?: boolean;
+    setIsFirstClickDateInput?: (prev: boolean) => void;
+    isFirstClickDateInput?: boolean;
+    enableYearPicker?: boolean;
+};
+export type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorSelected: GlobalColorsProps | (string & {});
+    };
+};
+export type DatePickerContentProps = {
+    variant?: 'compact' | 'extended';
+    startDate: Date | null;
+    date: Date | null;
+    endDate: Date | null;
+    isInTheRange: (currentDate: Date) => boolean;
+    handleMouseOver: (currentDate: Date) => void;
+    handleChange: (newDate: Date) => void;
+    handleChangeDate: (newDate: Date) => void;
+    handleToggleYearPicker?: () => void;
+    enableYearPicker?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    showSelectedDate?: boolean;
+    type?: 'date' | 'range';
+    color?: 'primary' | 'secondary' | 'tertiary';
+    hideNextMonthButton?: boolean;
+    hidePrevMonthButton?: boolean;
+    disableWeekendDays?: boolean;
+};
+export type DateYearPickerProps = {
+    date: Date;
+    handleChangeDate: (newDate: Date) => void;
+    minDate: Date | number | string;
+    maxDate: Date | number | string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DatePicker/utils/getMonthName.d.ts

@@ -1,2 +1,2 @@
-export declare const getMonthName: (month: number) => string;
+export declare const getMonthName: (month: number) => string;
 //# sourceMappingURL=getMonthName.d.ts.map

package/dist/components/Dialog/dialog-example.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export default function DialogExample(props: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export default function DialogExample(props: IDialogProps): JSX.Element;
 //# sourceMappingURL=dialog-example.d.ts.map

package/dist/components/Dialog/dialog.test.d.ts

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAUvC,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,GACR,EAAE,YAAY,eA0Fd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,GACR,EAAE,YAAY,eA+Ed"}

package/dist/components/Dialog/index.js

@@ -10,12 +10,11 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _styles = require("./styles");
 var _useDevices = require("../../shared/hooks/useDevices");
-var _getColorValue = require("../../utils/getColorValue");
-var _react = require("@emotion/react");
-var _invertColor = require("../../utils/invertColor");
 var _colorCheck = require("../../utils/colorCheck");
+var _theme = require("../../shared/theme");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable no-console */
 // Components
 
 // Styles
@@ -35,10 +34,11 @@ function Dialog(_ref) {
     backgroundColor = _ref.backgroundColor,
     contentColor = _ref.contentColor,
     onClose = _ref.onClose;
-  var theme = (0, _react.useTheme)();
+  var _useTheme = (0, _theme.useTheme)(),
+    theme = _useTheme.theme;
   var isMobile = (0, _useDevices.useDevices)('mobile');
-  var backgroundColorValue = (0, _getColorValue.getColorValue)(backgroundColor || (theme.colorMode === 'dark' ? 'neutral.neutral6' : 'body.light'), theme);
-  var contentColorValue = (0, _getColorValue.getColorValue)(contentColor || '', theme, ' ');
+  var backgroundColorValue = backgroundColor ? (0, _colorCheck.stripThemeColors)(backgroundColor, theme.colors) || backgroundColor : theme.colors.neutral.white;
+  var contentColorValue = contentColor ? (0, _colorCheck.stripThemeColors)(contentColor, theme.colors) || contentColor : theme.colors.neutral.black;
   var isHidden = !open;
   var tabIndex = isHidden ? -1 : 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
@@ -61,7 +61,7 @@ function Dialog(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           name: "x",
           size: 24,
-          color: contentColorValue || theme.colorMode === 'dark' ? 'neutral.neutral3' : 'neutral.neutral1'
+          color: theme.colors.neutral.neutral4
         })
       }), !!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: illustration,
@@ -94,7 +94,6 @@ function Dialog(_ref) {
             tabIndex: tabIndex,
             "aria-hidden": isHidden,
             onClick: cancelButton.handler,
-            secondaryButtonColor: (0, _colorCheck.parseHexColorToRgba)((0, _invertColor.invertColor)(backgroundColorValue, true), 0.5),
             children: cancelButton.label
           })]
         })]

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

@@ -1,26 +1,24 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isMobile: boolean;
-    illustration: boolean;
-    backgroundColor: string;
-    contentColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    secondaryButtonColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isMobile: boolean;
+    illustration: boolean;
+    backgroundColor: string;
+    contentColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,SAAS;;;;cACV,OAAO;kBACH,OAAO;qBACJ,MAAM;kBACT,MAAM;yGAkEpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;qHAavB,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAuBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;qHAuB3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,SAAS;;;;cACV,OAAO;kBACH,OAAO;qBACJ,MAAM;kBACT,MAAM;yGAkEpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;qHAavB,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAwBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;qHAmB3B,CAAC"}