@codacy/ui-components 0.66.24 → 0.66.26

package/lib/Panel/Panel.styles.js

@@ -1,26 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPanel = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Flexbox = require("../Flexbox");
-var StyledPanel = exports.StyledPanel = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { Box } from '../Flexbox';
+export const StyledPanel = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "epfbb5r0"
 } : {
   target: "epfbb5r0",
   label: "codacy"
-})("background:", function (_ref) {
-  var theme = _ref.theme,
-    backgroundColor = _ref.backgroundColor;
-  return theme.colors[backgroundColor || 'background-primary'];
-}, ";border:1px solid ", function (_ref2) {
-  var theme = _ref2.theme,
-    borderColor = _ref2.borderColor;
-  return theme.colors[borderColor || 'border-primary'];
-}, ";border-radius:", function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.radii[1];
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdEIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCwgQm94UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWwgPSBzdHlsZWQoQm94KTxCb3hQcm9wcz5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1soYmFja2dyb3VuZENvbG9yIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknKSBhcyBBbGxDb2xvcnNLZXlzXX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUsIGJvcmRlckNvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1soYm9yZGVyQ29sb3IgfHwgJ2JvcmRlci1wcmltYXJ5JykgYXMgQWxsQ29sb3JzS2V5c119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbmBcbiJdfQ== */"));
+})("background:", ({
+  theme,
+  backgroundColor
+}) => theme.colors[backgroundColor || 'cards-primary-background-enabled'], ";border:1px solid ", ({
+  theme,
+  borderColor
+}) => theme.colors[borderColor || 'cards-primary-border-enabled'], ";color:", ({
+  theme,
+  textColor
+}) => theme.colors[textColor || 'cards-primary-text-enabled'], ";border-radius:", ({
+  theme
+}) => theme.radii[1], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdEIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCwgQm94UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWwgPSBzdHlsZWQoQm94KTxCb3hQcm9wcz5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1soYmFja2dyb3VuZENvbG9yIGFzIEFsbENvbG9yc0tleXMpIHx8ICdjYXJkcy1wcmltYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgYm9yZGVyOiAxcHggc29saWRcbiAgICAkeyh7IHRoZW1lLCBib3JkZXJDb2xvciB9KSA9PiB0aGVtZS5jb2xvcnNbKGJvcmRlckNvbG9yIGFzIEFsbENvbG9yc0tleXMpIHx8ICdjYXJkcy1wcmltYXJ5LWJvcmRlci1lbmFibGVkJ119O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgdGV4dENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1sodGV4dENvbG9yIGFzIEFsbENvbG9yc0tleXMpIHx8ICdjYXJkcy1wcmltYXJ5LXRleHQtZW5hYmxlZCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG5gXG4iXX0= */"));

package/lib/Panel/Panel.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/Panel/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Panel = require("./Panel");
-Object.keys(_Panel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Panel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Panel[key];
-    }
-  });
-});
-var _Panel2 = require("./Panel.types");
-Object.keys(_Panel2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Panel2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Panel2[key];
-    }
-  });
-});
+export * from './Panel';
+export * from './Panel.types';

package/lib/PillLabel/PillLabel.js

@@ -1,57 +1,43 @@
-"use strict";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import React from 'react';
+import { PillLabelWrapper } from './PillLabel.styles';
+import { Icon } from '../Icon';
+import { Flex } from '../Flexbox';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PillLabel = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _PillLabel = require("./PillLabel.styles");
-var _Icon = require("../Icon");
-var _Flexbox = require("../Flexbox");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "status", "invert", "inline", "size", "rightIcon", "leftIcon"];
 /**
  * PillLabel Banner
  */
-var PillLabel = exports.PillLabel = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? 'default' : _ref$status,
-    _ref$invert = _ref.invert,
-    invert = _ref$invert === void 0 ? false : _ref$invert,
-    _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? true : _ref$inline,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    rightIcon = _ref.rightIcon,
-    leftIcon = _ref.leftIcon,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var IconComponent = function IconComponent(_ref2) {
-    var icon = _ref2.icon;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-      icon: icon,
-      size: size,
-      color: "label-".concat(status, "-icon"),
-      ml: 1
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PillLabel.PillLabelWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+const PillLabel = /*#__PURE__*/React.forwardRef(({
+  children,
+  status = 'default',
+  invert = false,
+  inline = true,
+  size = 'md',
+  rightIcon,
+  leftIcon,
+  ...props
+}, ref) => {
+  const IconComponent = ({
+    icon
+  }) => /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: size,
+    color: `label-${status}-icon`,
+    ml: 1
+  });
+  return /*#__PURE__*/React.createElement(PillLabelWrapper, _extends({
     status: status,
     size: size,
     display: inline ? 'inline-block' : 'block'
-  }, props), {}, {
+  }, props, {
     invert: invert,
-    ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Flex, {
-      alignItems: "center",
-      children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-        icon: leftIcon
-      }), children, rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-        icon: rightIcon
-      })]
-    })
-  }));
-});
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center"
+  }, leftIcon && /*#__PURE__*/React.createElement(IconComponent, {
+    icon: leftIcon
+  }), children, rightIcon && /*#__PURE__*/React.createElement(IconComponent, {
+    icon: rightIcon
+  })));
+});
+export { PillLabel };

package/lib/PillLabel/PillLabel.styles.js

@@ -1,52 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PillLabelWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Flexbox = require("../Flexbox");
-var _IconAndText = require("../IconAndText/IconAndText.styles");
-var _Icon = require("../Icon/Icon.styles");
-var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { Box } from '../Flexbox';
+import { IconAndTextWrapper } from '../IconAndText/IconAndText.styles';
+import { IconWrapper } from '../Icon/Icon.styles';
+export const PillLabelWrapper = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "e15p08ax0"
 } : {
   target: "e15p08ax0",
   label: "codacy"
-})("padding:0 ", function (_ref) {
-  var theme = _ref.theme;
-  return theme.space[2];
-}, ";height:", function (_ref2) {
-  var theme = _ref2.theme,
-    size = _ref2.size;
-  return theme.space[size === 'md' ? 5 : 4];
-}, ";line-height:", function (_ref3) {
-  var theme = _ref3.theme,
-    size = _ref3.size;
-  return theme.space[size === 'md' ? 5 : 4];
-}, ";align-content:center;", _IconAndText.IconAndTextWrapper, ",", _Icon.IconWrapper, "{line-height:", function (_ref4) {
-  var theme = _ref4.theme,
-    size = _ref4.size;
-  return theme.space[size === 'md' ? 5 : 4];
-}, "!important;}border-radius:", function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.radii[1];
-}, ";text-align:center;font-weight:", function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.fontWeights['semi-bold'];
-}, ";font-size:", function (_ref7) {
-  var theme = _ref7.theme,
-    size = _ref7.size;
-  return theme.fontSizes[size === 'md' ? 's' : 'xs'];
-}, ";", function (_ref8) {
-  var _ref8$status = _ref8.status,
-    status = _ref8$status === void 0 ? 'default' : _ref8$status,
-    theme = _ref8.theme,
-    invert = _ref8.invert;
-  var colors = ["label-".concat(status, "-text"), "label-".concat(status, "-background")];
+})("padding:0 ", ({
+  theme
+}) => theme.space[2], ";height:", ({
+  theme,
+  size
+}) => theme.space[size === 'md' ? 5 : 4], ";line-height:", ({
+  theme,
+  size
+}) => theme.space[size === 'md' ? 5 : 4], ";align-content:center;", IconAndTextWrapper, ",", IconWrapper, "{line-height:", ({
+  theme,
+  size
+}) => theme.space[size === 'md' ? 5 : 4], "!important;}border-radius:", ({
+  theme
+}) => theme.radii[1], ";text-align:center;font-weight:", ({
+  theme
+}) => theme.fontWeights['semi-bold'], ";font-size:", ({
+  theme,
+  size
+}) => theme.fontSizes[size === 'md' ? 's' : 'xs'], ";", ({
+  status = 'default',
+  theme,
+  invert
+}) => {
+  const colors = [`label-${status}-text`, `label-${status}-background`];
   if (invert) {
     colors.reverse();
   }
-  return "\n      color: ".concat(theme.colors[colors[0]], ";\n      background-color: ").concat(theme.colors[colors[1]], ";\n    ");
+  return `
+      color: ${theme.colors[colors[0]]};
+      background-color: ${theme.colors[colors[1]]};
+    `;
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlsbExhYmVsUHJvcHMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZS9Db2xvclNjaGVtZXMvbGlnaHQnXG5cbmV4cG9ydCBjb25zdCBQaWxsTGFiZWxXcmFwcGVyID0gc3R5bGVkKEJveCk8UGlsbExhYmVsUHJvcHM+YFxuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLnNwYWNlW3NpemUgPT09ICdtZCcgPyA1IDogNF19O1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG5cbiAgJHtJY29uQW5kVGV4dFdyYXBwZXJ9LCAke0ljb25XcmFwcGVyfSB7XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX0gIWltcG9ydGFudDtcbiAgfVxuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbc2l6ZSA9PT0gJ21kJyA/ICdzJyA6ICd4cyddfTtcblxuICAkeyh7IHN0YXR1cyA9ICdkZWZhdWx0JywgdGhlbWUsIGludmVydCB9KSA9PiB7XG4gICAgY29uc3QgY29sb3JzOiBBbGxDb2xvcnNLZXlzW10gPSBbYGxhYmVsLSR7c3RhdHVzfS10ZXh0YCwgYGxhYmVsLSR7c3RhdHVzfS1iYWNrZ3JvdW5kYF1cblxuICAgIGlmIChpbnZlcnQpIHtcbiAgICAgIGNvbG9ycy5yZXZlcnNlKClcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2NvbG9yc1swXV19O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbY29sb3JzWzFdXX07XG4gICAgYFxuICB9fVxuYFxuIl19 */"));

package/lib/PillLabel/PillLabel.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/PillLabel/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _PillLabel = require("./PillLabel");
-Object.keys(_PillLabel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PillLabel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PillLabel[key];
-    }
-  });
-});
+export * from './PillLabel';

package/lib/Popup/Popup.js

@@ -1,75 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupAroundElement = exports.Popup = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _CloseButton = require("../CloseButton");
-var _styles = require("./styles");
-var _Disclosure = require("reakit/Disclosure");
-var _Typography = require("../Typography");
-var _ = require("../");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "title", "children", "onClose", "popoupPosition", "backgroundImage"];
-var Popup = exports.Popup = function Popup(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    children = _ref.children,
-    onClose = _ref.onClose,
-    _ref$popoupPosition = _ref.popoupPosition,
-    popoupPosition = _ref$popoupPosition === void 0 ? {
-      right: 0
-    } : _ref$popoupPosition,
-    _ref$backgroundImage = _ref.backgroundImage,
-    backgroundImage = _ref$backgroundImage === void 0 ? '' : _ref$backgroundImage,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var PopupState = (0, _Disclosure.useDisclosureState)({
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import React, { useEffect } from 'react';
+import { CloseButton } from '../CloseButton';
+import { StyledPopup, CloseBtnLocation } from './styles';
+import { DisclosureContent, useDisclosureState } from 'reakit/Disclosure';
+import { Subheader } from '../Typography';
+import { Box } from '../';
+const Popup = ({
+  id,
+  title,
+  children,
+  onClose,
+  popoupPosition = {
+    right: 0
+  },
+  backgroundImage = '',
+  ...props
+}) => {
+  const PopupState = useDisclosureState({
     baseId: id
   });
-  var onCloseButtonClick = function onCloseButtonClick() {
+  const onCloseButtonClick = () => {
     if (onClose) onClose();
     PopupState.hide();
   };
-  (0, _react.useEffect)(function () {
-    var timer = setTimeout(function () {
+  useEffect(() => {
+    const timer = setTimeout(() => {
       PopupState.show();
     }, 800);
-    return function () {
-      return clearTimeout(timer);
-    };
+    return () => clearTimeout(timer);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Disclosure.DisclosureContent, (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, PopupState), props), {}, {
-    as: _styles.StyledPopup,
+  return /*#__PURE__*/React.createElement(DisclosureContent, _extends({}, PopupState, props, {
+    as: StyledPopup,
     id: id,
     style: popoupPosition,
     backgroundImage: backgroundImage,
-    role: "alertdialog",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Box, {
-      width: "17rem",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Subheader, {
-        size: "lg",
-        mb: 4,
-        children: title
-      }), children]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CloseBtnLocation, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
-        onClick: onCloseButtonClick
-      })
-    })]
-  }));
+    role: "alertdialog"
+  }), /*#__PURE__*/React.createElement(Box, {
+    width: "17rem"
+  }, /*#__PURE__*/React.createElement(Subheader, {
+    size: "lg",
+    mb: 4
+  }, title), children), /*#__PURE__*/React.createElement(CloseBtnLocation, null, /*#__PURE__*/React.createElement(CloseButton, {
+    onClick: onCloseButtonClick
+  })));
 };
-var PopupAroundElement = exports.PopupAroundElement = function PopupAroundElement(_ref2) {
-  var popupElement = _ref2.popupElement,
-    children = _ref2.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Box, {
+const PopupAroundElement = ({
+  popupElement,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
     position: "relative",
-    display: "inline-block",
-    children: [children, popupElement]
-  });
-};
+    display: "inline-block"
+  }, children, popupElement);
+};
+export { Popup, PopupAroundElement };

package/lib/Popup/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Popup = require("./Popup");
-Object.keys(_Popup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Popup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Popup[key];
-    }
-  });
-});
+export * from './Popup';

package/lib/Popup/styles.js

@@ -1,42 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPopup = exports.CloseBtnLocation = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _ = require("..");
-var StyledPopup = exports.StyledPopup = /*#__PURE__*/(0, _base["default"])(_.Box, process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { Box } from '..';
+export const StyledPopup = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "evoxgzo1"
 } : {
   target: "evoxgzo1",
   label: "codacy"
-})("position:absolute;padding:", function (_ref) {
-  var theme = _ref.theme;
-  return theme.space[5];
-}, ";background-color:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors['background-secondary'];
-}, ";background-image:", function (_ref3) {
-  var backgroundImage = _ref3.backgroundImage;
-  return "url(".concat(backgroundImage, ")");
-}, ";background-repeat:no-repeat;background-size:contain;width:24rem;outline:none;border-radius:", function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.radii[1];
-}, ";box-shadow:", function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.shadows[3];
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTJFIiwiZmlsZSI6Ii4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uJ1xuaW1wb3J0IHsgUG9wdXBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChCb3gpPFBpY2s8UG9wdXBQcm9wcywgJ2JhY2tncm91bmRJbWFnZSc+PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXX07XG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7KHsgYmFja2dyb3VuZEltYWdlIH0pID0+IGB1cmwoJHtiYWNrZ3JvdW5kSW1hZ2V9KWB9O1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG5cbiAgd2lkdGg6IDI0cmVtO1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzNdfTtcbmBcbmV4cG9ydCBjb25zdCBDbG9zZUJ0bkxvY2F0aW9uID0gc3R5bGVkLmRpdjxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19O1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19O1xuICBtYXJnaW4tdG9wOiAtMC4zNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4zNXJlbTtcbmBcbiJdfQ== */"));
-var CloseBtnLocation = exports.CloseBtnLocation = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+})("position:absolute;padding:", ({
+  theme
+}) => theme.space[5], ";background-color:", ({
+  theme
+}) => theme.colors['tooltip-background'], ";background-image:", ({
+  backgroundImage
+}) => `url(${backgroundImage})`, ";background-repeat:no-repeat;background-size:contain;border:1px solid ", ({
+  theme
+}) => theme.colors['tooltip-border'], ";width:24rem;outline:none;border-radius:", ({
+  theme
+}) => theme.radii[1], ";box-shadow:", ({
+  theme
+}) => theme.effects.elevation[1], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTJFIiwiZmlsZSI6Ii4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uJ1xuaW1wb3J0IHsgUG9wdXBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChCb3gpPFBpY2s8UG9wdXBQcm9wcywgJ2JhY2tncm91bmRJbWFnZSc+PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndG9vbHRpcC1iYWNrZ3JvdW5kJ119O1xuICBiYWNrZ3JvdW5kLWltYWdlOiAkeyh7IGJhY2tncm91bmRJbWFnZSB9KSA9PiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfSlgfTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0b29sdGlwLWJvcmRlciddfTtcblxuICB3aWR0aDogMjRyZW07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmVmZmVjdHMuZWxldmF0aW9uWzFdfTtcbmBcbmV4cG9ydCBjb25zdCBDbG9zZUJ0bkxvY2F0aW9uID0gc3R5bGVkLmRpdjxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19O1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19O1xuICBtYXJnaW4tdG9wOiAtMC4zNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4zNXJlbTtcbmBcbiJdfQ== */"));
+export const CloseBtnLocation = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "evoxgzo0"
 } : {
   target: "evoxgzo0",
   label: "codacy"
-})("position:absolute;right:", function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.space[5];
-}, ";top:", function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.space[5];
-}, ";margin-top:-0.35rem;margin-right:-0.35rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JtRSIsImZpbGUiOiIuLi8uLi9zcmMvUG9wdXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLidcbmltcG9ydCB7IFBvcHVwUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoQm94KTxQaWNrPFBvcHVwUHJvcHMsICdiYWNrZ3JvdW5kSW1hZ2UnPj5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs1XX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J119O1xuICBiYWNrZ3JvdW5kLWltYWdlOiAkeyh7IGJhY2tncm91bmRJbWFnZSB9KSA9PiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfSlgfTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXG4gIHdpZHRoOiAyNHJlbTtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93c1szXX07XG5gXG5leHBvcnQgY29uc3QgQ2xvc2VCdG5Mb2NhdGlvbiA9IHN0eWxlZC5kaXY8UmVjb3JkPHN0cmluZywgdW5rbm93bj4+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcbiAgbWFyZ2luLXRvcDogLTAuMzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTAuMzVyZW07XG5gXG4iXX0= */"));
+})("position:absolute;right:", ({
+  theme
+}) => theme.space[5], ";top:", ({
+  theme
+}) => theme.space[5], ";margin-top:-0.35rem;margin-right:-0.35rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb3B1cC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtRSIsImZpbGUiOiIuLi8uLi9zcmMvUG9wdXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLidcbmltcG9ydCB7IFBvcHVwUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoQm94KTxQaWNrPFBvcHVwUHJvcHMsICdiYWNrZ3JvdW5kSW1hZ2UnPj5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs1XX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3Rvb2x0aXAtYmFja2dyb3VuZCddfTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBiYWNrZ3JvdW5kSW1hZ2UgfSkgPT4gYHVybCgke2JhY2tncm91bmRJbWFnZX0pYH07XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcblxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndG9vbHRpcC1ib3JkZXInXX07XG5cbiAgd2lkdGg6IDI0cmVtO1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5lZmZlY3RzLmVsZXZhdGlvblsxXX07XG5gXG5leHBvcnQgY29uc3QgQ2xvc2VCdG5Mb2NhdGlvbiA9IHN0eWxlZC5kaXY8UmVjb3JkPHN0cmluZywgdW5rbm93bj4+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfTtcbiAgbWFyZ2luLXRvcDogLTAuMzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTAuMzVyZW07XG5gXG4iXX0= */"));

package/lib/Popup/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/ProgressBar/ProgressBar.js

@@ -1,35 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProgressBar = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["percentage", "color", "height", "indicatorPercentage"];
-var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
-  var percentage = _ref.percentage,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'info' : _ref$color,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '0.5rem' : _ref$height,
-    indicatorPercentage = _ref.indicatorPercentage,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Bar, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    height: height
-  }, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FilledBar, {
-      color: color,
-      percentage: percentage,
-      height: '100%'
-    }), indicatorPercentage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ProgressIndicator, {
-      belowIndicator: percentage <= indicatorPercentage,
-      indicatorPercentage: indicatorPercentage,
-      height: '100%'
-    })]
-  }));
-};
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import React from 'react';
+import { Bar, FilledBar, ProgressIndicator } from './styles';
+export const ProgressBar = ({
+  percentage,
+  color = 'info',
+  height = '0.5rem',
+  indicatorPercentage,
+  ...props
+}) => /*#__PURE__*/React.createElement(Bar, _extends({
+  height: height
+}, props), /*#__PURE__*/React.createElement(FilledBar, {
+  color: color,
+  percentage: percentage,
+  height: '100%'
+}), indicatorPercentage && /*#__PURE__*/React.createElement(ProgressIndicator, {
+  indicatorPercentage: indicatorPercentage,
+  height: '100%'
+}));

package/lib/ProgressBar/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ProgressIndicator: true
-};
-Object.defineProperty(exports, "ProgressIndicator", {
-  enumerable: true,
-  get: function get() {
-    return _styles.ProgressIndicator;
-  }
-});
-var _ProgressBar = require("./ProgressBar");
-Object.keys(_ProgressBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ProgressBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ProgressBar[key];
-    }
-  });
-});
-var _styles = require("./styles");
+export * from './ProgressBar';
+export { ProgressIndicator } from './styles';

package/lib/ProgressBar/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProgressBarIndication, ProgressBarProps } from './types';
+import { ProgressBarProps } from './types';
 export declare const Bar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -23,4 +23,4 @@ export declare const ProgressIndicator: import("@emotion/styled").StyledComponen
     fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & import("..").FlexboxProps & import("..").GridboxProps & Pick<ProgressBarProps & ProgressBarIndication, "top" | "indicatorPercentage" | "belowIndicator">, {}, {}>;
+} & import("..").FlexboxProps & import("..").GridboxProps & Pick<ProgressBarProps, "top" | "indicatorPercentage">, {}, {}>;