@pedidopago/ui 1.0.6

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

@@ -0,0 +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>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +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;;;sIAUtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;+HAqCzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;+HAgB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGA8C1B,CAAC"}

package/dist/components/Avatar/styles.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarWrapper = exports.AvatarSkeleton = exports.AvatarInitials = exports.AvatarInformation = exports.AvatarImage = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _colorCheck = require("../../utils/colorCheck");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var AvatarWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: ", ";\n  justify-content: ", ";\n  gap: 8px;\n"])), function (props) {
+  return props.theme.size === 'large' ? 'column' : 'row';
+}, function (props) {
+  return props.theme.size === 'large' ? 'center' : 'flex-start';
+});
+
+exports.AvatarWrapper = AvatarWrapper;
+
+var AvatarImage = _styled.default.img(function (props) {
+  var size = props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px';
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    border-radius: 99999999px;\n    object-fit: cover;\n  "])), size, size);
+});
+
+exports.AvatarImage = AvatarImage;
+
+var AvatarInitials = _styled.default.div(function (props) {
+  var size = props.theme.size === 'small' ? props.theme.space[8] : props.theme.size === 'medium' ? props.theme.space[12] : '3.75rem';
+  var fontSize = props.theme.size === 'small' ? props.theme.fontSizes.xxs : props.theme.size === 'medium' ? props.theme.fontSizes.lg : props.theme.fontSizes.xl;
+  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;
+  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  "])), fontSize, color, props.theme.colors.neutral.black, size, size);
+});
+
+exports.AvatarInitials = AvatarInitials;
+
+var AvatarInformation = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: ", ";\n  gap: ", ";\n\n  & p {\n    margin: 0;\n    line-height: normal;\n    color: ", ";\n  }\n\n  & p:last-child {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.size === 'large' ? 'center' : 'flex-start';
+}, function (props) {
+  return props.theme.size === 'small' ? 0 : props.theme.size === 'large' ? '0.25rem' : '0.5rem';
+}, function (props) {
+  return props.theme.colors.neutral.black;
+}, function (props) {
+  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) {
+  return props.circle ? "\n    width: ".concat(props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px', ";\n    height: ").concat(props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px', ";\n  ") : "\n    height: ".concat(props.description ? '8px' : '10px', ";\n    width: ").concat(props.description ? '82px' : '44px', ";\n  ");
+}, function (props) {
+  return props.theme.colors.neutral.neutral1;
+}, function (props) {
+  return props.theme.colors.neutral.neutral2;
+});
+
+exports.AvatarSkeleton = AvatarSkeleton;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE1D,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE7C,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;KACpC,GAAG,gBAAgB,CAAC;CACtB,CAAC"}

package/dist/components/Avatar/types.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.test.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/badge.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Badge/badge.test.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  return utils;
+};
+
+describe('Badge', function () {
+  it('should it render the badge component', function () {
+    var utils = setup({
+      text: 'Teste badge',
+      type: 'primary'
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should it render the badge component in loading state', function () {
+    var utils = setup({
+      text: 'Teste badge',
+      type: 'primary',
+      isLoading: true
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should it render multiply badges', function () {
+    var utils = function utils(type) {
+      return setup({
+        text: 'Teste badge',
+        type: type,
+        isLoading: true
+      });
+    };
+
+    expect(utils({
+      type: 'primary'
+    }).container).toBeInTheDocument();
+    expect(utils({
+      type: 'secondary'
+    }).container).toBeInTheDocument();
+    expect(utils({
+      type: 'informative'
+    }).container).toBeInTheDocument();
+    expect(utils({
+      type: 'warning'
+    }).container).toBeInTheDocument();
+    expect(utils({
+      type: 'error'
+    }).container).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,5 @@
+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/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,CAgB1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Badge/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _Skeleton = _interopRequireDefault(require("../Skeleton"));
+
+var _styles = require("./styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Styles
+var Badge = function Badge(_ref) {
+  var type = _ref.type,
+      text = _ref.text,
+      isLoading = _ref.isLoading;
+  return /*#__PURE__*/React.createElement(_styles.BadgeContainer, null, !isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.BadgeCircle, {
+    type: type
+  }), /*#__PURE__*/React.createElement(_styles.BadgeText, null, text)) : /*#__PURE__*/React.createElement(_Flex.default, {
+    spacing: "2"
+  }, /*#__PURE__*/React.createElement(_Skeleton.default, {
+    animation: "wave",
+    variant: "circle",
+    width: 15,
+    height: 15
+  }), /*#__PURE__*/React.createElement(_Skeleton.default, {
+    animation: "wave",
+    variant: "text",
+    width: 70,
+    height: 15
+  })));
+};
+
+var _default = Badge;
+exports.default = _default;

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

@@ -0,0 +1,21 @@
+/// <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 BadgeText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+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/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;4HAetB,CAAC;AAEH,eAAO,MAAM,SAAS;;;2GAMrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;yGAoCzB,CAAC"}

package/dist/components/Badge/styles.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BadgeText = exports.BadgeSkeleton = exports.BadgeContainer = exports.BadgeCircle = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var BadgeContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+
+exports.BadgeContainer = BadgeContainer;
+
+var BadgeCircle = _styled.default.div(function (props) {
+  var theme = props.theme,
+      type = props.type;
+  var currentColor = !theme.colors[type] || type === 'neutral' ? theme.colors.neutral.neutral1 : theme.colors[type].default;
+  return "\n    width: 10px;\n    height: 10px;\n    border-radius: 999999px;\n    box-shadow: inset 0 0 0 3px ".concat(currentColor, ";\n    margin-right: 8px;\n  ");
+});
+
+exports.BadgeCircle = BadgeCircle;
+
+var BadgeText = _styled.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (props) {
+  return props.theme.fontSizes.xxs;
+}, function (props) {
+  return props.theme.colorMode === 'light' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.white;
+});
+
+exports.BadgeText = BadgeText;
+
+var BadgeSkeleton = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: 10px;\n  display: block;\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\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) {
+  return props.circle ? '10px' : '4rem';
+}, function (props) {
+  return props.circle ? '999999px' : '2px';
+}, function (props) {
+  return props.theme.colors.neutral.neutral1;
+}, function (props) {
+  return props.theme.colors.neutral.neutral2;
+});
+
+exports.BadgeSkeleton = BadgeSkeleton;

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

@@ -0,0 +1,11 @@
+declare type BadgeTypes = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'informative' | 'success' | 'success_secondary' | 'warning' | 'warning_secondary' | 'error' | 'critical';
+export declare type IBadgeProps = {
+    type: BadgeTypes;
+    text: string;
+    isLoading?: boolean;
+};
+export declare type BadgeStyledProps = {
+    type: BadgeTypes;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,aAAK,UAAU,GACX,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,SAAS,GACT,mBAAmB,GACnB,OAAO,GACP,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC"}

package/dist/components/Badge/types.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC"}

package/dist/components/Button/Button.test.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, "Button test"));
+  return utils;
+};
+
+describe('Button', function () {
+  it('Should be Rendered', function () {
+    var _setup = setup({
+      text: 'button text',
+      color: '#fff',
+      variant: 'solid'
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('calls onClick prop when clicked', function () {
+    var handleClick = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      text: "button text",
+      variant: "solid",
+      color: "#fff",
+      onClick: handleClick
+    }, "Click Me"));
+
+    _react.fireEvent.click(_react.screen.getByRole('button'));
+
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+  it('disabled button', function () {
+    var handleClick = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      disabled: true,
+      text: "button text",
+      variant: "solid",
+      color: "#fff",
+      onClick: handleClick
+    }, "Click Me"));
+    expect(_react.screen.getByRole('button')).toBeDisabled();
+  });
+});

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { IButtonProps } from './types';
+declare type Props = ComponentPropsWithoutRef<'button'>;
+declare const Button: FC<IButtonProps & Props>;
+export default Button;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AASrD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,aAAK,KAAK,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAEhD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,GAAG,KAAK,CA0EpC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _index = require("../../shared/theme/index");
+
+var _fuctionsColors = require("../../utils/fuctionsColors");
+
+var _styles = require("./styles");
+
+var _getColorValue = require("../../utils/getColorValue");
+
+var _excluded = ["children", "disabled", "icon", "isLoading", "onClick", "text", "variant", "color", "size", "hoverSolid", "focusSolid", "disabledColor", "iconPosition", "fullWidth", "colorText"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Button = function Button(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      icon = _ref.icon,
+      isLoading = _ref.isLoading,
+      onClick = _ref.onClick,
+      text = _ref.text,
+      variant = _ref.variant,
+      color = _ref.color,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      hoverSolid = _ref.hoverSolid,
+      focusSolid = _ref.focusSolid,
+      disabledColor = _ref.disabledColor,
+      iconPosition = _ref.iconPosition,
+      fullWidth = _ref.fullWidth,
+      colorText = _ref.colorText,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useTheme = (0, _index.useTheme)(),
+      theme = _useTheme.theme;
+
+  if (variant == null) {
+    variant = 'solid';
+  }
+
+  var colorr = (0, _getColorValue.getColorValue)(colorText || '', theme, 'success.default');
+
+  if (!color) {
+    color = colorr;
+  }
+
+  disabledColor = color + 76;
+  var newHover = (0, _fuctionsColors.hoverFunction)(color);
+  var newFocus = (0, _fuctionsColors.focusFunction)(color);
+  var sharedProps = {
+    fullWidth: fullWidth,
+    disabledColor: disabledColor,
+    color: color,
+    isLoading: isLoading,
+    text: text,
+    variant: variant,
+    size: size,
+    iconPosition: iconPosition
+  };
+
+  if (icon === undefined) {
+    icon = 'message-square';
+  }
+
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(_styles.LoadingButton, {
+      variant: variant,
+      size: size,
+      fullWidth: fullWidth
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(_styles.Buttons, _extends({}, sharedProps, {
+    hoverSolid: newHover,
+    colorText: colorr,
+    focusSolid: newFocus,
+    onClick: onClick,
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_styles.DivIcon, _extends({
+    disabled: disabled,
+    hoverSolid: newHover,
+    focusSolid: newFocus
+  }, sharedProps), iconPosition === 'left' && !isLoading && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: icon
+  }), children, text, /*#__PURE__*/React.createElement(_styles.SpanIcon, _extends({
+    disabled: disabled,
+    hoverSolid: newHover,
+    focusSolid: newFocus
+  }, sharedProps), iconPosition === 'right' && !isLoading && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: icon
+  }))));
+};
+
+var _default = Button;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { IButtonProps, GenericInputProps, GenericThemeProps } from './types';
+declare type StyledIconProps = {
+    colorText?: string;
+};
+export declare const Buttons: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericInputProps & IButtonProps & StyledIconProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SpanIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IButtonProps & GenericInputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DivIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IButtonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE7E,aAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO;;;0KA4FnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;8IAAkD,CAAC;AACxE,eAAO,MAAM,OAAO;;;wHAQnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;6HAiDzB,CAAC"}

package/dist/components/Button/styles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpanIcon = exports.LoadingButton = exports.DivIcon = exports.Buttons = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Buttons = _styled.default.button(function (props) {
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-family: Poppins;\n      font-style: normal;\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 150%;\n      border-radius: 8px;\n      border: 0px;\n      cursor: pointer;\n      //width: 102px;\n      height: ", ";\n      padding-left: 24px;\n      padding-right: 24px;\n      color: white;\n      background-color: ", ";\n      ", "\n      ", "\n\n  ", "\n\n\n    ", "\n    ", "\n    "])), props.theme.buttonSize[props.size || 'sm'], props.color || props.colorText, props.fullWidth === true && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        width: ", ";\n      "])), props.fullWidth ? '100%' : props.theme.buttonSize[props.size || 'sm']), props.variant === 'solid' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        &:hover {\n          background-color: ", ";\n        }\n\n        &:focus {\n          background-color: ", ";\n        }\n        &:disabled {\n          background-color: ", ";\n          cursor: not-allowed;\n        }\n      "])), props.hoverSolid, props.focusSolid, props.disabledColor), props.variant === 'outline' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background-color: transparent;\n        color: ", ";\n        border: 3px ", " solid;\n\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:disabled {\n          background-color: transparent;\n          cursor: not-allowed;\n          border: 3px ", " solid;\n          color: ", ";\n        }\n      "])), props.color, props.color, props.color + 33, props.color + 51, props.disabledColor, props.disabledColor), props.variant === 'ghost' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        background-color: transparent;\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n        &:focus {\n          color: ", ";\n        }\n        &:disabled {\n          color: ", ";\n          cursor: not-allowed;\n        }\n      "])), props.color, props.hoverSolid, props.focusSolid, props.disabledColor), props.variant === 'link' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        text-decoration: underline;\n        background-color: transparent;\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n        &:focus {\n          color: ", ";\n        }\n        &:disabled {\n          color: ", ";\n          cursor: not-allowed;\n        }\n      "])), props.color, props.hoverSolid, props.focusSolid, props.disabledColor));
+});
+
+exports.Buttons = Buttons;
+
+var SpanIcon = _styled.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""])));
+
+exports.SpanIcon = SpanIcon;
+
+var DivIcon = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 5px;\n\n  align-items: center;\n  text-align: center;\n  align-content: center;\n  justify-content: center;\n"])));
+
+exports.DivIcon = DivIcon;
+
+var LoadingButton = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-radius: 8px;\n  background-color: ", ";\n  overflow: hidden;\n  height: ", ";\n\n  ", "\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\n  ", "\n  ", "\n"])), function (props) {
+  return props.theme.colors.neutral.neutral1;
+}, function (props) {
+  return props.theme.buttonSize[props.size || 'sm'];
+}, function (props) {
+  return props.fullWidth === true && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      width: ", ";\n    "])), props.fullWidth ? '100%' : props.theme.buttonSize[props.size || 'sm']);
+}, function (props) {
+  return props.theme.colors.neutral.neutral2;
+}, function (props) {
+  return props.variant === 'ghost' && (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      width: 102px;\n      height: 24px;\n    "])));
+}, function (props) {
+  return props.variant === 'link' && (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      width: 102px;\n      height: 24px;\n    "])));
+});
+
+exports.LoadingButton = LoadingButton;

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

@@ -0,0 +1,32 @@
+import { HTMLProps } from 'react';
+import { ExtendThemeProps } from '../../shared/theme/index';
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from '../../shared/theme';
+export declare type GenericInputProps = {
+    theme?: ExtendThemeProps;
+};
+export interface IButtonProps {
+    disabled?: boolean;
+    icon?: IconName;
+    isLoading?: boolean;
+    size?: 'sm' | 'md' | 'xl';
+    variant: 'outline' | 'solid' | 'ghost' | 'link';
+    color: string;
+    hoverSolid?: string;
+    focusSolid?: string;
+    disabledColor?: string;
+    iconPosition?: 'left' | 'right';
+    shadesColor?: string;
+    fullWidth?: boolean;
+    colorText?: string | GlobalColorsProps;
+    text: string;
+    buttonProps?: HTMLProps<HTMLButtonElement>;
+}
+export declare type GenericThemeProps = {
+    theme?: ExtendThemeProps;
+    indicatorColor?: GlobalColorsProps | (string & {});
+    fullWidth?: boolean;
+    size: 'sm' | 'md' | 'xl';
+    variant: 'link' | 'outline' | 'solid' | 'ghost';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AACF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC5C;AAED,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;CACjD,CAAC"}

package/dist/components/Button/types.js

@@ -0,0 +1 @@
+"use strict";