@pedidopago/ui 1.1.4 → 1.1.5

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

@@ -8,6 +8,8 @@ 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; }
@@ -16,22 +18,35 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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)));
+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({
-      text: 'Teste badge',
+      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({
-      text: 'Teste badge',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Teste badge"
+      }),
       type: 'primary',
       isLoading: true
     });
@@ -40,7 +55,9 @@ describe('Badge', function () {
   it('should it render multiply badges', function () {
     var utils = function utils(type) {
       return setup({
-        text: 'Teste badge',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "Teste badge"
+        }),
         type: type,
         isLoading: true
       });

package/dist/components/Badge/index.js

@@ -18,15 +18,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Styles
 var Badge = function Badge(_ref) {
   var type = _ref.type,
-      text = _ref.text,
-      isLoading = _ref.isLoading;
+      isLoading = _ref.isLoading,
+      children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeContainer, {
     children: !isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeCircle, {
         type: type
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeText, {
-        children: text
-      })]
+      }), children]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
       spacing: "2",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {

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

@@ -8,10 +8,6 @@ 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;

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

@@ -1 +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"}
+{"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,aAAa;;;;;yGAoCzB,CAAC"}

package/dist/components/Badge/styles.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BadgeText = exports.BadgeSkeleton = exports.BadgeContainer = exports.BadgeCircle = void 0;
+exports.BadgeSkeleton = exports.BadgeContainer = exports.BadgeCircle = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -26,15 +26,7 @@ var BadgeCircle = _styled.default.div(function (props) {
 
 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) {
+var BadgeSkeleton = _styled.default.div(_templateObject2 || (_templateObject2 = _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';

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

@@ -1,8 +1,9 @@
+import { ReactNode } from 'react';
 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;
+    children: ReactNode;
 };
 export declare type BadgeStyledProps = {
     type: BadgeTypes;

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC"}

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

@@ -1,5 +1,5 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, ButtonHTMLAttributes } from 'react';
 import { IButtonProps } from './types';
-declare const Button: FC<HTMLAttributes<HTMLButtonElement> & IButtonProps>;
+declare const Button: FC<ButtonHTMLAttributes<HTMLButtonElement> & IButtonProps>;
 export default Button;
 //# 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,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,YAAY,CA+DhE,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,YAAY,CA+DtE,CAAC;AAEF,eAAe,MAAM,CAAC"}

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,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,OAAO;;;qIA4HnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,OAAO;;;qIA0InB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}

package/dist/components/Button/styles.js

@@ -11,7 +11,7 @@ var _react = require("@emotion/react");
 
 var _invertColor = require("../../utils/invertColor");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,7 +19,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 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(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n  border: 0px;\n  cursor: pointer;\n  padding-left: 24px;\n  padding-right: 24px;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  height: ", ";\n\n  width: ", ";\n\n  &:hover {\n    filter: brightness(0.8);\n  }\n\n  &:focus {\n    filter: brightness(0.8);\n  }\n\n  &:disabled {\n    filter: opacity(0.5);\n    cursor: not-allowed;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n"])), function (_ref) {
+var Buttons = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n  border: 0px;\n  cursor: pointer;\n  padding-inline: 24px;\n\n  transition: all 0.15s ease-in-out;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  height: ", ";\n\n  width: ", ";\n\n  &:disabled {\n    filter: opacity(0.5);\n    cursor: not-allowed;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.fontWeight.normal;
 }, function (_ref2) {
@@ -58,14 +58,17 @@ var Buttons = _styled.default.button(_templateObject || (_templateObject = _tagg
       theme = _ref7.theme;
 
   switch (button.variant) {
+    case 'solid':
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          &:hover,\n          &:focus {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.2);\n          }\n        "])));
+
     case 'outline':
-      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          border: 3px ", " solid;\n        "])), button.bgColor || button.textColor || theme.colors.primary.default, button.bgColor || button.textColor || theme.colors.primary.default);
+      return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          border: 3px ", " solid;\n          box-shadow: none;\n          &:hover,\n          &:focus {\n            filter: brightness(0.85);\n          }\n        "])), button.bgColor || button.textColor || theme.colors.primary.default, button.bgColor || button.textColor || theme.colors.primary.default);
 
     case 'ghost':
-      return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n        "])), button.bgColor || button.textColor || theme.colors.primary.default);
+      return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          padding-inline: 0;\n          background-color: transparent;\n          color: ", ";\n          &:hover,\n          &:focus {\n            filter: brightness(0.85);\n          }\n        "])), button.bgColor || button.textColor || theme.colors.primary.default);
 
     case 'link':
-      return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          text-decoration: underline;\n          background-color: transparent;\n          color: ", ";\n        "])), button.bgColor || button.textColor || theme.colors.primary.default);
+      return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          padding-inline: 0;\n          text-decoration: underline;\n          background-color: transparent;\n          color: ", ";\n          &:hover,\n          &:focus {\n            filter: brightness(0.85);\n          }\n        "])), button.bgColor || button.textColor || theme.colors.primary.default);
   }
 }, function (_ref8) {
   var theme = _ref8.theme;
@@ -115,10 +118,10 @@ var Buttons = _styled.default.button(_templateObject || (_templateObject = _tagg
 
 exports.Buttons = Buttons;
 
-var IconContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  gap: 5px;\n"])));
+var IconContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25em;\n"])));
 
 exports.IconContainer = IconContainer;
 
-var IconWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var IconWrapper = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 
 exports.IconWrapper = IconWrapper;

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

@@ -1,7 +1,7 @@
 import { GlobalColorsProps } from '../../shared/theme';
 export declare type IconName = 'activity' | 'airplay' | 'alert-circle' | 'alert-octagon' | 'alert-triangle' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'anchor' | 'aperture' | 'archive' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left' | 'arrow-right-circle' | 'arrow-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-right' | 'arrow-up' | 'at-sign' | 'award' | 'bank' | 'bar-chart-2' | 'bar-chart' | 'barcode' | 'barcode1' | 'battery-charging' | 'battery' | 'bell-off' | 'bell' | 'bluetooth' | 'bold' | 'book-open' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'calendar' | 'camera-off' | 'camera' | 'card-and-code' | 'card1' | 'card2' | 'cardcredit' | 'cash' | 'cast' | 'check-circle' | 'check-square' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-down' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloud-drizzle' | 'cloud-off' | 'cloud-snow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'coin' | 'color' | 'columns' | 'command' | 'compass' | 'copy' | 'corner-down-left' | 'corner-down-right' | 'corner-left-down' | 'corner-left-up' | 'corner-right-down' | 'corner-right-up' | 'corner-up-left' | 'corner-up-right' | 'cpu' | 'crop' | 'crosshair' | 'csv' | 'database' | 'delete' | 'desktop' | 'disc' | 'dollar-sign' | 'download-cloud' | 'download' | 'droplet' | 'duplicate' | 'edit-3' | 'edit' | 'equal' | 'expand' | 'external-link' | 'eye-off' | 'eye' | 'facebook' | 'fast-forward' | 'feather' | 'fi_youtube' | 'figma' | 'file-plus' | 'file-text' | 'file' | 'film' | 'filter' | 'flag' | 'folder-minus' | 'folder-plus' | 'folder' | 'framer' | 'frown' | 'gift' | 'git-branch' | 'git-commit' | 'git-pull-request' | 'github' | 'gitlab' | 'globe' | 'grid' | 'hard-drive' | 'hash' | 'headphones' | 'heart' | 'help-circle' | 'hexagon' | 'home' | 'id' | 'image' | 'inbox' | 'inf' | 'info' | 'instagram' | 'italic' | 'key' | 'layers' | 'layout' | 'life-buoy' | 'link-2' | 'link' | 'linkedin' | 'list-2' | 'list' | 'listagem' | 'loader' | 'lock' | 'log-in' | 'log-out' | 'mail' | 'map-pin' | 'map' | 'maximize-2' | 'maximize' | 'medical' | 'meh' | 'menu' | 'message-square' | 'mic-off' | 'mic' | 'minimize-2' | 'minimize' | 'minus-circle' | 'minus-square' | 'minus' | 'moneylist' | 'monitor' | 'moon' | 'more-horizontal' | 'more-vertical' | 'mouse-pointer' | 'move' | 'music' | 'navigation-2' | 'navigation' | 'octagon' | 'package' | 'paperclip' | 'pause-circle' | 'pause' | 'pdf' | 'pen-tool' | 'percent' | 'phone-call' | 'pie-chart' | 'pix' | 'play-circle' | 'play' | 'plug' | 'plus-circle' | 'plus-square' | 'plus' | 'pocket' | 'power' | 'printer' | 'radio' | 'real' | 'refresh-ccw' | 'refresh-cw' | 'repeat' | 'revenue' | 'rewind' | 'rotate-ccw' | 'rotate-cw' | 'rotate' | 'rss' | 'save' | 'scissors' | 'search' | 'send' | 'server' | 'settings' | 'share-2' | 'share' | 'shield-off' | 'shield' | 'shop' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'sidebar' | 'skip-back' | 'skip-forward' | 'slack' | 'slash' | 'sliders' | 'smartphone' | 'smile' | 'speaker' | 'square' | 'star' | 'stop-circle' | 'sun' | 'sunrise' | 'sunset' | 'tablet' | 'tag' | 'target' | 'terminal' | 'thermometer' | 'thumbs-down' | 'thumbs-up' | 'toggle-left' | 'toggle-right' | 'tool' | 'trash-2' | 'trash' | 'trello' | 'trending-down' | 'trending-up' | 'triangle' | 'truck' | 'tv' | 'twitch' | 'twitter' | 'type' | 'umbrella' | 'underline' | 'unlock' | 'upload-cloud' | 'upload' | 'user-check' | 'user-minus' | 'user-plus' | 'user-x' | 'user' | 'user2-out' | 'users' | 'video-off' | 'video' | 'voicemail' | 'volume-1' | 'volume-2' | 'volume-x' | 'volume' | 'whatsapp' | 'wifi-off' | 'wifi' | 'wind' | 'x-circle' | 'x-octagon' | 'x-square' | 'x' | 'xls' | 'zap-off' | 'zap' | 'zoom-in' | 'zoom-out' | 'zoom' | 'ecc-budget' | 'ecc-card' | 'ecc-cart' | 'ecc-client' | 'ecc-logout' | 'ecc-loock' | 'ecc-medical' | 'ecc-star' | 'ecc-table' | 'ecc-truck' | 'ecc-user' | 'ecc-www' | 'scl-facebook' | 'scl-google' | 'pmt-amex' | 'pmt-aura' | 'pmt-dinersclub' | 'pmt-discover' | 'pmt-elo' | 'pmt-hipercard' | 'pmt-jcb' | 'pmt-mastercard' | 'pmt-paypal' | 'pmt-pix' | 'pmt-visa' | 'illust-banking-billet' | 'illust-budget-analysis' | 'illust-budget-available' | 'illust-budget-error' | 'illust-budget-incomplete' | 'illust-card' | 'illust-check-prescription' | 'illust-date' | 'illust-error-prescription' | 'illust-inclusion-order' | 'illust-incomplete-prescription' | 'illust-order-canceled' | 'illust-order-error' | 'illust-order-success' | 'illust-order-withdrawal' | 'illust-pix' | 'illust-preparation-order' | 'illust-retention-prescription' | 'illust-sent-order' | 'illust-success-prescription' | 'bty-baldness' | 'bty-beard' | 'bty-beauty' | 'bty-blue-light' | 'bty-breasts-and-ass' | 'bty-dandruff' | 'bty-deodorants' | 'bty-eyebags-darkcircles' | 'bty-eyebrows-lashes' | 'bty-filler' | 'bty-hair-growth' | 'bty-hair-loss' | 'bty-hair-strengthener' | 'bty-hand-sanitizer' | 'bty-illuminator' | 'bty-moisturizer' | 'bty-mycosis-chilblains' | 'bty-nail-strengthener' | 'bty-neck-arms' | 'bty-pimples' | 'bty-repellent' | 'bty-sunscreen' | 'bty-varicose-veins' | 'bty-warts' | 'bty-white-hair' | 'bty-whitening' | 'bty-wound-healing' | 'bty-wrinkles' | 'hlt-ansiety-stress' | 'hlt-antiemetic' | 'hlt-bach-florals' | 'hlt-bacillus-lacto' | 'hlt-bad-breath' | 'hlt-builder-vase' | 'hlt-cholesterol' | 'hlt-depression' | 'hlt-diabetes' | 'hlt-digestion-reflux' | 'hlt-diuretics' | 'hlt-gases' | 'hlt-gastric-protector' | 'hlt-hangover' | 'hlt-health' | 'hlt-heart-health' | 'hlt-high-pressure' | 'hlt-homeopathy' | 'hlt-immunity' | 'hlt-intestinal-health' | 'hlt-intimate-hygiene' | 'hlt-libido' | 'hlt-live-protector' | 'hlt-longevity' | 'hlt-memory' | 'hlt-menopause' | 'hlt-nutritional-supplement' | 'hlt-pms-cramps' | 'hlt-prostate' | 'hlt-roast' | 'hlt-sexual-health' | 'hlt-sleep-well' | 'hlt-stress' | 'hlt-urinary-tract' | 'hlt-vitamins-minerals' | 'men-baldness' | 'men-beard' | 'men-dough' | 'men-gynecomastia' | 'men-libido' | 'men-men' | 'wmn-breasts-and-ass' | 'wmn-cellulite' | 'wmn-eyelashes-brows' | 'wmn-filler' | 'wmn-hair-growth' | 'wmn-hair-strengthener' | 'wmn-menopause' | 'wmn-pms-cramps' | 'wmn-whitening' | 'wmn-woman' | 'smr-dry-belly' | 'smr-hair' | 'smr-moisturizer' | 'smr-summer' | 'smr-sunscreen' | 'smr-tanning' | 'sts-budget-analysis' | 'sts-budget-available' | 'sts-budget-expired' | 'sts-budget-incomplete' | 'sts-inclusion-order' | 'sts-medication-performed' | 'sts-order-canceled' | 'sts-order-preparation' | 'sts-order-sent' | 'sts-order-withdrawal' | 'sts-revenue-check' | 'sts-revenue-retention' | 'sts-waiting-billet' | 'sts-waiting-card' | 'sts-waiting-repeat-date' | 'ppe-accelerate-metabolism' | 'ppe-articulations' | 'ppe-binge-eating' | 'ppe-bones' | 'ppe-bruises' | 'ppe-candy-will' | 'ppe-carbohydrate-blocker' | 'ppe-carbohydrate-blocker2' | 'ppe-cellulite-stretch-marks' | 'ppe-cellulite' | 'ppe-conductive-vessel' | 'ppe-detox' | 'ppe-dough' | 'ppe-dry-belly' | 'ppe-energy' | 'ppe-fatty-acids' | 'ppe-fibers' | 'ppe-gh' | 'ppe-gynecomastia' | 'ppe-increase-satiety' | 'ppe-increased-appetite' | 'ppe-inhibit-appetite' | 'ppe-laxative' | 'ppe-lipolitical-action' | 'ppe-localized-fat' | 'ppe-muscle-definition' | 'ppe-pain' | 'ppe-physical-perfomance' | 'ppe-post-workout' | 'ppe-pre-workout' | 'ppe-pro-hormonal' | 'ppe-reduction-measures' | 'ppe-slimming-chocolates' | 'ppe-slimming-gums' | 'ppe-slimming' | 'ppe-strength' | 'ppe-tcp' | 'ppe-thermogenic' | 'ppe-vasodilation';
 export declare type IIconComponentProps = {
-    name: IconName;
+    name: IconName | (string & {});
     size?: number | string;
     color?: GlobalColorsProps | (string & {});
     secondColor?: GlobalColorsProps | (string & {});

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,QAAQ,GAChB,UAAU,GACV,SAAS,GACT,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,UAAU,GACV,SAAS,GACT,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,YAAY,GACZ,mBAAmB,GACnB,YAAY,GACZ,oBAAoB,GACpB,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,OAAO,GACP,MAAM,GACN,aAAa,GACb,WAAW,GACX,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,UAAU,GACV,MAAM,GACN,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GACN,UAAU,GACV,KAAK,GACL,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,OAAO,GACP,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,cAAc,GACd,cAAc,GACd,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,OAAO,GACP,eAAe,GACf,WAAW,GACX,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,kBAAkB,GAClB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,KAAK,GACL,MAAM,GACN,WAAW,GACX,KAAK,GACL,UAAU,GACV,QAAQ,GACR,SAAS,GACT,MAAM,GACN,aAAa,GACb,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,WAAW,GACX,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,eAAe,GACf,SAAS,GACT,KAAK,GACL,UAAU,GACV,cAAc,GACd,SAAS,GACT,YAAY,GACZ,OAAO,GACP,WAAW,GACX,WAAW,GACX,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,cAAc,GACd,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,kBAAkB,GAClB,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,IAAI,GACJ,OAAO,GACP,OAAO,GACP,KAAK,GACL,MAAM,GACN,WAAW,GACX,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,SAAS,GACT,KAAK,GACL,YAAY,GACZ,UAAU,GACV,SAAS,GACT,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,SAAS,GACT,KAAK,GACL,YAAY,GACZ,UAAU,GACV,cAAc,GACd,cAAc,GACd,OAAO,GACP,WAAW,GACX,SAAS,GACT,MAAM,GACN,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,SAAS,GACT,SAAS,GACT,WAAW,GACX,cAAc,GACd,OAAO,GACP,KAAK,GACL,UAAU,GACV,SAAS,GACT,YAAY,GACZ,WAAW,GACX,KAAK,GACL,aAAa,GACb,MAAM,GACN,MAAM,GACN,aAAa,GACb,aAAa,GACb,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,MAAM,GACN,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,KAAK,GACL,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,cAAc,GACd,eAAe,GACf,SAAS,GACT,SAAS,GACT,WAAW,GACX,cAAc,GACd,OAAO,GACP,OAAO,GACP,SAAS,GACT,YAAY,GACZ,OAAO,GACP,SAAS,GACT,QAAQ,GACR,MAAM,GACN,aAAa,GACb,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,UAAU,GACV,aAAa,GACb,aAAa,GACb,WAAW,GACX,aAAa,GACb,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,eAAe,GACf,aAAa,GACb,UAAU,GACV,OAAO,GACP,IAAI,GACJ,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,WAAW,GACX,OAAO,GACP,WAAW,GACX,UAAU,GACV,UAAU,GACV,UAAU,GACV,QAAQ,GACR,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,WAAW,GACX,UAAU,GACV,GAAG,GACH,KAAK,GACL,SAAS,GACT,KAAK,GACL,SAAS,GACT,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,aAAa,GACb,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,cAAc,GACd,YAAY,GACZ,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,eAAe,GACf,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,SAAS,GACT,UAAU,GACV,uBAAuB,GACvB,wBAAwB,GACxB,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,aAAa,GACb,2BAA2B,GAC3B,aAAa,GACb,2BAA2B,GAC3B,wBAAwB,GACxB,gCAAgC,GAChC,uBAAuB,GACvB,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,YAAY,GACZ,0BAA0B,GAC1B,+BAA+B,GAC/B,mBAAmB,GACnB,6BAA6B,GAC7B,cAAc,GACd,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,qBAAqB,GACrB,cAAc,GACd,gBAAgB,GAChB,yBAAyB,GACzB,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,uBAAuB,GACvB,oBAAoB,GACpB,iBAAiB,GACjB,iBAAiB,GACjB,wBAAwB,GACxB,uBAAuB,GACvB,eAAe,GACf,aAAa,GACb,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,WAAW,GACX,gBAAgB,GAChB,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,kBAAkB,GAClB,oBAAoB,GACpB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,sBAAsB,GACtB,eAAe,GACf,WAAW,GACX,uBAAuB,GACvB,cAAc,GACd,YAAY,GACZ,kBAAkB,GAClB,mBAAmB,GACnB,gBAAgB,GAChB,cAAc,GACd,uBAAuB,GACvB,sBAAsB,GACtB,YAAY,GACZ,oBAAoB,GACpB,eAAe,GACf,YAAY,GACZ,eAAe,GACf,4BAA4B,GAC5B,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,mBAAmB,GACnB,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,uBAAuB,GACvB,cAAc,GACd,WAAW,GACX,WAAW,GACX,kBAAkB,GAClB,YAAY,GACZ,SAAS,GACT,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,WAAW,GACX,eAAe,GACf,UAAU,GACV,iBAAiB,GACjB,YAAY,GACZ,eAAe,GACf,aAAa,GACb,qBAAqB,GACrB,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,0BAA0B,GAC1B,oBAAoB,GACpB,uBAAuB,GACvB,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,uBAAuB,GACvB,oBAAoB,GACpB,kBAAkB,GAClB,yBAAyB,GACzB,2BAA2B,GAC3B,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,eAAe,GACf,uBAAuB,GACvB,WAAW,GACX,WAAW,GACX,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,kBAAkB,GAClB,sBAAsB,GACtB,wBAAwB,GACxB,sBAAsB,GACtB,cAAc,GACd,wBAAwB,GACxB,mBAAmB,GACnB,uBAAuB,GACvB,UAAU,GACV,yBAAyB,GACzB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,GACnB,cAAc,GACd,cAAc,GACd,SAAS,GACT,iBAAiB,GACjB,kBAAkB,CAAC;AAEvB,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAyB,WAAW,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,iBAAiB;;;;;;;;;;;yGA+F7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGASvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AAEF,eAAO,MAAM,KAAK;;;gIA+BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;kHAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HA6CpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAkBxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAGxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAyB,WAAW,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,iBAAiB;;;;;;;;;;;yGAmH7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGASvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AAEF,eAAO,MAAM,KAAK;;;gIA+BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;kHAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HA+CpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAyCxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAOxB,CAAC"}

package/dist/components/Input/styles.js

@@ -9,20 +9,44 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _react = require("@emotion/react");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
 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 InputGroupElement = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  border-radius: ", ";\n  font-weight: ", ";\n\n  transition: all 0.2s ease-in-out;\n\n  &:hover fieldset {\n    border-color: ", ";\n  }\n\n  &:hover > div > div:first-of-type {\n    border-color: ", ";\n  }\n\n  &:focus-within > div > div:first-of-type {\n    background: ", ";\n    border-color: ", ";\n  }\n\n  &:focus-within > div > div:first-of-type span {\n    color: ", ";\n  }\n\n  &:focus-within {\n    border-radius: 2px solid ", ";\n  }\n\n  &:focus-within > div {\n    box-shadow: 0 0 0 2px\n      ", ";\n  }\n\n  &:focus-within label {\n    transform: translate(19px, -11px) scale(0.8);\n    background-color: ", ";\n    background-color: ", ";\n    height: 16px;\n  }\n\n  &:focus-within fieldset {\n    border-width: 2px;\n    border-color: ", ";\n  }\n\n  ", "\n\n  & label {\n    transform: ", ";\n\n    ", "\n  }\n"])), function (props) {
+var InputGroupElement = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  border-radius: ", ";\n  font-weight: ", ";\n\n  transition: all 0.2s ease-in-out;\n\n  &:hover fieldset {\n    border-color: ", ";\n  }\n\n  &:hover > div > div:first-of-type {\n    border-color: ", ";\n  }\n\n  &:focus-within > div > div:first-of-type {\n    background: ", ";\n    border-color: ", ";\n  }\n\n  &:focus-within > div > div:first-of-type span {\n    color: ", ";\n  }\n\n  &:focus-within {\n    border-radius: 2px solid ", ";\n  }\n\n  &:focus-within > div {\n    box-shadow: 0 0 0 2px\n      ", ";\n  }\n\n  &:focus-within label {\n    transform: translate(19px, -11px) scale(0.8);\n    background-color: ", ";\n    background-color: ", ";\n    height: 16px;\n  }\n\n  &:focus-within fieldset {\n    border-width: 2px;\n    border-color: ", ";\n  }\n\n  ", "\n\n  & label {\n    transform: ", ";\n\n    background-color: ", ";\n\n    height: ", ";\n  }\n"])), function (props) {
   return props.theme.borderRadius.default;
 }, function (props) {
   return props.theme.fontWeight[400];
-}, function (props) {
-  return !props.alert && props.theme.colors.primary.hover;
-}, function (props) {
-  return props.hasDisabled || props.alert ? 'auto' : props.theme.colors.primary.hover;
+}, function (_ref) {
+  var theme = _ref.theme,
+      alert = _ref.alert,
+      hasDisabled = _ref.hasDisabled;
+
+  if (alert && !hasDisabled) {
+    return theme.colors[alert].default + '66';
+  }
+
+  if (hasDisabled) {
+    return 'none';
+  }
+
+  return theme.colors.primary.hover;
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      alert = _ref2.alert,
+      hasDisabled = _ref2.hasDisabled;
+
+  if (alert && !hasDisabled) {
+    return theme.colors[alert].default + '66';
+  }
+
+  if (hasDisabled) {
+    return 'none';
+  }
+
+  return theme.colors.primary.hover;
 }, function (props) {
   return !props.alert && props.withAddon && props.theme.colors.primary.disabled;
 }, function (props) {
@@ -36,7 +60,11 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
 }, function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.body.light;
 }, function (props) {
-  return props.labelBackground && props.labelBackground[props.theme.colorMode] || (props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.body.light);
+  if (props.labelBackground) return props.labelBackground[props.theme.colorMode];
+  return {
+    dark: props.theme.colors.neutral.black,
+    light: props.theme.colors.neutral.white
+  }[props.theme.colorMode];
 }, function (props) {
   return !props.alert && props.theme.colors.primary.hover;
 }, function (props) {
@@ -44,29 +72,37 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
 }, function (props) {
   return props.hasValueOnInput ? 'translate(19px, -11px) scale(0.8) !important' : 'translate(20px, calc(100% - 10px))';
 }, function (props) {
-  return props.hasValueOnInput && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        background-color: ", ";\n\n        background-color: ", ";\n        height: 16px;\n      "])), props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.body.light, props.labelBackground && props.labelBackground[props.theme.colorMode] || (props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.body.light));
+  if (!props.hasValueOnInput) return 'unset';
+  if (props.labelBackground) return props.labelBackground[props.theme.colorMode];
+  return {
+    dark: props.theme.colors.neutral.black,
+    light: props.theme.colors.neutral.white
+  }[props.theme.colorMode];
+}, function (_ref3) {
+  var hasValueOnInput = _ref3.hasValueOnInput;
+  return hasValueOnInput ? '16px' : 'unset';
 });
 
 exports.InputGroupElement = InputGroupElement;
 
-var InputColumn = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  align-items: center;\n  border-radius: ", ";\n\n  width: 100%;\n  min-height: 50px;\n"])), function (props) {
+var InputColumn = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  align-items: center;\n  border-radius: ", ";\n\n  width: 100%;\n  min-height: 50px;\n"])), function (props) {
   return props.theme.borderRadius.default;
 });
 
 exports.InputColumn = InputColumn;
 
-var InputContent = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  grid-column: ", ";\n  height: 100%;\n"])), function (props) {
+var InputContent = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  grid-column: ", ";\n  height: 100%;\n"])), function (props) {
   return props.withAddon ? '2 / end' : '1 / end';
 });
 
 exports.InputContent = InputContent;
 
-var InputContentRow = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  height: 100%;\n"])));
+var InputContentRow = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  height: 100%;\n"])));
 
 exports.InputContentRow = InputContentRow;
 
-var InputIcon = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: ", ";\n  display: flex;\n  margin: auto;\n  padding: 0 20px;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  color: ", ";\n"])), function (props) {
-  return props.theme.zIndex.level2;
+var InputIcon = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: ", ";\n  display: flex;\n  margin: auto;\n  padding: 0 20px;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  color: ", ";\n"])), function (props) {
+  return props.theme.zIndex.level1;
 }, function (props) {
   return props.clickable ? 'pointer' : 'default';
 }, function (props) {
@@ -75,7 +111,7 @@ var InputIcon = _styled.default.div(_templateObject7 || (_templateObject7 = _tag
 
 exports.InputIcon = InputIcon;
 
-var Input = _styled.default.input(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  flex: 1;\n  height: 100%;\n  border: none;\n  color: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  font-family: inherit;\n  outline: none;\n  font-size: ", ";\n  background-color: transparent;\n  position: relative;\n  z-index: ", ";\n"])), function (props) {
+var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  flex: 1;\n  height: 100%;\n  border: none;\n  color: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  font-family: inherit;\n  outline: none;\n  font-size: ", ";\n  background-color: transparent;\n  position: relative;\n  z-index: ", ";\n"])), function (props) {
   return props.withIcon ? props.hiddenContent ? '0 0' : '0 20px 0 0' : props.hiddenContent ? '0 0 0 20px' : '0 20px';
 }, function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
@@ -89,7 +125,7 @@ var Input = _styled.default.input(_templateObject8 || (_templateObject8 = _tagge
 
 exports.Input = Input;
 
-var InputLabel = _styled.default.label(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  top: 0;\n  left: 0;\n  height: auto;\n  padding: 0 6px;\n  position: absolute;\n  z-index: ", ";\n  pointer-events: none;\n  color: ", ";\n  background-color: transparent;\n  transition: transform 0.2s ease, background-color 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n"])), function (props) {
+var InputLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  top: 0;\n  left: 0;\n  height: auto;\n  padding: 0 6px;\n  position: absolute;\n  z-index: ", ";\n  pointer-events: none;\n  color: ", ";\n  background-color: transparent;\n  transition: transform 0.2s ease, background-color 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n"])), function (props) {
   return props.theme.zIndex.level1;
 }, function (props) {
   return props.hasDisabled ? props.theme.colors.neutral.neutral3 : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
@@ -97,39 +133,56 @@ var InputLabel = _styled.default.label(_templateObject9 || (_templateObject9 = _
 
 exports.InputLabel = InputLabel;
 
-var Fieldset = _styled.default.fieldset(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  top: 0;\n  pointer-events: none;\n  padding: 0 17px;\n  overflow: hidden;\n\n  ", "\n\n  border-radius: ", ";\n  border: 2px solid\n    ", ";\n  border-left: ", ";\n\n  transition: all 0.2s ease;\n"])), function (_ref) {
-  var alert = _ref.alert,
-      theme = _ref.theme,
-      hasDisabled = _ref.hasDisabled;
+var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  top: 0;\n  pointer-events: none;\n  padding: 0 17px;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  border-radius: ", ";\n  border: 2px solid\n    ", ";\n  border-left: ", ";\n\n  transition: all 0.2s ease;\n"])), function (_ref4) {
+  var alert = _ref4.alert,
+      theme = _ref4.theme,
+      hasDisabled = _ref4.hasDisabled;
 
   if (alert && !hasDisabled) {
-    return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        background-color: ", ";\n      "])), theme.colorMode === 'dark' ? theme.colors[alert].dark : theme.colors[alert].blurred);
+    return {
+      light: theme.colors[alert].blurred,
+      dark: theme.colors[alert].dark
+    }[theme.colorMode];
   }
 
   if (hasDisabled) {
-    return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        background-color: ", ";\n      "])), theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1);
+    return {
+      light: theme.colors.neutral.neutral1,
+      dark: theme.colors.neutral.neutral4
+    }[theme.colorMode];
   }
 
-  return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      background-color: 'transparent';\n    "])));
+  return 'transparent';
 }, function (props) {
   return props.withAddon ? "0 ".concat(props.theme.borderRadius.default, " ").concat(props.theme.borderRadius.default, " 0") : props.theme.borderRadius.default;
-}, function (props) {
-  return props.hasDisabled ? "".concat(props.theme.colors.neutral.neutral2, " !important") : props.alert ? "".concat(props.theme.colors[props.alert].default) : props.theme.colors.neutral.neutral2;
+}, function (_ref5) {
+  var theme = _ref5.theme,
+      hasDisabled = _ref5.hasDisabled,
+      alert = _ref5.alert;
+
+  if (alert && !hasDisabled) {
+    return theme.colors[alert].default;
+  }
+
+  return {
+    light: theme.colors.neutral.neutral2,
+    dark: theme.colors.neutral.neutral5
+  }[theme.colorMode];
 }, function (props) {
   return props.withAddon ? 'none !important' : 'auto';
 });
 
 exports.Fieldset = Fieldset;
 
-var Legend = _styled.default.legend(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  padding: 0;\n  width: auto;\n  max-width: 0.01px;\n  font-size: 14px;\n  height: 0px;\n  visibility: hidden;\n  transition: all 0.1s;\n"])));
+var Legend = _styled.default.legend(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0;\n  width: auto;\n  max-width: 0.01px;\n  font-size: 14px;\n  height: 0px;\n  visibility: hidden;\n  transition: all 0.1s;\n"])));
 
 exports.Legend = Legend;
 
-var LegendText = _styled.default.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding: 0 2px;\n  display: inline-block;\n  visibility: hidden;\n"])));
+var LegendText = _styled.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: 0 2px;\n  display: inline-block;\n  visibility: hidden;\n"])));
 
 exports.LegendText = LegendText;
 
-var HelperText = _styled.default.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
+var HelperText = _styled.default.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
   return props.theme.fontSizes.xxs;
 }, function (props) {
   return props.alert && props.alert !== 'success' ? props.theme.colors[props.alert].default : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral4;
@@ -137,8 +190,35 @@ var HelperText = _styled.default.span(_templateObject16 || (_templateObject16 =
 
 exports.HelperText = HelperText;
 
-var AddonElement = _styled.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  height: 100%;\n\n  background-color: ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  border: 2px solid transparent;\n  border-right: none;\n\n  border-radius: ", " 0 0\n    ", ";\n"])), function (props) {
-  return props.alert && !props.hasDisabled ? props.theme.colors[props.alert].default : props.theme.colors.neutral.neutral3;
+var AddonElement = _styled.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  height: 100%;\n\n  background-color: ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  border: 2px solid\n    ", ";\n  border-right: none;\n\n  border-radius: ", " 0 0\n    ", ";\n"])), function (props) {
+  if (props.alert && !props.hasDisabled) {
+    return props.theme.colors[props.alert].default;
+  }
+
+  if (props.hasDisabled) {
+    return {
+      light: props.theme.colors.neutral.neutral2,
+      dark: props.theme.colors.neutral.neutral5
+    }[props.theme.colorMode];
+  }
+
+  return {
+    light: props.theme.colors.neutral.neutral1,
+    dark: props.theme.colors.neutral.neutral6
+  }[props.theme.colorMode];
+}, function (_ref6) {
+  var theme = _ref6.theme,
+      hasDisabled = _ref6.hasDisabled,
+      alert = _ref6.alert;
+
+  if (alert && !hasDisabled) {
+    return theme.colors[alert].default;
+  }
+
+  return {
+    light: theme.colors.neutral.neutral2,
+    dark: theme.colors.neutral.neutral5
+  }[theme.colorMode];
 }, function (props) {
   return props.theme.borderRadius.default;
 }, function (props) {
@@ -147,10 +227,13 @@ var AddonElement = _styled.default.div(_templateObject17 || (_templateObject17 =
 
 exports.AddonElement = AddonElement;
 
-var AddonContent = _styled.default.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (props) {
+var AddonContent = _styled.default.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (props) {
   return props.theme.fontSizes.xs;
 }, function (props) {
-  return props.theme.colors.neutral.white;
+  return {
+    light: props.theme.colors.neutral.black,
+    dark: props.theme.colors.neutral.white
+  }[props.theme.colorMode];
 });
 
 exports.AddonContent = AddonContent;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,UAAU;;;mJA6BrB,CAAC;AAEH,eAAO,MAAM,cAAc;;;8HAsBzB,CAAC;AAEH,eAAO,MAAM,eAAe;;;sIAW1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,UAAU;;;mJAiCrB,CAAC;AAEH,eAAO,MAAM,cAAc;;;8HAsBzB,CAAC;AAEH,eAAO,MAAM,eAAe;;;sIAe1B,CAAC"}

package/dist/components/List/styles.js

@@ -16,7 +16,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var StyledList = _styled.default.ul(function (props) {
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    list-style: none;\n    padding: ", ";\n    margin: 0;\n\n    border-radius: ", ";\n    border: 2px solid ", ";\n    box-sizing: border-box;\n\n    ", ";\n  "])), props.theme.spacingest.xs, props.theme.borderRadius.default, props.theme.colors.neutral.neutral1, props.maxHeight && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      max-height: ", ";\n      overflow-y: auto;\n\n      &::-webkit-scrollbar {\n        width: 6px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        border-radius: ", ";\n        background: ", ";\n      }\n    "])), props.theme.spacing[props.maxHeight], props.theme.borderRadius.default, props.theme.colors.primary.default));
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    list-style: none;\n    padding: ", ";\n    margin: 0;\n\n    border-radius: ", ";\n    border: 2px solid\n      ", ";\n    box-sizing: border-box;\n\n    ", ";\n  "])), props.theme.spacingest.xs, props.theme.borderRadius.default, {
+    light: props.theme.colors.neutral.neutral2,
+    dark: props.theme.colors.neutral.neutral5
+  }[props.theme.colorMode], props.maxHeight && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      max-height: ", ";\n      overflow-y: auto;\n\n      &::-webkit-scrollbar {\n        width: 6px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        border-radius: ", ";\n        background: ", ";\n      }\n    "])), props.maxHeight, props.theme.borderRadius.default, props.theme.colors.primary.default));
 });
 
 exports.StyledList = StyledList;
@@ -28,7 +31,10 @@ var StyledListItem = _styled.default.li(function (props) {
 exports.StyledListItem = StyledListItem;
 
 var StyledListTitle = _styled.default.h3(function (props) {
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin: 0;\n    color: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    padding: ", ";\n    border-bottom: 2px solid ", ";\n  "])), props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral5, props.theme.fontWeight['500'], props.theme.fontSizes.xs, props.theme.spacingest.xs, props.theme.colors.neutral.neutral1);
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin: 0;\n    color: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    padding: ", ";\n    border-bottom: 2px solid\n      ", ";\n  "])), props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral5, props.theme.fontWeight['500'], props.theme.fontSizes.xs, props.theme.spacingest.xs, {
+    light: props.theme.colors.neutral.neutral2,
+    dark: props.theme.colors.neutral.neutral5
+  }[props.theme.colorMode]);
 });
 
 exports.StyledListTitle = StyledListTitle;

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

@@ -1,7 +1,6 @@
-import { ExtendThemeProps } from 'src';
 export declare type IListComponent = {
     title?: string;
-    maxHeight?: keyof ExtendThemeProps['spacing'];
+    maxHeight?: string;
     item?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IModalProps } from './types';
-export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, maxWidth, onClose, children, }: IModalProps): JSX.Element;
+export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, maxWidth, maxHeight, onClose, children, }: IModalProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map