@pedidopago/ui 1.5.21 → 1.5.23

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

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

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

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

package/dist/components/Alert/alert.test.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+};
+
+describe('Alert', function () {
+  it('should it render the alert component', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in outlined variant', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      variant: 'outlined'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in closable variant', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      variant: 'closable'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in success type', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      type: 'success'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in error type', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      type: 'error'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in warning type', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      type: 'warning'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it render the alert component in critical type', function () {
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      type: 'critical'
+    });
+    expect(container.getByText('test')).toBeInTheDocument();
+  });
+  it('should it call the callback provided in onClose prop', function () {
+    var _container$baseElemen;
+
+    var onClose = jest.fn();
+    var container = setup({
+      content: 'test',
+      title: 'Test Toast',
+      variant: 'closable',
+      onClose: onClose
+    });
+    (_container$baseElemen = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen === void 0 ? void 0 : _container$baseElemen.click();
+    expect(onClose).toHaveBeenCalled();
+  });
+});

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ExtendThemeProps } from '../../shared/theme';
+import { ExtendThemeProps } from 'src';
 import { IconName } from '../Icon/types';
 export declare type AlertProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

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

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

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

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

package/dist/components/Avatar/avatar.test.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Avatar', function () {
+  it('should it render the avatar component', function () {
+    var avatar = setup({
+      name: 'John Doe',
+      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
+    });
+    expect(avatar.container).toBeInTheDocument();
+  });
+  it('should it render the avatar component with a image', function () {
+    var _avatar$container$que;
+
+    var avatar = setup({
+      name: 'John Doe',
+      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
+    });
+    expect((_avatar$container$que = avatar.container.querySelector('img')) === null || _avatar$container$que === void 0 ? void 0 : _avatar$container$que.getAttribute('src')).toEqual('https://avatars2.githubusercontent.com/u/1234?s=460&v=4');
+  });
+  it('should it render the avatar component with a name and an information', function () {
+    var avatar = setup({
+      name: 'John Doe',
+      information: 'The user information'
+    });
+    expect(avatar.getByText('John Doe')).toBeInTheDocument();
+    expect(avatar.getByText('The user information')).toBeInTheDocument();
+  });
+  it('should it render the avatar component with a name, information and image', function () {
+    var avatar = setup({
+      name: 'John Doe',
+      information: 'The user information',
+      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
+    });
+    expect(avatar.getByText('John Doe')).toBeInTheDocument();
+    expect(avatar.getByText('The user information')).toBeInTheDocument();
+    expect(avatar.container.querySelector('img')).toBeInTheDocument();
+  });
+  it('should it render the avatar component with avatar name initials', function () {
+    var avatar = setup({
+      name: 'John Doe'
+    });
+    expect(avatar.getByText('JD')).toBeInTheDocument();
+  });
+  it('should it render the avatar component with avatar name initials if the image source is broken', function () {
+    var avatar = setup({
+      name: 'John Doe',
+      src: 'https://broken.link/'
+    });
+    setTimeout(function () {
+      expect(avatar.getByText('JD')).toBeInTheDocument();
+    }, 1000);
+  });
+});

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

@@ -1,4 +1,4 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme';
+import { ExtendThemeProps, GlobalColorsProps } from 'src';
 export declare type IAvatarComponent = {
     name: string;
     src?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEzE,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"}
+{"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/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,82 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 setup = function setup(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  })));
+  return utils;
+};
+
+describe('Badge', function () {
+  it('should it render the badge component', function () {
+    var utils = setup({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Teste badge"
+      }),
+      type: 'primary'
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should it render the badge component in loading state', function () {
+    var utils = setup({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Teste badge"
+      }),
+      type: 'primary',
+      isLoading: true
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should it render multiply badges', function () {
+    var utils = function utils(type) {
+      return setup({
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "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/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,172 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+describe('Button', function () {
+  var setup = function setup(props) {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+      children: "Button test"
+    })));
+
+    var getSkeleton = function getSkeleton() {
+      return utils.getAllByTestId('skeleton')[0];
+    };
+
+    var getLeftIcon = function getLeftIcon() {
+      return utils.getAllByTestId('leftIconId')[0];
+    };
+
+    var getRightIcon = function getRightIcon() {
+      return utils.getAllByTestId('rightIconId')[0];
+    };
+
+    return _objectSpread({
+      getSkeleton: getSkeleton,
+      getLeftIcon: getLeftIcon,
+      getRightIcon: getRightIcon
+    }, utils);
+  };
+
+  it('should be rendered', function () {
+    var _setup = setup({
+      bgColor: '#fff',
+      variant: 'solid'
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should call onClick function when clicked', function () {
+    var handleClick = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      variant: "solid",
+      bgColor: "#fff",
+      onClick: handleClick,
+      children: "Click Me"
+    }));
+
+    _react.fireEvent.click(_react.screen.getByRole('button'));
+
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+  it('should render a disabled button', function () {
+    var handleClick = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      disabled: true,
+      variant: "solid",
+      bgColor: "#fff",
+      onClick: handleClick,
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toBeDisabled();
+    expect(_react.screen.getByRole('button')).not.toHaveStyle('cursor: pointer');
+  });
+  it('should render a ghost variant button', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      variant: "ghost",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
+  });
+  it('should render a link variant button', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      variant: "link",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
+    expect(_react.screen.getByRole('button')).toHaveStyle('text-decoration: underline');
+  });
+  it('should render an outline variant button', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      variant: "outline",
+      textColor: "#ff00ff",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
+    expect(_react.screen.getByRole('button')).toHaveStyle('color: #ff00ff');
+  });
+  it('should render a button that takes full width (boolean)', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      fullWidth: true,
+      variant: "solid",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
+  });
+  it('should render a button that takes full width (Responsive Object)', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      fullWidth: {
+        base: true
+      },
+      variant: "solid",
+      bgColor: "#fff",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
+  });
+  it('should not render a button that takes full width (Responsive Object)', function () {
+    var handleClick = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      fullWidth: {
+        base: false,
+        sm: true
+      },
+      variant: "solid",
+      bgColor: "#fff",
+      onClick: handleClick,
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).not.toHaveStyle('width: 100%');
+  });
+  it('should render a button with a leftIcon', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      leftIcon: "airplay",
+      variant: "solid",
+      children: "Click Me"
+    }));
+
+    var _setup2 = setup({
+      leftIcon: 'airplay'
+    }),
+        getLeftIcon = _setup2.getLeftIcon;
+
+    expect(getLeftIcon()).toBeInTheDocument();
+  });
+  it('should render a button with a rightIcon', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      rightIcon: "airplay",
+      variant: "solid",
+      children: "Click Me"
+    }));
+
+    var _setup3 = setup({
+      rightIcon: 'airplay'
+    }),
+        getRightIcon = _setup3.getRightIcon;
+
+    expect(getRightIcon()).toBeInTheDocument();
+  });
+  it('should render a button with a grey textColor', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      textColor: "#8b7e8b",
+      children: "Click Me"
+    }));
+    expect(_react.screen.getByRole('button')).toHaveStyle('color: #8b7e8b');
+  });
+});

package/dist/components/Card/card.test.d.ts

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

package/dist/components/Card/card.test.d.ts.map

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

package/dist/components/Card/card.test.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Card', function () {
+  it('Should render a empty card', function () {
+    var _setup = setup({}),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with padding', function () {
+    var _setup2 = setup({
+      cardPadding: '32px'
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

package/dist/components/CheckboxInput/checkbox-input.test.d.ts

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

package/dist/components/CheckboxInput/checkbox-input.test.d.ts.map

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