@pedidopago/ui 1.0.6

package/dist/components/Tooltip/util.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowPositionController = ArrowPositionController;
+exports.FlexPositionController = FlexPositionController;
+exports.TooltipAreaPositionController = TooltipAreaPositionController;
+exports.arrowMarginController = arrowMarginController;
+exports.chooseArrow = chooseArrow;
+exports.controlArrow = controlArrow;
+
+var _react = require("@emotion/react");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function TooltipAreaPositionController(position) {
+  var distanceControl = 'calc(100% + 20px)';
+
+  switch (position) {
+    case 'bottom':
+    case 'bottom-start':
+    case 'bottom-end':
+      return {
+        top: distanceControl
+      };
+
+    case 'left':
+    case 'left-start':
+    case 'left-end':
+      return {
+        right: distanceControl
+      };
+
+    case 'right':
+    case 'right-start':
+    case 'right-end':
+      return {
+        left: distanceControl
+      };
+
+    case 'top':
+    case 'top-start':
+    case 'top-end':
+      return {
+        bottom: distanceControl
+      };
+
+    default:
+      return null;
+  }
+}
+
+function FlexPositionController(_ref) {
+  var _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'right' : _ref$position;
+
+  switch (position) {
+    case 'bottom-start':
+    case 'top-start':
+      return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        justify-content: flex-start;\n      "])));
+
+    case 'bottom-end':
+    case 'top-end':
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])));
+
+    case 'right-start':
+    case 'left-start':
+      return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        align-items: flex-start;\n      "])));
+
+    case 'right-end':
+    case 'left-end':
+      return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        align-items: flex-end;\n      "])));
+
+    case 'bottom':
+    case 'top':
+      return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        justify-content: center;\n      "])));
+
+    case 'left':
+    case 'right':
+      return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        align-items: center;\n      "])));
+
+    default:
+      return null;
+  }
+}
+
+function controlArrow(props) {
+  var arrow = chooseArrow(props);
+  var arrowPosition = ArrowPositionController(props);
+  var arrowMargin = arrowMarginController(props);
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    ", ";\n    ", "\n    ", "\n  "])), arrow, arrowPosition, arrowMargin);
+}
+
+function ArrowPositionController(_ref2) {
+  var _ref2$position = _ref2.position,
+      position = _ref2$position === void 0 ? 'bottom' : _ref2$position;
+  var distanceControl = 'calc(100% - 5px)';
+
+  switch (position) {
+    case 'bottom':
+    case 'bottom-start':
+    case 'bottom-end':
+      return (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        bottom: ", ";\n      "])), distanceControl);
+
+    case 'left':
+    case 'left-start':
+    case 'left-end':
+      return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        left: ", ";\n      "])), distanceControl);
+
+    case 'right':
+    case 'right-start':
+    case 'right-end':
+      return (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        right: ", ";\n      "])), distanceControl);
+
+    case 'top':
+    case 'top-start':
+    case 'top-end':
+      return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        top: ", ";\n      "])), distanceControl);
+
+    default:
+      return null;
+  }
+}
+
+function chooseArrow(_ref3) {
+  var position = _ref3.position;
+  var arrowLeft = 'clip-path: polygon(100% 0, 100% 100%, 0% 50%);';
+  var arrowRight = 'clip-path: polygon(0% 0, 0% 100%,100% 50%)';
+  var arrowTop = 'clip-path: polygon(0 100%, 100% 100%, 50% 0)';
+  var arrowBottom = 'clip-path: polygon(0 0, 100% 0, 50% 100%)';
+
+  switch (position) {
+    case 'bottom':
+    case 'bottom-end':
+    case 'bottom-start':
+      return arrowTop;
+
+    case 'top':
+    case 'top-end':
+    case 'top-start':
+      return arrowBottom;
+
+    case 'right':
+    case 'right-start':
+    case 'right-end':
+      return arrowLeft;
+
+    case 'left':
+    case 'left-end':
+    case 'left-start':
+      return arrowRight;
+
+    default:
+      return null;
+  }
+}
+
+function arrowMarginController(_ref4) {
+  var position = _ref4.position;
+  var isVertical = (position === null || position === void 0 ? void 0 : position.includes('bottom')) || (position === null || position === void 0 ? void 0 : position.includes('top'));
+
+  if (isVertical) {
+    return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin: 0px 10px;\n    "])));
+  } else {
+    return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      margin: 10px 0;\n    "])));
+  }
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TypographyProps } from './types';
+declare const Typography: ({ variant, color, children, ...rest }: TypographyProps) => JSX.Element;
+export default Typography;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,0CAA2C,eAAe,gBAgBzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Typography/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _theme = require("../../shared/theme");
+
+var _getColorValue = require("../../utils/getColorValue");
+
+var _styles = require("./styles");
+
+var _excluded = ["variant", "color", "children"];
+
+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 Typography = function Typography(_ref) {
+  var variant = _ref.variant,
+      color = _ref.color,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useTheme = (0, _theme.useTheme)(),
+      theme = _useTheme.theme;
+
+  var _useColorMode = (0, _theme.useColorMode)(),
+      colorMode = _useColorMode.colorMode;
+
+  var textColor = (0, _getColorValue.getColorValue)(color || (colorMode === 'dark' ? 'neutral.white' : 'neutral.black'), theme);
+  return /*#__PURE__*/React.createElement(_styles.StyledText, _extends({
+    as: variant,
+    textColor: textColor
+  }, rest), children);
+};
+
+var _default = Typography;
+exports.default = _default;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { GenericStyledProps } from './../../@types/index';
+export declare const StyledText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    color?: import("../..").GlobalColorsProps | undefined;
+    fontSize?: number | "display" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
+    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
+    fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
+    lineHeight?: string | number | undefined;
+    textAlign?: "center" | "end" | "start" | undefined;
+    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
+    textDecoration?: "none" | "line-through" | "underline" | undefined;
+    letterSpacing?: string | number | undefined;
+    children?: import("react").ReactNode;
+} & {
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;eAGN,MAAM;qHAsBtB,CAAC"}

package/dist/components/Typography/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledText = void 0;
+
+var _react = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject;
+
+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 StyledText = _styled.default.p(function (props) {
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", ";\n    font-style: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    text-align: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    letter-spacing: ", ";\n  "])), props.textColor, props.fontSize && (typeof props.fontSize === 'string' ? props.theme.fontSizes[props.fontSize] ? props.theme.fontSizes[props.fontSize] : props.fontSize : props.fontSize + 'px'), props.fontStyle, props.fontWeight, props.lineHeight && (typeof props.lineHeight === 'string' ? props.lineHeight : props.lineHeight + 'px'), props.textAlign, props.textTransform, props.textDecoration, props.letterSpacing && (typeof props.letterSpacing === 'string' ? props.letterSpacing : props.letterSpacing + 'px'));
+});
+
+exports.StyledText = StyledText;

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

@@ -0,0 +1,16 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+import { GlobalColorsProps, defaultTheme } from './../../shared/theme';
+export declare type TypographyProps = DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> & {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+    color?: GlobalColorsProps;
+    fontSize?: keyof typeof defaultTheme.fontSizes | number;
+    fontWeight?: keyof typeof defaultTheme.fontWeight;
+    fontStyle?: 'italic' | 'normal' | 'oblique' | 'initial' | 'inherit';
+    lineHeight?: string | number;
+    textAlign?: 'start' | 'center' | 'end';
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+    textDecoration?: 'underline' | 'line-through' | 'none';
+    letterSpacing?: string | number;
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEvE,oBAAY,eAAe,GAAG,iBAAiB,CAC7C,cAAc,CAAC,oBAAoB,CAAC,EACpC,oBAAoB,CACrB,GAAG;IACF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;IACjE,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,SAAS,GAAG,MAAM,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC;IAClD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,aAAa,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;IAClE,cAAc,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/components/Typography/types.js

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

package/dist/components/Typography/typography.test.d.ts

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

package/dist/components/Typography/typography.test.d.ts.map

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

package/dist/components/Typography/typography.test.js

@@ -0,0 +1,323 @@
+"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 }; }
+
+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__*/React.createElement(_.default, props));
+  return _objectSpread({}, utils);
+};
+
+describe('Typography', function () {
+  var sentence = 'Pedido Pago';
+  it('should render the default text', function () {
+    var _setup = setup({
+      children: sentence
+    }),
+        getByText = _setup.getByText;
+
+    expect(getByText(sentence)).toHaveTextContent(sentence);
+  });
+  it('should render the default text with a custom className', function () {
+    var _setup2 = setup({
+      children: sentence,
+      className: 'custom-class'
+    }),
+        getByText = _setup2.getByText;
+
+    expect(getByText(sentence)).toHaveClass('custom-class');
+  });
+  it('should render the default text with a custom className and custom styles', function () {
+    var _setup3 = setup({
+      children: sentence,
+      className: 'custom-class',
+      style: {
+        color: 'red'
+      }
+    }),
+        getByText = _setup3.getByText;
+
+    expect(getByText(sentence)).toHaveClass('custom-class');
+    expect(getByText(sentence)).toHaveStyle('color: red');
+  });
+  it('should render the default text with a custom className, custom styles and custom props', function () {
+    var _setup4 = setup({
+      children: sentence,
+      className: 'custom-class',
+      style: {
+        color: 'red'
+      },
+      id: 'custom-id'
+    }),
+        getByText = _setup4.getByText;
+
+    expect(getByText(sentence)).toHaveClass('custom-class');
+    expect(getByText(sentence)).toHaveStyle('color: red');
+    expect(getByText(sentence)).toHaveAttribute('id', 'custom-id');
+  });
+  it('should render xxxs text', function () {
+    var _setup5 = setup({
+      children: sentence,
+      fontSize: 'xxxs'
+    }),
+        container = _setup5.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render xxs text', function () {
+    var _setup6 = setup({
+      children: sentence,
+      fontSize: 'xxs'
+    }),
+        container = _setup6.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render xs text', function () {
+    var _setup7 = setup({
+      children: sentence,
+      fontSize: 'xs'
+    }),
+        container = _setup7.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render sm text', function () {
+    var _setup8 = setup({
+      children: sentence,
+      fontSize: 'sm'
+    }),
+        container = _setup8.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render md text', function () {
+    var _setup9 = setup({
+      children: sentence,
+      fontSize: 'md'
+    }),
+        container = _setup9.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render lg text', function () {
+    var _setup10 = setup({
+      children: sentence,
+      fontSize: 'lg'
+    }),
+        container = _setup10.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render xl text', function () {
+    var _setup11 = setup({
+      children: sentence,
+      fontSize: 'xl'
+    }),
+        container = _setup11.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render xxl text', function () {
+    var _setup12 = setup({
+      children: sentence,
+      fontSize: 'xxl'
+    }),
+        container = _setup12.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render xxxl text', function () {
+    var _setup13 = setup({
+      children: sentence,
+      fontSize: 'xxxl'
+    }),
+        container = _setup13.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render display text', function () {
+    var _setup14 = setup({
+      children: sentence,
+      fontSize: 'display'
+    }),
+        container = _setup14.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render giant text', function () {
+    var _setup15 = setup({
+      children: sentence,
+      fontSize: 'giant'
+    }),
+        container = _setup15.container;
+
+    expect(container).toHaveTextContent(sentence);
+    expect(container).toBeInTheDocument();
+  });
+  it('should render the default text with normal weight', function () {
+    var _setup16 = setup({
+      children: sentence,
+      fontWeight: 'normal'
+    }),
+        getByText = _setup16.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: normal');
+  });
+  it('should render the default text with bold weight', function () {
+    var _setup17 = setup({
+      children: sentence,
+      fontWeight: 'bold'
+    }),
+        getByText = _setup17.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: bold');
+  });
+  it('should render the default text with light weight', function () {
+    var _setup18 = setup({
+      children: sentence,
+      fontWeight: '100'
+    }),
+        getByText = _setup18.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 100');
+  });
+  it('should render the default text with 200 weight', function () {
+    var _setup19 = setup({
+      children: sentence,
+      fontWeight: '200'
+    }),
+        getByText = _setup19.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 200');
+  });
+  it('should render the default text with 300 weight', function () {
+    var _setup20 = setup({
+      children: sentence,
+      fontWeight: '300'
+    }),
+        getByText = _setup20.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 300');
+  });
+  it('should render the default text with 400 weight', function () {
+    var _setup21 = setup({
+      children: sentence,
+      fontWeight: '400'
+    }),
+        getByText = _setup21.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 400');
+  });
+  it('should render the default text with 500 weight', function () {
+    var _setup22 = setup({
+      children: sentence,
+      fontWeight: '500'
+    }),
+        getByText = _setup22.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 500');
+  });
+  it('should render the default text with 600 weight', function () {
+    var _setup23 = setup({
+      children: sentence,
+      fontWeight: '600'
+    }),
+        getByText = _setup23.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 600');
+  });
+  it('should render the default text with 700 weight', function () {
+    var _setup24 = setup({
+      children: sentence,
+      fontWeight: '700'
+    }),
+        getByText = _setup24.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 700');
+  });
+  it('should render the default text with 800 weight', function () {
+    var _setup25 = setup({
+      children: sentence,
+      fontWeight: '800'
+    }),
+        getByText = _setup25.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 800');
+  });
+  it('should render the default text with 900 weight', function () {
+    var _setup26 = setup({
+      children: sentence,
+      fontWeight: '900'
+    }),
+        getByText = _setup26.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-weight: 900');
+  });
+  it('should render the default text with italic style', function () {
+    var _setup27 = setup({
+      children: sentence,
+      fontStyle: 'italic'
+    }),
+        getByText = _setup27.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-style: italic');
+  });
+  it('should render the default text with normal style', function () {
+    var _setup28 = setup({
+      children: sentence,
+      fontStyle: 'normal'
+    }),
+        getByText = _setup28.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-style: normal');
+  });
+  it('should render the default text with oblique style', function () {
+    var _setup29 = setup({
+      children: sentence,
+      fontStyle: 'oblique'
+    }),
+        getByText = _setup29.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('font-style: oblique');
+  });
+  it('should render the default text with underline style', function () {
+    var _setup30 = setup({
+      children: sentence,
+      textDecoration: 'underline'
+    }),
+        getByText = _setup30.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('text-decoration: underline');
+  });
+  it('should render the default text with line-through style', function () {
+    var _setup31 = setup({
+      children: sentence,
+      textDecoration: 'line-through'
+    }),
+        getByText = _setup31.getByText;
+
+    expect(getByText(sentence)).toHaveStyle('text-decoration: line-through');
+  });
+});

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+export { default as Alert } from './components/Alert';
+export { default as Avatar } from './components/Avatar';
+export { default as Badge } from './components/Badge';
+export { default as Button } from './components/Button';
+export { Card } from './components/Card';
+export { default as Checkbox } from './components/CheckboxInput';
+export { default as ColorPicker } from './components/ColorPicker';
+export { default as DatePicker } from './components/DatePicker';
+export { Dialog } from './components/Dialog';
+export { default as Dropzone } from './components/Dropzone';
+export { default as Flex } from './components/Flex';
+export { default as Grid } from './components/Grid';
+export { default as Icon } from './components/Icon';
+export { default as IconItem } from './components/IconItem';
+export { default as Input } from './components/Input';
+export { default as Label } from './components/Label';
+export { default as List } from './components/List';
+export { default as Menu } from './components/Menu';
+export { Modal } from './components/Modal';
+export { Pagination } from './components/Pagination';
+export { default as Progress } from './components/Progress';
+export { default as Radio } from './components/RadioInput';
+export { default as Rating } from './components/Rating';
+export { default as Select } from './components/SelectInput';
+export { default as Slider } from './components/Slider';
+export { default as Spinner } from './components/Spinner';
+export { default as Switch } from './components/Switch';
+export { Table } from './components/Table';
+export * from './components/Tabs';
+export { default as Tag } from './components/Tag';
+export { default as TextArea } from './components/TextAreaInput';
+export { Thumbnail } from './components/Thumbnail';
+export * from './components/Timeline';
+export { default as Toast } from './components/Toast';
+export { default as Tooltip } from './components/Tooltip';
+export { default as Typography } from './components/Typography';
+export { default as useToast } from './components/Toast/hooks/useToast';
+export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
+export * from './shared/theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAGrF,cAAc,gBAAgB,CAAC"}