linear-react-components-ui 0.4.77-beta.5 → 0.4.77-beta.9

package/lib/assets/styles/sidenav.scss

@@ -6,31 +6,37 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
 @import "commons.scss";
 @import "effects.scss";
 @import "colors.scss";
+
 .sidenav-component {
   height: 100%;
   width: 100%;
   overflow: hidden;
   background-color: transparent;
   border: 1px solid #eee;
+
   &.-blocked {
     opacity: 0.4;
     pointer-events: none;
   }
-  > .expandedmenu,
-  > .collapsedmenu {
+
+  >.expandedmenu,
+  >.collapsedmenu {
     height: auto;
     width: 100%;
-    > .item {
+
+    >.item {
       cursor: pointer;
       border-bottom: 1px solid #eee;
       width: 100%;
       transition: all 0.2s ease-in-out;
+
       &.-customsidenavitem {
         display: flex;
         align-items: center;
         justify-content: center;
         padding-left: 0px;
-        > .searchmenubutton {
+
+        >.searchmenubutton {
           width: 100%;
           height: 100%;
           display: flex;
@@ -38,46 +44,57 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
           justify-content: center;
         }
       }
+
       &.-customsidenavitem:hover {
         background-color: white;
       }
+
       &.-disabled {
         @extend %component-disabled;
       }
     }
-    > .item:hover {
+
+    >.item:hover {
       background-color: #eee;
     }
-    > .item:hover > .menuicon,
-    > .item:hover .searchmenuicon,
-    > .item:hover > .menulink > .menuicon,
-    > .item:hover > .menulink .searchmenuicon {
+
+    >.item:hover>.menuicon,
+    >.item:hover .searchmenuicon,
+    >.item:hover>.menulink>.menuicon,
+    >.item:hover>.menulink .searchmenuicon {
       fill: rgb(114, 114, 114);
     }
-    > .item:hover > .title,
-    > .item:hover > .menulink > .title {
+
+    >.item:hover>.title,
+    >.item:hover>.menulink>.title {
       color: rgb(114, 114, 114);
     }
   }
-  > .expandedmenu.customscroll,
-  > .collapsedmenu.customscroll {
+
+  >.expandedmenu.customscroll,
+  >.collapsedmenu.customscroll {
     overflow-y: auto;
     height: 100%;
+
     &::-webkit-scrollbar {
       width: 5px;
     }
+
     &::-webkit-scrollbar-track {
       background: rgba(196, 222, 247, 0.5);
       border-radius: 10px;
     }
+
     &::-webkit-scrollbar-thumb {
       box-shadow: inset 0 0 5px #cecece;
       border-radius: 10px;
     }
+
     &::-webkit-scrollbar-thumb:hover {
       background: rgb(0, 195, 255);
     }
   }
+
   .openclosemenu {
     background: #f5f5f5;
     width: 100%;
@@ -89,14 +106,17 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     align-content: center;
     text-align: center;
     transition: all 0.2s ease-in-out;
+
     &:hover {
       background: $border-container;
     }
+
     .icon-component {
       justify-self: center;
       width: 12px;
     }
   }
+
   &.closefromexpanded {
     background: transparent;
     margin-top: 2px;
@@ -106,7 +126,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   }
 }
 
-.sidenav-component > .expandedmenu {
+.sidenav-component>.expandedmenu {
   animation: revealelement 0.3s;
   background-color: #fff;
   overflow: none;
@@ -114,27 +134,32 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   -webkit-box-flex: 0;
   -ms-flex: 0 0 70px;
   flex: 0 0 70px;
-  > .item {
+
+  >.item {
     align-content: center;
     background-color: #fff;
     display: grid;
     grid-template-columns: 30px 1fr;
     height: 45px;
     padding-left: 5px;
+
     &.-withlink {
       grid-template-columns: 1fr;
     }
+
     .menulink {
       display: grid;
       grid-template-columns: 30px 1fr;
       align-items: center;
       text-decoration: none;
     }
-    > .menuicon {
+
+    >.menuicon {
       justify-self: center;
     }
-    > .title,
-    > .menulink > .title {
+
+    >.title,
+    >.menulink>.title {
       color: #666;
       align-self: center;
       justify-self: left;
@@ -143,62 +168,75 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   }
 }
 
-.sidenav-component > .collapsedmenu {
+.sidenav-component>.collapsedmenu {
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
-  > .item {
+
+  >.item {
     height: 50px;
     display: grid;
     grid-template-rows: 1fr;
     align-items: center;
-    align-content: center; 
+    align-content: center;
+
     &.-withlink {
       align-items: stretch;
     }
-    > .menulink {
+
+    >.menulink {
       display: grid;
       grid-template-rows: 1fr;
       align-items: center;
     }
-    > .menuicon,
-    > .menulink > .menuicon {
+
+    >.menuicon,
+    >.menulink>.menuicon {
       justify-self: center;
     }
   }
+
   &.-small {
     width: 55px;
-    > .item {
+
+    >.item {
       height: 40px;
     }
+
     .-iconcenter {
       width: 55px !important;
     }
   }
+
   &.-medium {
     width: 55px;
-    > .item {
+
+    >.item {
       height: 50px;
     }
+
     .-iconcenter {
       width: 65px !important;
     }
   }
+
   &.-large {
     width: 75px;
-    > .item {
+
+    >.item {
       height: 60px;
     }
+
     .-iconcenter {
       width: 75px !important;
     }
   }
 }
 
-.sidenav-component > .collapsedmenu > .item > .submenu-container,
-.sidenav-component > .expandedmenu > .item > .submenu-container {
+.sidenav-component>.collapsedmenu>.item>.submenu-container,
+.sidenav-component>.expandedmenu>.item>.submenu-container {
   animation: 0.5s ease-in 0s 1 slideLeft;
-  background-color: #eee ;
+  background-color: #eee;
   height: auto;
   width: auto;
   float: right;
@@ -208,7 +246,8 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   -moz-box-shadow: 3px 1px 6px 0px rgba(50, 50, 50, 0.35);
   box-shadow: 3px 1px 6px 0px rgba(50, 50, 50, 0.35);
   z-index: 9999999;
-  > .title {
+
+  >.title {
     color: #777777;
     font-size: 24px;
     font-weight: bold;
@@ -216,28 +255,33 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     height: 36px;
     line-height: 36px;
   }
+
   .submenu {
     color: #808080;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     align-content: center;
     align-items: flex-start;
-    > .item {
+
+    >.item {
       display: grid;
       min-height: 40px;
       /* height: 40px; */
       align-content: center;
       display: grid;
       margin-left: 20px;
+
       &.-disabled {
         @extend %component-disabled;
         background-color: #eee !important;
       }
     }
-    > .item:hover {
+
+    >.item:hover {
       color: #333;
     }
-    > .item:before {
+
+    >.item:before {
       position: absolute;
       content: '';
       left: -15px;
@@ -246,24 +290,27 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       border-bottom: 5px solid transparent;
       border-left: 5px solid #808080;
     }
-    > .item:nth-child(even) {
+
+    >.item:nth-child(even) {
       padding-left: 5px;
     }
-    > .item > .menulink {
+
+    >.item>.menulink {
       grid-template-columns: 1fr;
       text-decoration: none;
     }
   }
 }
-  
+
 .searchmenu {
-  background-color: #fff ;
+  background-color: #fff;
   border: solid 1px $component-border-color;
   border-radius: 4px;
   width: 300px;
   position: absolute;
   padding: 20px;
-  > .closebutton {
+
+  >.closebutton {
     cursor: pointer;
     float: right;
     margin: -21px -33px 15px 0px;
@@ -277,15 +324,19 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   justify-content: center;
   height: 100%;
   width: 100%;
-  > .text, .subtext {
+
+  >.text,
+  .subtext {
     color: #a8a8a8;
     text-align: center;
   }
-  > .text {
+
+  >.text {
     font-size: 26px;
     margin-top: 20px;
   }
-  > .subtext {
+
+  >.subtext {
     font-size: 15px;
     margin-top: 5px;
   }

package/lib/assets/styles/table.scss

@@ -1,5 +1,6 @@
 @import "colors.scss";
 @import "effects.scss";
+@import "commons.scss";
 
 .table-component {
   width: 100%;
@@ -23,13 +24,7 @@
   > .tbody {
     position: relative;
     &.skeleton-transparency::before {
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      background: rgb(255,255,255);
-      background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
-        rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
+      @extend %skeleton-transparency;
     }
   }
   > .headercontainer > .innertable > .theader > .trow,

package/lib/avatar/avatar.spec.js

@@ -18,9 +18,9 @@ var _list = _interopRequireWildcard(require("../list"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); } }
 
@@ -28,7 +28,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 describe('Avatar', function () {
   it('should render correctly', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B"
     })),
         container = _render.container;
@@ -38,7 +38,7 @@ describe('Avatar', function () {
     expect(_react2.screen.getByRole('button')).toBeInTheDocument();
   });
   it('should apply customClass', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       customClass: "avatarteste"
     })),
@@ -47,7 +47,7 @@ describe('Avatar', function () {
     expect(container.firstChild).toHaveClass('avatarteste');
   });
   it('should change color', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       color: "#333"
     })),
@@ -56,7 +56,7 @@ describe('Avatar', function () {
     expect(container.firstChild).toHaveStyle('background-color: #333');
   });
   it('should change to square', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       square: true
     })),
@@ -65,7 +65,7 @@ describe('Avatar', function () {
     expect(container.firstChild).toHaveClass('-square');
   });
   it('should change to mini', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       size: "mini"
     })),
@@ -74,7 +74,7 @@ describe('Avatar', function () {
     expect(container.firstChild).toHaveClass('-mini');
   });
   it('should render icon with iconName', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       iconName: "calc"
     })),
         container = _render6.container;
@@ -82,8 +82,8 @@ describe('Avatar', function () {
     expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
   });
   it('should render Icon with icon', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
         name: "user"
       })
     })),
@@ -92,7 +92,7 @@ describe('Avatar', function () {
     expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
   });
   it('should render with image', function () {
-    var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
+    var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
       src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
       srcAlt: "Avatar Teste"
     });
@@ -104,7 +104,7 @@ describe('Avatar', function () {
     expect(_react2.screen.getByAltText('Avatar Teste')).toHaveClass('imgavatar');
   });
   it('should not render icon if has image', function () {
-    var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
+    var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
       src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
       srcAlt: "Avatar Teste"
     });
@@ -115,7 +115,7 @@ describe('Avatar', function () {
     expect(container.firstChild).not.toContainElement(document.querySelector('.icon-component'));
   });
   it('should change size', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       width: "56px",
       height: "56px"
@@ -131,18 +131,18 @@ describe('Avatar', function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
+            mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
               label: "B",
               dropdown: true
-            }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+            }, /*#__PURE__*/_react["default"].createElement(_list["default"], null, /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
               rightIconName: "exclamation",
               text: "Icone na direita"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
               rightIconName: "user",
               text: "Icone na direita"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
               text: "Itemlist sem \xEDcone"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
               text: "Itemlist sem \xEDcone Disabled",
               disabled: true
             })));
@@ -169,7 +169,7 @@ describe('Avatar', function () {
   it('should callback function onClick', function () {
     var mockOnClick = jest.fn();
 
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       onClick: mockOnClick
     })),
@@ -181,7 +181,7 @@ describe('Avatar', function () {
   });
   it('should use targetRef', function () {
     var mockTargetRef = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
       label: "B",
       targetRef: mockTargetRef
     }));

package/lib/avatar/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,11 +17,11 @@ require("../assets/styles/avatar.scss");
 
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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); }
 
@@ -37,7 +37,7 @@ var getIcon = function getIcon(iconName, icon) {
   if (icon !== null) {
     return icon;
   } else if (iconName !== null) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
+    return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
       name: iconName,
       size: 16
     });
@@ -64,7 +64,7 @@ var Avatar = function Avatar(props) {
       style = props.style,
       id = props.id;
   var dropdownRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "avatar",
     id: id,
     onKeyPress: null,
@@ -85,7 +85,7 @@ var Avatar = function Avatar(props) {
       backgroundColor: "".concat(color),
       cursor: "".concat(dropdown ? 'pointer' : 'normal')
     }, style)
-  }, (iconName || icon) && !src && getIcon(iconName, icon), src && /*#__PURE__*/_react.default.createElement("img", {
+  }, (iconName || icon) && !src && getIcon(iconName, icon), src && /*#__PURE__*/_react["default"].createElement("img", {
     className: "imgavatar",
     style: {
       width: "".concat(width),
@@ -97,26 +97,26 @@ var Avatar = function Avatar(props) {
 };
 
 Avatar.propTypes = {
-  onClick: _propTypes.default.func,
-  size: _propTypes.default.string,
-  width: _propTypes.default.string,
-  height: _propTypes.default.string,
-  color: _propTypes.default.string,
-  iconName: _propTypes.default.string,
-  icon: _propTypes.default.instanceOf(Object),
-  src: _propTypes.default.string,
-  srcAlt: _propTypes.default.string,
-  children: _propTypes.default.element,
-  square: _propTypes.default.bool,
-  customClass: _propTypes.default.string,
-  dropdown: _propTypes.default.bool,
-  dropdownOnHover: _propTypes.default.bool,
-  targetRef: _propTypes.default.func,
-  label: _propTypes.default.string,
-  showDropdown: _propTypes.default.func,
-  getDropdownPopup: _propTypes.default.func,
-  style: _propTypes.default.object,
-  id: _propTypes.default.string
+  onClick: _propTypes["default"].func,
+  size: _propTypes["default"].string,
+  width: _propTypes["default"].string,
+  height: _propTypes["default"].string,
+  color: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  icon: _propTypes["default"].instanceOf(Object),
+  src: _propTypes["default"].string,
+  srcAlt: _propTypes["default"].string,
+  children: _propTypes["default"].element,
+  square: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string,
+  dropdown: _propTypes["default"].bool,
+  dropdownOnHover: _propTypes["default"].bool,
+  targetRef: _propTypes["default"].func,
+  label: _propTypes["default"].string,
+  showDropdown: _propTypes["default"].func,
+  getDropdownPopup: _propTypes["default"].func,
+  style: _propTypes["default"].object,
+  id: _propTypes["default"].string
 };
 Avatar.defaultProps = {
   label: '',
@@ -141,6 +141,6 @@ Avatar.defaultProps = {
   id: undefined
 };
 
-var _default = (0, _withDropdown.default)(Avatar);
+var _default = (0, _withDropdown["default"])(Avatar);
 
-exports.default = _default;
+exports["default"] = _default;

package/lib/badge/badge.spec.js

@@ -10,16 +10,16 @@ var _ = _interopRequireDefault(require("."));
 
 var _icons = _interopRequireDefault(require("../icons"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
 
 var mockBadge = function mockBadge(props) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
     customClass: "mockBadge",
     customClassForBadge: "classforbadge",
     content: "10"
-  }, props), /*#__PURE__*/_react.default.createElement(_icons.default, {
+  }, props), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
     name: "bell_alert"
   }));
 };