@widergy/energy-ui 2.7.3 → 2.7.5

package/dist/components/UTTopbar/index.js

@@ -41,6 +41,7 @@ var UTTopbar = function UTTopbar(_ref) {
     notificationIconActive = _ref.notificationIconActive,
     notificationIconInactive = _ref.notificationIconInactive,
     title = _ref.title,
+    titleProps = _ref.titleProps,
     userSubtitle = _ref.userSubtitle,
     userTitle = _ref.userTitle,
     UTMenu = _ref.UTMenu;
@@ -52,9 +53,9 @@ var UTTopbar = function UTTopbar(_ref) {
   }, handleMenu && isMobileSize && /*#__PURE__*/_react.default.createElement(_Menu.default, {
     onClick: handleMenu,
     className: classes.menuIcon
-  }), (0, _array.isEmpty)(breadcrumbs) ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(isMobileSize && _stylesModule.default.mobileTitle, " ").concat(classes.title)
-  }, title) : isMobileSize ? UTMenu : /*#__PURE__*/_react.default.createElement(_UTBreadcrumbs.default, _extends({
+  }), (0, _array.isEmpty)(breadcrumbs) ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: "".concat(isMobileSize && _stylesModule.default.mobileTitle)
+  }, titleProps), title) : isMobileSize ? UTMenu : /*#__PURE__*/_react.default.createElement(_UTBreadcrumbs.default, _extends({
     breadcrumbs: breadcrumbs
   }, breadcrumbsProps)), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.rightSection
@@ -66,13 +67,13 @@ var UTTopbar = function UTTopbar(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_UserMenu.default, {
     Arrow: Arrow,
     avatar: avatar,
+    classes: classes,
     handleClick: handleClick,
     justAvatar: justAvatar,
     MenuComponent: MenuComponent,
     menuOpened: menuOpened,
-    classes: classes,
-    title: userTitle,
-    subtitle: userSubtitle
+    subtitle: userSubtitle,
+    title: userTitle
   })));
 };
 UTTopbar.propTypes = {
@@ -95,9 +96,9 @@ UTTopbar.propTypes = {
     label: _propTypes.string,
     route: _propTypes.string
   }))]),
+  titleProps: _propTypes.object,
   userSubtitle: _propTypes.node,
   userTitle: _propTypes.string,
   UTMenu: _propTypes.node
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTopbar);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTopbar);

package/dist/components/UTTopbar/theme.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(_ref) {
-  var _theme$UTTopbar, _theme$UTTopbar2, _theme$UTTopbar3, _theme$UTTopbar4, _theme$UTTopbar5, _theme$UTTopbar6, _theme$UTTopbar7, _theme$UTTopbar8, _theme$UTTopbar9, _theme$UTTopbar10, _theme$UTTopbar11, _theme$UTTopbar12, _theme$UTTopbar13, _theme$UTTopbar14, _theme$UTTopbar15, _theme$UTTopbar16, _theme$UTTopbar17, _theme$UTTopbar18, _theme$UTTopbar19, _theme$UTTopbar20, _theme$UTTopbar21, _theme$UTTopbar22, _theme$UTTopbar23, _theme$UTTopbar24, _theme$UTTopbar25, _theme$UTTopbar26, _theme$UTTopbar27, _theme$UTTopbar28, _theme$UTTopbar29, _theme$UTTopbar30, _theme$UTTopbar31, _theme$UTTopbar32, _theme$UTTopbar33, _theme$UTTopbar34, _theme$UTTopbar35, _theme$UTTopbar36, _theme$UTTopbar37, _theme$UTTopbar38, _theme$UTTopbar39, _theme$UTTopbar40, _theme$UTTopbar41, _theme$UTTopbar42, _theme$UTTopbar43, _theme$UTTopbar44, _theme$UTTopbar45, _theme$UTTopbar46;
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTTopbar, _theme$UTTopbar2, _theme$UTTopbar3, _theme$UTTopbar4, _theme$UTTopbar5, _theme$UTTopbar6, _theme$UTTopbar7, _theme$UTTopbar8, _theme$UTTopbar9, _theme$UTTopbar10, _theme$UTTopbar11, _theme$UTTopbar12, _theme$UTTopbar13, _theme$UTTopbar14, _theme$UTTopbar15, _theme$UTTopbar16, _theme$UTTopbar17, _theme$UTTopbar18, _theme$UTTopbar19, _theme$UTTopbar20, _theme$UTTopbar21, _theme$UTTopbar22, _theme$UTTopbar23, _theme$UTTopbar24, _theme$UTTopbar25, _theme$UTTopbar26, _theme$UTTopbar27, _theme$UTTopbar28, _theme$UTTopbar29, _theme$UTTopbar30, _theme$UTTopbar31, _theme$UTTopbar32, _theme$UTTopbar33, _theme$UTTopbar34, _theme$UTTopbar35, _theme$UTTopbar36, _theme$UTTopbar37, _theme$UTTopbar38, _theme$UTTopbar39, _theme$UTTopbar40;
   var theme = _ref.theme;
   return {
     container: {
@@ -19,65 +19,56 @@ var retrieveStyle = function retrieveStyle(_ref) {
       top: theme === null || theme === void 0 || (_theme$UTTopbar6 = theme.UTTopbar) === null || _theme$UTTopbar6 === void 0 || (_theme$UTTopbar6 = _theme$UTTopbar6.container) === null || _theme$UTTopbar6 === void 0 ? void 0 : _theme$UTTopbar6.top,
       zIndex: theme === null || theme === void 0 || (_theme$UTTopbar7 = theme.UTTopbar) === null || _theme$UTTopbar7 === void 0 || (_theme$UTTopbar7 = _theme$UTTopbar7.container) === null || _theme$UTTopbar7 === void 0 ? void 0 : _theme$UTTopbar7.zIndex
     },
-    title: {
-      color: theme === null || theme === void 0 || (_theme$UTTopbar8 = theme.UTTopbar) === null || _theme$UTTopbar8 === void 0 || (_theme$UTTopbar8 = _theme$UTTopbar8.title) === null || _theme$UTTopbar8 === void 0 ? void 0 : _theme$UTTopbar8.color,
-      fontFamily: theme === null || theme === void 0 || (_theme$UTTopbar9 = theme.UTTopbar) === null || _theme$UTTopbar9 === void 0 || (_theme$UTTopbar9 = _theme$UTTopbar9.title) === null || _theme$UTTopbar9 === void 0 ? void 0 : _theme$UTTopbar9.fontFamily,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar10 = theme.UTTopbar) === null || _theme$UTTopbar10 === void 0 || (_theme$UTTopbar10 = _theme$UTTopbar10.title) === null || _theme$UTTopbar10 === void 0 ? void 0 : _theme$UTTopbar10.fontSize,
-      fontWeight: theme === null || theme === void 0 || (_theme$UTTopbar11 = theme.UTTopbar) === null || _theme$UTTopbar11 === void 0 || (_theme$UTTopbar11 = _theme$UTTopbar11.title) === null || _theme$UTTopbar11 === void 0 ? void 0 : _theme$UTTopbar11.fontWeight,
-      lineHeight: theme === null || theme === void 0 || (_theme$UTTopbar12 = theme.UTTopbar) === null || _theme$UTTopbar12 === void 0 || (_theme$UTTopbar12 = _theme$UTTopbar12.title) === null || _theme$UTTopbar12 === void 0 ? void 0 : _theme$UTTopbar12.lineHeight,
-      padding: theme === null || theme === void 0 || (_theme$UTTopbar13 = theme.UTTopbar) === null || _theme$UTTopbar13 === void 0 || (_theme$UTTopbar13 = _theme$UTTopbar13.title) === null || _theme$UTTopbar13 === void 0 ? void 0 : _theme$UTTopbar13.padding
-    },
     breadCrumb: {
       '&:hover': {
-        backgroundColor: theme === null || theme === void 0 || (_theme$UTTopbar14 = theme.UTTopbar) === null || _theme$UTTopbar14 === void 0 || (_theme$UTTopbar14 = _theme$UTTopbar14.breadCrumb) === null || _theme$UTTopbar14 === void 0 || (_theme$UTTopbar14 = _theme$UTTopbar14.hover) === null || _theme$UTTopbar14 === void 0 ? void 0 : _theme$UTTopbar14.backgroundColor,
-        textDecoration: theme === null || theme === void 0 || (_theme$UTTopbar15 = theme.UTTopbar) === null || _theme$UTTopbar15 === void 0 || (_theme$UTTopbar15 = _theme$UTTopbar15.breadCrumb) === null || _theme$UTTopbar15 === void 0 || (_theme$UTTopbar15 = _theme$UTTopbar15.hover) === null || _theme$UTTopbar15 === void 0 ? void 0 : _theme$UTTopbar15.textDecoration,
-        cursor: theme === null || theme === void 0 || (_theme$UTTopbar16 = theme.UTTopbar) === null || _theme$UTTopbar16 === void 0 || (_theme$UTTopbar16 = _theme$UTTopbar16.breadCrumb) === null || _theme$UTTopbar16 === void 0 || (_theme$UTTopbar16 = _theme$UTTopbar16.hover) === null || _theme$UTTopbar16 === void 0 ? void 0 : _theme$UTTopbar16.cursor
+        backgroundColor: theme === null || theme === void 0 || (_theme$UTTopbar8 = theme.UTTopbar) === null || _theme$UTTopbar8 === void 0 || (_theme$UTTopbar8 = _theme$UTTopbar8.breadCrumb) === null || _theme$UTTopbar8 === void 0 || (_theme$UTTopbar8 = _theme$UTTopbar8.hover) === null || _theme$UTTopbar8 === void 0 ? void 0 : _theme$UTTopbar8.backgroundColor,
+        textDecoration: theme === null || theme === void 0 || (_theme$UTTopbar9 = theme.UTTopbar) === null || _theme$UTTopbar9 === void 0 || (_theme$UTTopbar9 = _theme$UTTopbar9.breadCrumb) === null || _theme$UTTopbar9 === void 0 || (_theme$UTTopbar9 = _theme$UTTopbar9.hover) === null || _theme$UTTopbar9 === void 0 ? void 0 : _theme$UTTopbar9.textDecoration,
+        cursor: theme === null || theme === void 0 || (_theme$UTTopbar10 = theme.UTTopbar) === null || _theme$UTTopbar10 === void 0 || (_theme$UTTopbar10 = _theme$UTTopbar10.breadCrumb) === null || _theme$UTTopbar10 === void 0 || (_theme$UTTopbar10 = _theme$UTTopbar10.hover) === null || _theme$UTTopbar10 === void 0 ? void 0 : _theme$UTTopbar10.cursor
       }
     },
     userMenu: {
-      borderLeft: theme === null || theme === void 0 || (_theme$UTTopbar17 = theme.UTTopbar) === null || _theme$UTTopbar17 === void 0 || (_theme$UTTopbar17 = _theme$UTTopbar17.userMenu) === null || _theme$UTTopbar17 === void 0 ? void 0 : _theme$UTTopbar17.borderLeft,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar18 = theme.UTTopbar) === null || _theme$UTTopbar18 === void 0 || (_theme$UTTopbar18 = _theme$UTTopbar18.userMenu) === null || _theme$UTTopbar18 === void 0 ? void 0 : _theme$UTTopbar18.margin) || '0 0 0 20px',
-      minWidth: theme === null || theme === void 0 || (_theme$UTTopbar19 = theme.UTTopbar) === null || _theme$UTTopbar19 === void 0 || (_theme$UTTopbar19 = _theme$UTTopbar19.userMenu) === null || _theme$UTTopbar19 === void 0 ? void 0 : _theme$UTTopbar19.minWidth,
-      padding: (theme === null || theme === void 0 || (_theme$UTTopbar20 = theme.UTTopbar) === null || _theme$UTTopbar20 === void 0 || (_theme$UTTopbar20 = _theme$UTTopbar20.userMenu) === null || _theme$UTTopbar20 === void 0 ? void 0 : _theme$UTTopbar20.padding) || '0 0 0 20px',
-      justifyContent: theme === null || theme === void 0 || (_theme$UTTopbar21 = theme.UTTopbar) === null || _theme$UTTopbar21 === void 0 || (_theme$UTTopbar21 = _theme$UTTopbar21.userMenu) === null || _theme$UTTopbar21 === void 0 ? void 0 : _theme$UTTopbar21.justifyContent
+      borderLeft: theme === null || theme === void 0 || (_theme$UTTopbar11 = theme.UTTopbar) === null || _theme$UTTopbar11 === void 0 || (_theme$UTTopbar11 = _theme$UTTopbar11.userMenu) === null || _theme$UTTopbar11 === void 0 ? void 0 : _theme$UTTopbar11.borderLeft,
+      margin: (theme === null || theme === void 0 || (_theme$UTTopbar12 = theme.UTTopbar) === null || _theme$UTTopbar12 === void 0 || (_theme$UTTopbar12 = _theme$UTTopbar12.userMenu) === null || _theme$UTTopbar12 === void 0 ? void 0 : _theme$UTTopbar12.margin) || '0 0 0 20px',
+      minWidth: theme === null || theme === void 0 || (_theme$UTTopbar13 = theme.UTTopbar) === null || _theme$UTTopbar13 === void 0 || (_theme$UTTopbar13 = _theme$UTTopbar13.userMenu) === null || _theme$UTTopbar13 === void 0 ? void 0 : _theme$UTTopbar13.minWidth,
+      padding: (theme === null || theme === void 0 || (_theme$UTTopbar14 = theme.UTTopbar) === null || _theme$UTTopbar14 === void 0 || (_theme$UTTopbar14 = _theme$UTTopbar14.userMenu) === null || _theme$UTTopbar14 === void 0 ? void 0 : _theme$UTTopbar14.padding) || '0 0 0 20px',
+      justifyContent: theme === null || theme === void 0 || (_theme$UTTopbar15 = theme.UTTopbar) === null || _theme$UTTopbar15 === void 0 || (_theme$UTTopbar15 = _theme$UTTopbar15.userMenu) === null || _theme$UTTopbar15 === void 0 ? void 0 : _theme$UTTopbar15.justifyContent
     },
     userMenuAvatar: {
-      background: theme === null || theme === void 0 || (_theme$UTTopbar22 = theme.UTTopbar) === null || _theme$UTTopbar22 === void 0 || (_theme$UTTopbar22 = _theme$UTTopbar22.userMenuAvatar) === null || _theme$UTTopbar22 === void 0 ? void 0 : _theme$UTTopbar22.background,
-      border: theme === null || theme === void 0 || (_theme$UTTopbar23 = theme.UTTopbar) === null || _theme$UTTopbar23 === void 0 || (_theme$UTTopbar23 = _theme$UTTopbar23.userMenuAvatar) === null || _theme$UTTopbar23 === void 0 ? void 0 : _theme$UTTopbar23.border,
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTTopbar24 = theme.UTTopbar) === null || _theme$UTTopbar24 === void 0 || (_theme$UTTopbar24 = _theme$UTTopbar24.userMenuAvatar) === null || _theme$UTTopbar24 === void 0 ? void 0 : _theme$UTTopbar24.borderRadius) || '50%',
-      color: theme === null || theme === void 0 || (_theme$UTTopbar25 = theme.UTTopbar) === null || _theme$UTTopbar25 === void 0 || (_theme$UTTopbar25 = _theme$UTTopbar25.userMenuAvatar) === null || _theme$UTTopbar25 === void 0 ? void 0 : _theme$UTTopbar25.color,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar26 = theme.UTTopbar) === null || _theme$UTTopbar26 === void 0 || (_theme$UTTopbar26 = _theme$UTTopbar26.userMenuAvatar) === null || _theme$UTTopbar26 === void 0 ? void 0 : _theme$UTTopbar26.fontSize) || 24,
-      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar27 = theme.UTTopbar) === null || _theme$UTTopbar27 === void 0 || (_theme$UTTopbar27 = _theme$UTTopbar27.userMenuAvatar) === null || _theme$UTTopbar27 === void 0 ? void 0 : _theme$UTTopbar27.fontWeight) || 500,
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar28 = theme.UTTopbar) === null || _theme$UTTopbar28 === void 0 || (_theme$UTTopbar28 = _theme$UTTopbar28.userMenuAvatar) === null || _theme$UTTopbar28 === void 0 ? void 0 : _theme$UTTopbar28.height) || 40,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar29 = theme.UTTopbar) === null || _theme$UTTopbar29 === void 0 || (_theme$UTTopbar29 = _theme$UTTopbar29.userMenuAvatar) === null || _theme$UTTopbar29 === void 0 ? void 0 : _theme$UTTopbar29.margin) || '0 10px 0 0',
-      width: (theme === null || theme === void 0 || (_theme$UTTopbar30 = theme.UTTopbar) === null || _theme$UTTopbar30 === void 0 || (_theme$UTTopbar30 = _theme$UTTopbar30.userMenuAvatar) === null || _theme$UTTopbar30 === void 0 ? void 0 : _theme$UTTopbar30.width) || 40
+      background: theme === null || theme === void 0 || (_theme$UTTopbar16 = theme.UTTopbar) === null || _theme$UTTopbar16 === void 0 || (_theme$UTTopbar16 = _theme$UTTopbar16.userMenuAvatar) === null || _theme$UTTopbar16 === void 0 ? void 0 : _theme$UTTopbar16.background,
+      border: theme === null || theme === void 0 || (_theme$UTTopbar17 = theme.UTTopbar) === null || _theme$UTTopbar17 === void 0 || (_theme$UTTopbar17 = _theme$UTTopbar17.userMenuAvatar) === null || _theme$UTTopbar17 === void 0 ? void 0 : _theme$UTTopbar17.border,
+      borderRadius: (theme === null || theme === void 0 || (_theme$UTTopbar18 = theme.UTTopbar) === null || _theme$UTTopbar18 === void 0 || (_theme$UTTopbar18 = _theme$UTTopbar18.userMenuAvatar) === null || _theme$UTTopbar18 === void 0 ? void 0 : _theme$UTTopbar18.borderRadius) || '50%',
+      color: theme === null || theme === void 0 || (_theme$UTTopbar19 = theme.UTTopbar) === null || _theme$UTTopbar19 === void 0 || (_theme$UTTopbar19 = _theme$UTTopbar19.userMenuAvatar) === null || _theme$UTTopbar19 === void 0 ? void 0 : _theme$UTTopbar19.color,
+      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar20 = theme.UTTopbar) === null || _theme$UTTopbar20 === void 0 || (_theme$UTTopbar20 = _theme$UTTopbar20.userMenuAvatar) === null || _theme$UTTopbar20 === void 0 ? void 0 : _theme$UTTopbar20.fontSize) || 24,
+      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar21 = theme.UTTopbar) === null || _theme$UTTopbar21 === void 0 || (_theme$UTTopbar21 = _theme$UTTopbar21.userMenuAvatar) === null || _theme$UTTopbar21 === void 0 ? void 0 : _theme$UTTopbar21.fontWeight) || 500,
+      height: (theme === null || theme === void 0 || (_theme$UTTopbar22 = theme.UTTopbar) === null || _theme$UTTopbar22 === void 0 || (_theme$UTTopbar22 = _theme$UTTopbar22.userMenuAvatar) === null || _theme$UTTopbar22 === void 0 ? void 0 : _theme$UTTopbar22.height) || 40,
+      margin: (theme === null || theme === void 0 || (_theme$UTTopbar23 = theme.UTTopbar) === null || _theme$UTTopbar23 === void 0 || (_theme$UTTopbar23 = _theme$UTTopbar23.userMenuAvatar) === null || _theme$UTTopbar23 === void 0 ? void 0 : _theme$UTTopbar23.margin) || '0 10px 0 0',
+      width: (theme === null || theme === void 0 || (_theme$UTTopbar24 = theme.UTTopbar) === null || _theme$UTTopbar24 === void 0 || (_theme$UTTopbar24 = _theme$UTTopbar24.userMenuAvatar) === null || _theme$UTTopbar24 === void 0 ? void 0 : _theme$UTTopbar24.width) || 40
     },
     userMenuArrow: {
-      alignSelf: theme === null || theme === void 0 || (_theme$UTTopbar31 = theme.UTTopbar) === null || _theme$UTTopbar31 === void 0 || (_theme$UTTopbar31 = _theme$UTTopbar31.userMenuArrow) === null || _theme$UTTopbar31 === void 0 ? void 0 : _theme$UTTopbar31.alignSelf,
-      color: theme === null || theme === void 0 || (_theme$UTTopbar32 = theme.UTTopbar) === null || _theme$UTTopbar32 === void 0 || (_theme$UTTopbar32 = _theme$UTTopbar32.userMenuArrow) === null || _theme$UTTopbar32 === void 0 ? void 0 : _theme$UTTopbar32.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar33 = theme.UTTopbar) === null || _theme$UTTopbar33 === void 0 || (_theme$UTTopbar33 = _theme$UTTopbar33.userMenuArrow) === null || _theme$UTTopbar33 === void 0 ? void 0 : _theme$UTTopbar33.fontSize,
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar34 = theme.UTTopbar) === null || _theme$UTTopbar34 === void 0 || (_theme$UTTopbar34 = _theme$UTTopbar34.userMenuArrow) === null || _theme$UTTopbar34 === void 0 ? void 0 : _theme$UTTopbar34.height) || 20,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar35 = theme.UTTopbar) === null || _theme$UTTopbar35 === void 0 || (_theme$UTTopbar35 = _theme$UTTopbar35.userMenuArrow) === null || _theme$UTTopbar35 === void 0 ? void 0 : _theme$UTTopbar35.margin) || '0 0 0 6px',
-      width: (theme === null || theme === void 0 || (_theme$UTTopbar36 = theme.UTTopbar) === null || _theme$UTTopbar36 === void 0 || (_theme$UTTopbar36 = _theme$UTTopbar36.userMenuArrow) === null || _theme$UTTopbar36 === void 0 ? void 0 : _theme$UTTopbar36.width) || 'auto'
+      alignSelf: theme === null || theme === void 0 || (_theme$UTTopbar25 = theme.UTTopbar) === null || _theme$UTTopbar25 === void 0 || (_theme$UTTopbar25 = _theme$UTTopbar25.userMenuArrow) === null || _theme$UTTopbar25 === void 0 ? void 0 : _theme$UTTopbar25.alignSelf,
+      color: theme === null || theme === void 0 || (_theme$UTTopbar26 = theme.UTTopbar) === null || _theme$UTTopbar26 === void 0 || (_theme$UTTopbar26 = _theme$UTTopbar26.userMenuArrow) === null || _theme$UTTopbar26 === void 0 ? void 0 : _theme$UTTopbar26.color,
+      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar27 = theme.UTTopbar) === null || _theme$UTTopbar27 === void 0 || (_theme$UTTopbar27 = _theme$UTTopbar27.userMenuArrow) === null || _theme$UTTopbar27 === void 0 ? void 0 : _theme$UTTopbar27.fontSize,
+      height: (theme === null || theme === void 0 || (_theme$UTTopbar28 = theme.UTTopbar) === null || _theme$UTTopbar28 === void 0 || (_theme$UTTopbar28 = _theme$UTTopbar28.userMenuArrow) === null || _theme$UTTopbar28 === void 0 ? void 0 : _theme$UTTopbar28.height) || 20,
+      margin: (theme === null || theme === void 0 || (_theme$UTTopbar29 = theme.UTTopbar) === null || _theme$UTTopbar29 === void 0 || (_theme$UTTopbar29 = _theme$UTTopbar29.userMenuArrow) === null || _theme$UTTopbar29 === void 0 ? void 0 : _theme$UTTopbar29.margin) || '0 0 0 6px',
+      width: (theme === null || theme === void 0 || (_theme$UTTopbar30 = theme.UTTopbar) === null || _theme$UTTopbar30 === void 0 || (_theme$UTTopbar30 = _theme$UTTopbar30.userMenuArrow) === null || _theme$UTTopbar30 === void 0 ? void 0 : _theme$UTTopbar30.width) || 'auto'
     },
     userMenuTitle: {
-      color: theme === null || theme === void 0 || (_theme$UTTopbar37 = theme.UTTopbar) === null || _theme$UTTopbar37 === void 0 || (_theme$UTTopbar37 = _theme$UTTopbar37.userMenuTitle) === null || _theme$UTTopbar37 === void 0 ? void 0 : _theme$UTTopbar37.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar38 = theme.UTTopbar) === null || _theme$UTTopbar38 === void 0 || (_theme$UTTopbar38 = _theme$UTTopbar38.userMenuTitle) === null || _theme$UTTopbar38 === void 0 ? void 0 : _theme$UTTopbar38.fontSize,
-      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar39 = theme.UTTopbar) === null || _theme$UTTopbar39 === void 0 || (_theme$UTTopbar39 = _theme$UTTopbar39.userMenuTitle) === null || _theme$UTTopbar39 === void 0 ? void 0 : _theme$UTTopbar39.fontWeight) || 500,
-      margin: theme === null || theme === void 0 || (_theme$UTTopbar40 = theme.UTTopbar) === null || _theme$UTTopbar40 === void 0 || (_theme$UTTopbar40 = _theme$UTTopbar40.userMenuTitle) === null || _theme$UTTopbar40 === void 0 ? void 0 : _theme$UTTopbar40.margin
+      color: theme === null || theme === void 0 || (_theme$UTTopbar31 = theme.UTTopbar) === null || _theme$UTTopbar31 === void 0 || (_theme$UTTopbar31 = _theme$UTTopbar31.userMenuTitle) === null || _theme$UTTopbar31 === void 0 ? void 0 : _theme$UTTopbar31.color,
+      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar32 = theme.UTTopbar) === null || _theme$UTTopbar32 === void 0 || (_theme$UTTopbar32 = _theme$UTTopbar32.userMenuTitle) === null || _theme$UTTopbar32 === void 0 ? void 0 : _theme$UTTopbar32.fontSize,
+      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar33 = theme.UTTopbar) === null || _theme$UTTopbar33 === void 0 || (_theme$UTTopbar33 = _theme$UTTopbar33.userMenuTitle) === null || _theme$UTTopbar33 === void 0 ? void 0 : _theme$UTTopbar33.fontWeight) || 500,
+      margin: theme === null || theme === void 0 || (_theme$UTTopbar34 = theme.UTTopbar) === null || _theme$UTTopbar34 === void 0 || (_theme$UTTopbar34 = _theme$UTTopbar34.userMenuTitle) === null || _theme$UTTopbar34 === void 0 ? void 0 : _theme$UTTopbar34.margin
     },
     notifications: {
-      padding: (theme === null || theme === void 0 || (_theme$UTTopbar41 = theme.UTTopbar) === null || _theme$UTTopbar41 === void 0 || (_theme$UTTopbar41 = _theme$UTTopbar41.notifications) === null || _theme$UTTopbar41 === void 0 ? void 0 : _theme$UTTopbar41.padding) || '0 20px'
+      padding: (theme === null || theme === void 0 || (_theme$UTTopbar35 = theme.UTTopbar) === null || _theme$UTTopbar35 === void 0 || (_theme$UTTopbar35 = _theme$UTTopbar35.notifications) === null || _theme$UTTopbar35 === void 0 ? void 0 : _theme$UTTopbar35.padding) || '0 20px'
     },
     notificationsIcon: {
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar42 = theme.UTTopbar) === null || _theme$UTTopbar42 === void 0 || (_theme$UTTopbar42 = _theme$UTTopbar42.notificationsIcon) === null || _theme$UTTopbar42 === void 0 ? void 0 : _theme$UTTopbar42.height) || 32,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar43 = theme.UTTopbar) === null || _theme$UTTopbar43 === void 0 || (_theme$UTTopbar43 = _theme$UTTopbar43.notificationsIcon) === null || _theme$UTTopbar43 === void 0 ? void 0 : _theme$UTTopbar43.fontSize) || 30,
-      padding: theme === null || theme === void 0 || (_theme$UTTopbar44 = theme.UTTopbar) === null || _theme$UTTopbar44 === void 0 || (_theme$UTTopbar44 = _theme$UTTopbar44.notificationsIcon) === null || _theme$UTTopbar44 === void 0 ? void 0 : _theme$UTTopbar44.padding
+      height: (theme === null || theme === void 0 || (_theme$UTTopbar36 = theme.UTTopbar) === null || _theme$UTTopbar36 === void 0 || (_theme$UTTopbar36 = _theme$UTTopbar36.notificationsIcon) === null || _theme$UTTopbar36 === void 0 ? void 0 : _theme$UTTopbar36.height) || 32,
+      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar37 = theme.UTTopbar) === null || _theme$UTTopbar37 === void 0 || (_theme$UTTopbar37 = _theme$UTTopbar37.notificationsIcon) === null || _theme$UTTopbar37 === void 0 ? void 0 : _theme$UTTopbar37.fontSize) || 30,
+      padding: theme === null || theme === void 0 || (_theme$UTTopbar38 = theme.UTTopbar) === null || _theme$UTTopbar38 === void 0 || (_theme$UTTopbar38 = _theme$UTTopbar38.notificationsIcon) === null || _theme$UTTopbar38 === void 0 ? void 0 : _theme$UTTopbar38.padding
     },
     menuIcon: {
-      color: theme === null || theme === void 0 || (_theme$UTTopbar45 = theme.UTTopbar) === null || _theme$UTTopbar45 === void 0 || (_theme$UTTopbar45 = _theme$UTTopbar45.menuIcon) === null || _theme$UTTopbar45 === void 0 ? void 0 : _theme$UTTopbar45.color,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar46 = theme.UTTopbar) === null || _theme$UTTopbar46 === void 0 || (_theme$UTTopbar46 = _theme$UTTopbar46.menuIcon) === null || _theme$UTTopbar46 === void 0 ? void 0 : _theme$UTTopbar46.fontSize) || 25
+      color: theme === null || theme === void 0 || (_theme$UTTopbar39 = theme.UTTopbar) === null || _theme$UTTopbar39 === void 0 || (_theme$UTTopbar39 = _theme$UTTopbar39.menuIcon) === null || _theme$UTTopbar39 === void 0 ? void 0 : _theme$UTTopbar39.color,
+      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar40 = theme.UTTopbar) === null || _theme$UTTopbar40 === void 0 || (_theme$UTTopbar40 = _theme$UTTopbar40.menuIcon) === null || _theme$UTTopbar40 === void 0 ? void 0 : _theme$UTTopbar40.fontSize) || 25
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTopbar/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.menuPropsType = exports.iconType = exports.classType = exports.avatarType = void 0;
 var _propTypes = require("prop-types");
-var classType = (0, _propTypes.shape)({
+var classType = exports.classType = (0, _propTypes.shape)({
   container: _propTypes.string,
   notifications: _propTypes.string,
   title: _propTypes.string,
@@ -13,15 +13,11 @@ var classType = (0, _propTypes.shape)({
   userMenuAvatar: _propTypes.string,
   userMenuArrow: _propTypes.string
 });
-exports.classType = classType;
-var avatarType = (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.elementType, _propTypes.func]);
-exports.avatarType = avatarType;
-var iconType = (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func]);
-exports.iconType = iconType;
-var menuPropsType = (0, _propTypes.shape)({
+var avatarType = exports.avatarType = (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.elementType, _propTypes.func]);
+var iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func]);
+var menuPropsType = exports.menuPropsType = (0, _propTypes.shape)({
   ItemComponent: _propTypes.elementType.isRequired,
   items: _propTypes.array.isRequired,
   itemComponentProps: _propTypes.object,
   LastItem: _propTypes.elementType
-});
-exports.menuPropsType = menuPropsType;
+});

package/dist/components/UTTouchableWithoutFeedback/index.js

@@ -57,5 +57,4 @@ UTTouchableWithoutFeedback.propTypes = {
   withRipple: _propTypes.bool,
   keyName: _propTypes.string
 };
-var _default = UTTouchableWithoutFeedback;
-exports.default = _default;
+var _default = exports.default = UTTouchableWithoutFeedback;

package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SUB_KEY = exports.KEY = void 0;
-var KEY = 'UTV-ROW-';
-exports.KEY = KEY;
-var SUB_KEY = 'UTV-ITEM-';
-exports.SUB_KEY = SUB_KEY;
+var KEY = exports.KEY = 'UTV-ROW-';
+var SUB_KEY = exports.SUB_KEY = 'UTV-ITEM-';

package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js

@@ -67,5 +67,4 @@ ListRow.propTypes = {
     }))
   })
 };
-var _default = ListRow;
-exports.default = _default;
+var _default = exports.default = ListRow;

package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDynamicPosition = void 0;
-var getDynamicPosition = function getDynamicPosition(ref, position, setPosition) {
+var getDynamicPosition = exports.getDynamicPosition = function getDynamicPosition(ref, position, setPosition) {
   var _ref$current, _sibling$clientHeight, _sibling$offsetTop;
   var sibling = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousSibling;
   var height = (_sibling$clientHeight = sibling === null || sibling === void 0 ? void 0 : sibling.clientHeight) !== null && _sibling$clientHeight !== void 0 ? _sibling$clientHeight : 0;
   var offsetTop = (_sibling$offsetTop = sibling === null || sibling === void 0 ? void 0 : sibling.offsetTop) !== null && _sibling$offsetTop !== void 0 ? _sibling$offsetTop : 0;
   if (position !== offsetTop + height) setPosition(sibling ? offsetTop + height : 0);
-};
-exports.getDynamicPosition = getDynamicPosition;
+};

package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SCROLL_THROTTLE_DELAY = exports.SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT = exports.MAX_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = exports.CACHE = void 0;
-var CACHE = {
+var CACHE = exports.CACHE = {
   height: 200
 };
-exports.CACHE = CACHE;
-var SCROLL_EVENT_OPTIONS = {
+var SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT_OPTIONS = {
   passive: true,
   capture: true
 };
-exports.SCROLL_EVENT_OPTIONS = SCROLL_EVENT_OPTIONS;
-var SCROLL_EVENT = 'scroll';
-exports.SCROLL_EVENT = SCROLL_EVENT;
-var SCROLL_THROTTLE_DELAY = 50;
-exports.SCROLL_THROTTLE_DELAY = SCROLL_THROTTLE_DELAY;
-var MAX_LIMIT_MULTIPLIER = 4;
-exports.MAX_LIMIT_MULTIPLIER = MAX_LIMIT_MULTIPLIER;
-var DEFAULT_LIMIT_MULTIPLIER = 2;
-exports.DEFAULT_LIMIT_MULTIPLIER = DEFAULT_LIMIT_MULTIPLIER;
+var SCROLL_EVENT = exports.SCROLL_EVENT = 'scroll';
+var SCROLL_THROTTLE_DELAY = exports.SCROLL_THROTTLE_DELAY = 50;
+var MAX_LIMIT_MULTIPLIER = exports.MAX_LIMIT_MULTIPLIER = 4;
+var DEFAULT_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = 2;

package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js

@@ -34,5 +34,4 @@ var useLedger = function useLedger(data) {
   }, [data]);
   return [ledgerRef, setLedger];
 };
-var _default = useLedger;
-exports.default = _default;
+var _default = exports.default = useLedger;

package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js

@@ -71,5 +71,4 @@ var useVirtualizedData = function useVirtualizedData(data, totalElements, oversc
     listHeight: listHeight
   };
 };
-var _default = useVirtualizedData;
-exports.default = _default;
+var _default = exports.default = useVirtualizedData;

package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js

@@ -69,5 +69,4 @@ VirtualizedData.propTypes = {
   headerRenderer: _propTypes.func,
   footerRenderer: _propTypes.func
 };
-var _default = /*#__PURE__*/(0, _react.memo)(VirtualizedData);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(VirtualizedData);

package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js

@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable react/no-array-index-key */ /* eslint-disable no-plusplus */
-var createRows = function createRows(data, elementsPerRow) {
+var createRows = exports.createRows = function createRows(data, elementsPerRow) {
   var totalRows = Math.ceil(data.length / elementsPerRow);
   var rows = new Array(totalRows).fill(0).map(function () {
     return [];
@@ -25,12 +25,10 @@ var createRows = function createRows(data, elementsPerRow) {
   }
   return rows;
 };
-exports.createRows = createRows;
-var applyToIndex = function applyToIndex(index, target, object) {
+var applyToIndex = exports.applyToIndex = function applyToIndex(index, target, object) {
   return index === target ? object : null;
 };
-exports.applyToIndex = applyToIndex;
-var createRowRenderer = function createRowRenderer(configItemRender, effect) {
+var createRowRenderer = exports.createRowRenderer = function createRowRenderer(configItemRender, effect) {
   return function (row, index, updateLedger, ledgerRef) {
     return /*#__PURE__*/_react.default.createElement(_ListRow.default, {
       row: row,
@@ -42,7 +40,6 @@ var createRowRenderer = function createRowRenderer(configItemRender, effect) {
     });
   };
 };
-exports.createRowRenderer = createRowRenderer;
 var getOffsets = function getOffsets(ledger) {
   return Object.values(ledger).map(function (_ref) {
     var offset = _ref.offset;
@@ -75,7 +72,7 @@ var getListHeight = function getListHeight(ledger) {
     offset = _ref3$offset === void 0 ? 0 : _ref3$offset;
   return offset + height;
 };
-var renderVirtualScreen = function renderVirtualScreen(scrollPosition, overscan, totalElements, listViewportHeight, ledger) {
+var renderVirtualScreen = exports.renderVirtualScreen = function renderVirtualScreen(scrollPosition, overscan, totalElements, listViewportHeight, ledger) {
   var listHeight = getListHeight(ledger);
   if (!listViewportHeight) return {
     virtualScreenStart: 0,
@@ -96,18 +93,15 @@ var renderVirtualScreen = function renderVirtualScreen(scrollPosition, overscan,
     listHeight: listHeight
   };
 };
-exports.renderVirtualScreen = renderVirtualScreen;
-var nullifyDataInBetween = function nullifyDataInBetween(data, startIndex, endIndex) {
+var nullifyDataInBetween = exports.nullifyDataInBetween = function nullifyDataInBetween(data, startIndex, endIndex) {
   for (var i = startIndex; i < endIndex; i++) data[i] = null;
 };
-exports.nullifyDataInBetween = nullifyDataInBetween;
-var addVirtualizedElements = function addVirtualizedElements(data, virtualizedData, startIndex, endIndex, rowRenderer, updateLedger, ledgerRef) {
+var addVirtualizedElements = exports.addVirtualizedElements = function addVirtualizedElements(data, virtualizedData, startIndex, endIndex, rowRenderer, updateLedger, ledgerRef) {
   for (var i = startIndex; i < endIndex; i++) {
     if (!virtualizedData[i]) virtualizedData[i] = rowRenderer(data[i], i, updateLedger, ledgerRef);
   }
 };
-exports.addVirtualizedElements = addVirtualizedElements;
-var updateLedger = function updateLedger(ledgerRef, setLedgerRef) {
+var updateLedger = exports.updateLedger = function updateLedger(ledgerRef, setLedgerRef) {
   return function (key, height) {
     var _ledgerRef$current;
     var currentHeight = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[key]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.height;
@@ -131,5 +125,4 @@ var updateLedger = function updateLedger(ledgerRef, setLedgerRef) {
       setLedgerRef(newLedger);
     }
   };
-};
-exports.updateLedger = updateLedger;
+};

package/dist/components/UTVirtualizedList/constants.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_OVERSCAN = exports.DEFAULT_ITEM_PADDING = exports.DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_EFFECT = void 0;
-var DEFAULT_ITEM_PADDING = 10;
-exports.DEFAULT_ITEM_PADDING = DEFAULT_ITEM_PADDING;
-var DEFAULT_OVERSCAN = 10;
-exports.DEFAULT_OVERSCAN = DEFAULT_OVERSCAN;
-var DEFAULT_EFFECT = 'fadeIn';
-exports.DEFAULT_EFFECT = DEFAULT_EFFECT;
-var DEFAULT_ELEMENTS_PER_ROW = 1;
-exports.DEFAULT_ELEMENTS_PER_ROW = DEFAULT_ELEMENTS_PER_ROW;
+var DEFAULT_ITEM_PADDING = exports.DEFAULT_ITEM_PADDING = 10;
+var DEFAULT_OVERSCAN = exports.DEFAULT_OVERSCAN = 10;
+var DEFAULT_EFFECT = exports.DEFAULT_EFFECT = 'fadeIn';
+var DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_ELEMENTS_PER_ROW = 1;

package/dist/components/UTVirtualizedList/index.js

@@ -92,5 +92,4 @@ UTVirtualizedList.defaultProps = {
   elementsPerRow: _constants.DEFAULT_ELEMENTS_PER_ROW,
   reRenderOnChange: []
 };
-var _default = UTVirtualizedList;
-exports.default = _default;
+var _default = exports.default = UTVirtualizedList;

package/dist/components/UTWorkflowContainer/components/ActionButton/index.js

@@ -44,5 +44,4 @@ ActionButton.propTypes = {
   isHidden: _propTypes.bool,
   buttonProps: _propTypes.object
 };
-var _default = ActionButton;
-exports.default = _default;
+var _default = exports.default = ActionButton;

package/dist/components/UTWorkflowContainer/constants.js

@@ -3,15 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.STEP = exports.NEXT = exports.BACK = exports.ACTIONS_POSITIONS = void 0;
-var NEXT = 'Siguiente';
-exports.NEXT = NEXT;
-var BACK = 'Atrás';
-exports.BACK = BACK;
-var STEP = 'Paso';
-exports.STEP = STEP;
-var ACTIONS_POSITIONS = {
-  TOP: 'top',
-  BOTTOM: 'bottom'
-};
-exports.ACTIONS_POSITIONS = ACTIONS_POSITIONS;
+exports.STEP = exports.NEXT = exports.BACK = void 0;
+var NEXT = exports.NEXT = 'Siguiente';
+var BACK = exports.BACK = 'Atrás';
+var STEP = exports.STEP = 'Paso';

package/dist/components/UTWorkflowContainer/hooks/use-previous.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePrevious = void 0;
 var _react = require("react");
-var usePrevious = function usePrevious(value) {
+var usePrevious = exports.usePrevious = function usePrevious(value) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     ref.current = value;
   });
   return ref.current;
-};
-exports.usePrevious = usePrevious;
+};

package/dist/components/UTWorkflowContainer/index.js

@@ -29,10 +29,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
-  var TitleIcon = _ref.TitleIcon,
-    _ref$actionsPosition = _ref.actionsPosition,
-    actionsPosition = _ref$actionsPosition === void 0 ? _constants.ACTIONS_POSITIONS.TOP : _ref$actionsPosition,
-    backButton = _ref.backButton,
+  var backButton = _ref.backButton,
     children = _ref.children,
     classNames = _ref.classNames,
     _ref$classes = _ref.classes,
@@ -50,6 +47,7 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
     stepsCount = _ref.stepsCount,
     subtitle = _ref.subtitle,
     title = _ref.title,
+    TitleIcon = _ref.TitleIcon,
     _ref$withIcon = _ref.withIcon,
     withIcon = _ref$withIcon === void 0 ? false : _ref$withIcon;
   (0, _react.useEffect)(function () {
@@ -73,7 +71,7 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
   }, [currentStep]);
   var hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.container, " ").concat(_stylesModule.default.container, " ").concat(actionsPosition === _constants.ACTIONS_POSITIONS.BOTTOM && _stylesModule.default.bottomActions)
+    className: classes.container
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.progress, " ").concat(classes.progress)
   }, stepsCount && /*#__PURE__*/_react.default.createElement(_UTProgressBar.default, {
@@ -83,9 +81,9 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
       barColorPrimary: classes.barColorPrimary
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.workflowContainer
+    className: "".concat(classes.workflowContainer, " ").concat(_stylesModule.default.workflowContainer)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.actionsContainer, " ").concat(actionsPosition === _constants.ACTIONS_POSITIONS.BOTTOM ? classes.bottomActionsContainer : classes.actionsContainer, " ").concat(hideActions ? _stylesModule.default.hidden : '')
+    className: "\n            ".concat(_stylesModule.default.actionsContainer, "\n            ").concat(classes.actionsContainer, "\n            ").concat(hideActions ? _stylesModule.default.hidden : '')
   }, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
     button: backButton,
     isHidden: currentStep === 1 && !backButton.isVisible || backButton.isHidden,
@@ -96,7 +94,7 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
       iconPlacement: 'left',
       variant: 'semitransparent'
     }
-  }, !smallButtons && (backButton.label || _constants.BACK)), !hideStepCounter && actionsPosition === _constants.ACTIONS_POSITIONS.TOP && visibleStepNumber && (StepCounter ? /*#__PURE__*/_react.default.createElement(StepCounter, null) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, !smallButtons && (backButton.label || _constants.BACK)), !hideStepCounter && visibleStepNumber && (StepCounter ? /*#__PURE__*/_react.default.createElement(StepCounter, null) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: "".concat(_stylesModule.default.stepInfo, " ").concat(classes.stepCounter),
     weight: "medium"
   }, "".concat(_constants.STEP, " ").concat(forceStepNumber ? currentStep : visibleStepNumber))), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
@@ -127,8 +125,6 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
   }, subtitle)), children)));
 };
 UTWorkflowContainer.propTypes = {
-  TitleIcon: _propTypes.element,
-  actionsPosition: _propTypes.bool,
   backButton: _types.buttonTypes,
   children: _propTypes.element,
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
@@ -144,7 +140,7 @@ UTWorkflowContainer.propTypes = {
   stepsCount: _propTypes.number,
   subtitle: _propTypes.string,
   title: _propTypes.string,
+  TitleIcon: _propTypes.element,
   withIcon: _propTypes.bool
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);

package/dist/components/UTWorkflowContainer/styles.module.scss

@@ -1,4 +1,4 @@
-.container {
+.workflowContainer {
   display: flex;
   flex-direction: column;
 }

package/dist/components/UTWorkflowContainer/theme.js

@@ -12,7 +12,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var _container, _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3;
   var theme = _ref.theme;
   var mobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'mobile']);
@@ -112,5 +112,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'workflowContainer', 'mobile', 'padding'])
     })
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTWorkflowContainer/types.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.buttonTypes = void 0;
 var _propTypes = require("prop-types");
-var buttonTypes = (0, _propTypes.oneOfType)([_propTypes.element, (0, _propTypes.shape)({
+var buttonTypes = exports.buttonTypes = (0, _propTypes.oneOfType)([_propTypes.element, (0, _propTypes.shape)({
   onClick: _propTypes.func,
   disabled: _propTypes.bool,
   label: _propTypes.string,
   buttonProps: _propTypes.object,
   Icon: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.element, _propTypes.func, _propTypes.elementType])
-})]);
-exports.buttonTypes = buttonTypes;
+})]);

package/dist/components/WithLoading/index.js

@@ -21,5 +21,4 @@ var WithLoading = function WithLoading(shouldLoad, text, className, size, thickn
     };
   };
 };
-var _default = WithLoading;
-exports.default = _default;
+var _default = exports.default = WithLoading;

package/dist/components/WithTheme/index.js

@@ -26,5 +26,4 @@ var WithTheme = function WithTheme(retrieveStyle, retrieveMuiTheme) {
     };
   };
 };
-var _default = WithTheme;
-exports.default = _default;
+var _default = exports.default = WithTheme;

package/dist/components/WithTheme/layout.js

@@ -61,5 +61,4 @@ ThemedComponent.propTypes = {
   retrieveStyle: _propTypes.func,
   theme: _propTypes.object
 };
-var _default = ThemedComponent;
-exports.default = _default;
+var _default = exports.default = ThemedComponent;

package/dist/components/WithTouch/index.js

@@ -32,5 +32,4 @@ WithTouch.propTypes = {
   touchableClassName: _propTypes.string,
   touchableRef: _propTypes.string
 };
-var _default = WithTouch;
-exports.default = _default;
+var _default = exports.default = WithTouch;

package/dist/constants/UTTable.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INTEGRATION_TYPES = void 0;
-var INTEGRATION_TYPES = {
+var INTEGRATION_TYPES = exports.INTEGRATION_TYPES = {
   EXTERNAL: 'external',
   INTERNAL: 'internal'
-};
-exports.INTEGRATION_TYPES = INTEGRATION_TYPES;
+};