@pedidopago/ui 1.0.6

package/dist/components/Input/styles.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LegendText = exports.Legend = exports.InputLabel = exports.InputIcon = exports.InputGroupElement = exports.InputContentRow = exports.InputContent = exports.InputColumn = exports.Input = exports.HelperText = exports.Fieldset = exports.AddonElement = exports.AddonContent = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+
+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) {
+  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 (props) {
+  return !props.alert && props.withAddon && props.theme.colors.primary.disabled;
+}, function (props) {
+  return !props.alert && props.withAddon && props.theme.colors.primary.hover;
+}, function (props) {
+  return !props.alert && props.theme.colors.primary.focus;
+}, function (props) {
+  return props.theme.colors.primary.disabled;
+}, function (props) {
+  return props.alert ? props.theme.colorMode === 'dark' ? props.theme.colors[props.alert].dark : props.theme.colors[props.alert].blurred : props.theme.colors.primary.disabled;
+}, 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);
+}, function (props) {
+  return !props.alert && props.theme.colors.primary.hover;
+}, function (props) {
+  return props.addonContent && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:focus-within > div > div:first-of-type {\n        border-color: ", ";\n        background-color: ", ";\n      }\n    "])), props.alert ? 'transparent' : props.theme.colors.primary.focus, props.alert && props.alert === 'success' ? props.theme.colors.primary.focus : '');
+}, 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));
+});
+
+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) {
+  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) {
+  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"])));
+
+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;
+}, function (props) {
+  return props.clickable ? 'pointer' : 'default';
+}, function (props) {
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
+});
+
+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) {
+  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;
+}, function (props) {
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral4 : props.theme.colors.neutral.neutral3;
+}, function (props) {
+  return props.theme.fontSizes.xs;
+}, function (props) {
+  return props.theme.zIndex.level2;
+});
+
+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) {
+  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;
+});
+
+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;
+
+  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);
+  }
+
+  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 (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      background-color: 'transparent';\n    "])));
+}, 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 (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"])));
+
+exports.Legend = Legend;
+
+var LegendText = _styled.default.span(_templateObject15 || (_templateObject15 = _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) {
+  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;
+});
+
+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;
+}, function (props) {
+  return props.theme.borderRadius.default;
+}, function (props) {
+  return props.theme.borderRadius.default;
+});
+
+exports.AddonElement = AddonElement;
+
+var AddonContent = _styled.default.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (props) {
+  return props.theme.fontSizes.xs;
+}, function (props) {
+  return props.theme.colors.neutral.white;
+});
+
+exports.AddonContent = AddonContent;

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export declare type IInputProps = {
+    disabled?: boolean;
+    isLoading?: boolean;
+    withIcon?: ReactNode;
+    hiddenContent?: boolean;
+    helperText?: string;
+    withAddon?: boolean;
+    addonContent?: string;
+    alert?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IIInputComponentProps = IInputProps & {
+    hasValueOnInput: boolean;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    };
+};
+export declare type IInputGroupProps = IInputProps & {
+    label?: string;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    };
+    placeholder?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EACF,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAChD,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,CAAC;AAEF,oBAAY,gBAAgB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/components/Input/types.js

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

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

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

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

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

package/dist/components/Label/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _styles = require("./styles");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _allIcons = require("../Icon/utils/allIcons");
+
+var _invertColor = require("../../utils/invertColor");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var LabelInput = function LabelInput(_ref) {
+  var Label = _ref.Label,
+      LabelType = _ref.LabelType,
+      Icon = _ref.Icon,
+      _ref$IconSide = _ref.IconSide,
+      IconSide = _ref$IconSide === void 0 ? 'left' : _ref$IconSide,
+      Color = _ref.Color;
+  var theme = (0, _react.useTheme)();
+
+  var iconExists = function iconExists() {
+    return _allIcons.allIcons.some(function (svg) {
+      return svg.name === Icon;
+    });
+  };
+
+  var backgroundColor = LabelType ? theme.colors[LabelType].blurred : Color || (theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1);
+  var color = (0, _invertColor.invertColor)(backgroundColor || '#fff', true);
+  return /*#__PURE__*/React.createElement(_styles.LabelWrapper, {
+    backgroundColor: backgroundColor,
+    color: color,
+    "data-testid": "label-wrapper"
+  }, Icon && IconSide === 'left' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: Icon,
+    size: "16px"
+  }), Label || 'default', Icon && IconSide === 'right' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: Icon,
+    size: "16px"
+  }));
+};
+
+var _default = LabelInput;
+exports.default = _default;

package/dist/components/Label/input.test.d.ts

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

package/dist/components/Label/input.test.d.ts.map

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

package/dist/components/Label/input.test.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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));
+  var LabelWrapper = utils.getByTestId('label-wrapper');
+  return _objectSpread({
+    LabelWrapper: LabelWrapper
+  }, utils);
+};
+
+describe('Switch', function () {
+  it('Should be Rendered', function () {
+    var _setup = setup(),
+        LabelWrapper = _setup.LabelWrapper;
+
+    expect(LabelWrapper).toBeInTheDocument();
+  });
+  it('Render other colors', function () {
+    var Color = '#FFABEE';
+
+    var _setup2 = setup({
+      Color: Color
+    }),
+        LabelWrapper = _setup2.LabelWrapper;
+
+    expect(LabelWrapper).toHaveStyle("background-color: ".concat(Color));
+  });
+  it('Render other labels', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var LabelTest, _setup3, findByText, label;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            LabelTest = 'Teste';
+            _setup3 = setup({
+              Label: LabelTest
+            }), findByText = _setup3.findByText;
+            _context.next = 4;
+            return findByText(LabelTest);
+
+          case 4:
+            label = _context.sent;
+            expect(label.innerHTML).toEqual(LabelTest);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('Render Icons', function () {
+    var _LabelWrapper$querySe;
+
+    var Icon = 'mail';
+
+    var _setup4 = setup({
+      Icon: Icon
+    }),
+        LabelWrapper = _setup4.LabelWrapper;
+
+    var SvgName = (_LabelWrapper$querySe = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe === void 0 ? void 0 : _LabelWrapper$querySe.getAttribute('name');
+    expect(SvgName).toEqual(Icon);
+  });
+  it('Render Icons in Left', function () {
+    var _LabelWrapper$querySe2;
+
+    var Label = 'Testing';
+
+    var _setup5 = setup({
+      Icon: 'mail',
+      Label: Label
+    }),
+        LabelWrapper = _setup5.LabelWrapper;
+
+    var Icon = (_LabelWrapper$querySe2 = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe2 === void 0 ? void 0 : _LabelWrapper$querySe2.outerHTML;
+    expect(LabelWrapper.innerHTML).toEqual(Icon + Label);
+  });
+  it('Render Icons in Right', function () {
+    var _LabelWrapper$querySe3;
+
+    var Label = 'Testing';
+
+    var _setup6 = setup({
+      Icon: 'mail',
+      IconSide: 'right',
+      Label: Label
+    }),
+        LabelWrapper = _setup6.LabelWrapper;
+
+    var Icon = (_LabelWrapper$querySe3 = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe3 === void 0 ? void 0 : _LabelWrapper$querySe3.outerHTML;
+    expect(LabelWrapper.innerHTML).toEqual(Label + Icon);
+  });
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Label/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,YAAY;;;uHAaxB,CAAC"}

package/dist/components/Label/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelWrapper = void 0;
+
+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 LabelWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  border-radius: 80px;\n\n  background-color: ", ";\n\n  color: ", ";\n  font-size: ", ";\n  font-weight: 500;\n  user-select: none;\n"])), function (_ref) {
+  var backgroundColor = _ref.backgroundColor;
+  return backgroundColor;
+}, function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.fontSizes.xs;
+});
+
+exports.LabelWrapper = LabelWrapper;

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

@@ -0,0 +1,17 @@
+import { ExtendThemeProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export declare type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    backgroundColor?: string;
+    color?: string;
+};
+export declare type IInputProps = {
+    LabelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    Icon?: IconName;
+    Label?: string;
+    IconSide?: 'left' | 'right';
+    Color?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Label/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,SAAS,CAAC,EACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/Label/types.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,cAAc,CAS5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/List/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("./styles");
+
+var _excluded = ["title", "item", "maxHeight", "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 List = function List(_ref) {
+  var title = _ref.title,
+      item = _ref.item,
+      maxHeight = _ref.maxHeight,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return item ? /*#__PURE__*/React.createElement(_styles.StyledListItem, rest, children) : /*#__PURE__*/React.createElement(_styles.StyledList, _extends({}, rest, {
+    maxHeight: maxHeight
+  }), title && /*#__PURE__*/React.createElement(_styles.StyledListTitle, null, title), children);
+};
+
+var _default = List;
+exports.default = _default;

package/dist/components/List/list.test.d.ts

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

package/dist/components/List/list.test.d.ts.map

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

package/dist/components/List/list.test.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, props.children));
+  return utils;
+};
+
+describe('List', function () {
+  it('should to render list component', function () {
+    var utils = setup({
+      children: /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, "Item 1")
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should to render list component with an icon', function () {
+    var utils = setup({
+      children: /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "check"
+      }), " Item 1")
+    });
+    expect(utils.container).toBeInTheDocument();
+    expect(utils.container.querySelector('svg')).toBeInTheDocument();
+  });
+  it('should to render list with multiply items', function () {
+    var utils = setup({
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, " item 1"), /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, " item 2"), /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, " item 3"), /*#__PURE__*/React.createElement(_.default, {
+        item: true
+      }, " item 4"))
+    });
+    expect(utils.container).toBeInTheDocument();
+    expect(utils.container.querySelectorAll('li').length).toBe(4);
+  });
+});

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { IListComponent } from './types';
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IListComponent & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/List/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListTitle = exports.StyledListItem = exports.StyledList = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 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));
+});
+
+exports.StyledList = StyledList;
+
+var StyledListItem = _styled.default.li(function (props) {
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    color: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    padding: ", ";\n\n    & > svg:first-of-type {\n      margin-right: ", ";\n    }\n\n    & > svg:last-of-type:not(:first-of-type) {\n      margin-left: ", ";\n    }\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.03);\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, props.theme.spacing.xxxs, props.theme.spacing.xxxs);
+});
+
+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);
+});
+
+exports.StyledListTitle = StyledListTitle;

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

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

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

@@ -0,0 +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"}

package/dist/components/List/types.js

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

package/dist/components/Menu/components/Submenu.d.ts

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes } from 'react';
+import { SidebarLinkProps } from '../types';
+declare const Submenu: ({ item, isLoading, disabled, }: AnchorHTMLAttributes<HTMLAnchorElement> & SidebarLinkProps) => JSX.Element;
+export default Submenu;
+//# sourceMappingURL=Submenu.d.ts.map

package/dist/components/Menu/components/Submenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Submenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Submenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,OAAO,mCAIV,qBAAqB,iBAAiB,CAAC,GAAG,gBAAgB,gBAuD5D,CAAC;AAEF,eAAe,OAAO,CAAC"}