@pedidopago/ui 1.7.20 → 1.7.22

package/dist/@types/index.d.ts

@@ -1,7 +1,7 @@
-import { ExtendThemeProps } from '../shared/theme/theme.types';
-export type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorMode: 'light' | 'dark';
-    };
-};
+import { ExtendThemeProps } from '../shared/theme/theme.types';
+export type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorMode: 'light' | 'dark';
+    };
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/alert.test.d.ts

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;wHAoC9B,CAAC;AAEF,eAAO,MAAM,aAAa;;;wHAyBxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;wHAqC9B,CAAC;AAEF,eAAO,MAAM,aAAa;;;wHAyBxB,CAAC"}

package/dist/components/Alert/styles.js

@@ -17,7 +17,7 @@ var StyledAlertWrapper = _styled.default.div(function (_ref) {
     maxWidth = _ref.maxWidth;
   var highlightBackground = type !== 'default' ? theme.colors[type].default : theme.colors.neutral.neutral3;
   var secondaryColor = type !== 'default' ? theme.colors[type].blurred : theme.colors.neutral.neutral1;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: start;\n      padding: 1rem;\n      gap: 1rem;\n      border-radius: 0.5rem;\n      width: 100%;\n      max-width: ", ";\n      background-color: ", ";\n\n      &[data-variant='outlined'] {\n        background-color: transparent;\n        border: 2px solid ", ";\n        color: ", ";\n      }\n\n      &[data-variant='highlighted'] {\n        align-items: center;\n        background: ", "08;\n        border-left: 4px solid ", ";\n        color: ", ";\n\n        svg {\n          color: ", ";\n        }\n      }\n    "])), maxWidth ? "".concat(maxWidth, "px") : '', secondaryColor, secondaryColor, theme.colors.neutral.neutral4, highlightBackground, highlightBackground, theme.colors.neutral.black, highlightBackground);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: start;\n      padding: 1rem;\n      gap: 1rem;\n      border-radius: 0.5rem;\n      width: 100%;\n      max-width: ", ";\n      background-color: ", ";\n      color: ", ";\n\n      &[data-variant='outlined'] {\n        background-color: transparent;\n        border: 2px solid ", ";\n        color: ", ";\n      }\n\n      &[data-variant='highlighted'] {\n        align-items: center;\n        background: ", "08;\n        border-left: 4px solid ", ";\n        color: ", ";\n\n        svg {\n          color: ", ";\n        }\n      }\n    "])), maxWidth ? "".concat(maxWidth, "px") : '', secondaryColor, theme.colors.neutral.black, secondaryColor, theme.colors.neutral.neutral4, highlightBackground, highlightBackground, theme.colors.neutral.black, highlightBackground);
 });
 exports.StyledAlertWrapper = StyledAlertWrapper;
 var StyledIconBox = _styled.default.div(function (_ref2) {

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

@@ -1,43 +1,43 @@
-import { ReactNode } from 'react';
-import { IconName } from '../Icon/types';
-export type AlertTypes = 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
-export type AlertProps = {
-    /**
-     * The icon of the alert.
-     * @default 'info'
-     */
-    icon?: IconName;
-    /**
-     * The variantion of the alert component style
-     * @default 'filled'
-     */
-    variant?: 'outlined' | 'filled' | 'closable' | 'highlighted';
-    /**
-     * The type of the alert component
-     * @default 'default'
-     */
-    type?: AlertTypes;
-    /**
-     * The message of the alert
-     */
-    content?: ReactNode;
-    /**
-     * The title of the alert
-     */
-    title?: string;
-    /**
-     * Sets a max width to alert
-     */
-    maxWidth?: number;
-    /**
-     * Provides a callback that is called when the close button is clicked.
-     * @description This props are available when variant is set to 'closable'
-     */
-    onClose?: () => void;
-    closable?: boolean;
-};
-export type IStyledAlert = {
-    maxWidth?: number;
-    type?: AlertTypes;
-};
+import { ReactNode } from 'react';
+import { IconName } from '../Icon/types';
+export type AlertTypes = 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
+export type AlertProps = {
+    /**
+     * The icon of the alert.
+     * @default 'info'
+     */
+    icon?: IconName;
+    /**
+     * The variantion of the alert component style
+     * @default 'filled'
+     */
+    variant?: 'outlined' | 'filled' | 'closable' | 'highlighted';
+    /**
+     * The type of the alert component
+     * @default 'default'
+     */
+    type?: AlertTypes;
+    /**
+     * The message of the alert
+     */
+    content?: ReactNode;
+    /**
+     * The title of the alert
+     */
+    title?: string;
+    /**
+     * Sets a max width to alert
+     */
+    maxWidth?: number;
+    /**
+     * Provides a callback that is called when the close button is clicked.
+     * @description This props are available when variant is set to 'closable'
+     */
+    onClose?: () => void;
+    closable?: boolean;
+};
+export type IStyledAlert = {
+    maxWidth?: number;
+    type?: AlertTypes;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Avatar/avatar.test.d.ts

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

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

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

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { GenericAvatarStyled } from './types';
-export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const AvatarInitials: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarInformation: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled & {
-    circle?: boolean | undefined;
-    description?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericAvatarStyled } from './types';
+export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const AvatarInitials: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarInformation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled & {
+    circle?: boolean | undefined;
+    description?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,aAAa;;;+HAMzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIAWtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;+HAsCzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;+HAsB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGA8C1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,aAAa;;;+HAMzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIAWtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;+HAsCzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;+HAgB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGA8C1B,CAAC"}

package/dist/components/Avatar/styles.js

@@ -27,7 +27,7 @@ var AvatarInitials = _styled.default.div(function (props) {
   var colorIsHex = (0, _colorCheck.isHexColor)(props.boxColor || '');
   var colorIsRgb = (0, _colorCheck.isRgbHslColor)(props.boxColor || '');
   var colorIsThemeColor = (0, _colorCheck.stripThemeColors)(props.boxColor || '', props.theme.colors);
-  var color = colorIsHex || colorIsRgb ? props.boxColor : colorIsThemeColor || props.theme.colors.primary.disabled;
+  var color = colorIsHex || colorIsRgb ? props.boxColor : colorIsThemeColor || props.theme.colors.neutral.neutral1;
   return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 99999999px;\n    white-space: nowrap;\n    overflow: hidden;\n    font-size: ", ";\n    text-overflow: ellipsis;\n    background-color: ", ";\n    color: ", ";\n    width: ", ";\n    height: ", ";\n    flex-shrink: 0;\n  "])), fontSize, color, props.theme.colors.neutral.black, size, size);
 });
 exports.AvatarInitials = AvatarInitials;
@@ -36,9 +36,9 @@ var AvatarInformation = _styled.default.div(_templateObject4 || (_templateObject
 }, function (props) {
   return props.theme.size === 'small' ? 0 : props.theme.size === 'large' ? '0.25rem' : '0.5rem';
 }, function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
+  return props.theme.colors.neutral.black;
 }, function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral3 : props.theme.colors.neutral.neutral5;
+  return props.theme.colors.neutral.neutral5;
 });
 exports.AvatarInformation = AvatarInformation;
 var AvatarSkeleton = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  border-radius: 999999px;\n  background-color: ", ";\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ", ",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])), function (props) {

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

@@ -1,16 +1,16 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export type IAvatarComponent = {
-    name: string;
-    src?: string;
-    information?: string;
-    boxColor?: GlobalColorsProps | (string & {});
-    size?: 'small' | 'medium' | 'large';
-    isLoading?: boolean;
-};
-export type GenericAvatarStyled = {
-    boxColor?: GlobalColorsProps | (string & {});
-    theme?: {
-        size: 'small' | 'medium' | 'large';
-    } & ExtendThemeProps;
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export type IAvatarComponent = {
+    name: string;
+    src?: string;
+    information?: string;
+    boxColor?: GlobalColorsProps | (string & {});
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+};
+export type GenericAvatarStyled = {
+    boxColor?: GlobalColorsProps | (string & {});
+    theme?: {
+        size: 'small' | 'medium' | 'large';
+    } & ExtendThemeProps;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Badge/badge.test.d.ts

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

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

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

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

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

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

@@ -1,13 +1,13 @@
-import { ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-type BadgeTypes = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'informative' | 'success' | 'success_secondary' | 'warning' | 'warning_secondary' | 'error' | 'critical';
-export type BadgeStyledProps = {
-    type?: BadgeTypes;
-    color?: GlobalColorsProps | (string & {});
-};
-export type IBadgeProps = BadgeStyledProps & {
-    isLoading?: boolean;
-    children: ReactNode;
-};
-export {};
+import { ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+type BadgeTypes = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'informative' | 'success' | 'success_secondary' | 'warning' | 'warning_secondary' | 'error' | 'critical';
+export type BadgeStyledProps = {
+    type?: BadgeTypes;
+    color?: GlobalColorsProps | (string & {});
+};
+export type IBadgeProps = BadgeStyledProps & {
+    isLoading?: boolean;
+    children: ReactNode;
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Button/Button.test.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
-import { ButtonProps } from './types';
-export default function Button({ children, leftIcon, rightIcon, variant, bgColor, size, fullWidth, textColor, type, iconColor, ...props }: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonProps } from './types';
+export default function Button({ children, leftIcon, rightIcon, variant, bgColor, size, fullWidth, textColor, type, iconColor, ...props }: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAiB,EACjB,OAAY,EACZ,IAAW,EACX,SAAS,EACT,SAAc,EACd,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,eA0DvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAO7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAiB,EACjB,OAAY,EACZ,IAAW,EACX,SAAS,EACT,SAAc,EACd,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,eA0DvD"}

package/dist/components/Button/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Button;
+var _Icon = _interopRequireDefault(require("../Icon"));
 var _index = require("../../shared/theme/index");
 var _getColorValue = require("../../utils/getColorValue");
-var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "leftIcon", "rightIcon", "variant", "bgColor", "size", "fullWidth", "textColor", "type", "iconColor"];

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ButtonProps } from './types';
-export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const IconContainer: 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 IconWrapper: 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 { ButtonProps } from './types';
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const IconContainer: 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 IconWrapper: 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/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,eAAe;;;mIA4I3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe;;;mIA8I3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}

package/dist/components/Button/styles.js

@@ -35,10 +35,8 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   }
 }, function (_ref4) {
   var theme = _ref4.theme,
-    textColor = _ref4.textColor,
-    bgColor = _ref4.bgColor;
-  var baseColor = (0, _invertColor.invertColor)(textColor || bgColor || theme.colors.primary.default, true);
-  return textColor !== null && textColor !== void 0 ? textColor : baseColor;
+    textColor = _ref4.textColor;
+  return textColor || theme.lightColors.neutral.white;
 }, function (_ref5) {
   var theme = _ref5.theme,
     bgColor = _ref5.bgColor;
@@ -58,7 +56,7 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
     bgColor = _ref7.bgColor;
   switch (variant) {
     case 'solid':
-      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])));
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          color: ", ";\n          svg,\n          path {\n            color: ", ";\n            fill: ", ";\n          }\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true));
     case 'outline':
       return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          border: 3px ", " solid;\n          box-shadow: none;\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), textColor || bgColor || theme.colors.primary.default, bgColor || textColor || theme.colors.primary.default);
     case 'ghost':