@widergy/energy-ui 2.7.4 → 2.7.6

package/dist/components/UTTable/theme.js

@@ -12,8 +12,8 @@ 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 _theme$UTTable, _theme$UTTable2, _theme$Fonts, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$Fonts2, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _responsiveCell, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$Fonts3, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$Fonts4, _theme$UTTable26, _theme$UTTable27;
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _responsiveCell, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$UTTable26, _theme$UTTable27;
   var theme = _ref.theme;
   var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
   return {
@@ -56,13 +56,13 @@ var retrieveStyle = function retrieveStyle(_ref) {
     },
     headerCellCategoryName: {
       color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable = theme.UTTable) === null || _theme$UTTable === void 0 || (_theme$UTTable = _theme$UTTable.headerCellCategoryName) === null || _theme$UTTable === void 0 ? void 0 : _theme$UTTable.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable2 = theme.UTTable) === null || _theme$UTTable2 === void 0 || (_theme$UTTable2 = _theme$UTTable2.headerCellCategoryName) === null || _theme$UTTable2 === void 0 ? void 0 : _theme$UTTable2.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.small)),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable2 = theme.UTTable) === null || _theme$UTTable2 === void 0 || (_theme$UTTable2 = _theme$UTTable2.headerCellCategoryName) === null || _theme$UTTable2 === void 0 ? void 0 : _theme$UTTable2.fontSize) || '12px'),
       fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable3 = theme.UTTable) === null || _theme$UTTable3 === void 0 || (_theme$UTTable3 = _theme$UTTable3.headerCellCategoryName) === null || _theme$UTTable3 === void 0 ? void 0 : _theme$UTTable3.fontWeight),
       marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellCategoryName', 'marginBottom'], 5)
     },
     headerCellUnit: {
       color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable4 = theme.UTTable) === null || _theme$UTTable4 === void 0 || (_theme$UTTable4 = _theme$UTTable4.headerCellUnit) === null || _theme$UTTable4 === void 0 ? void 0 : _theme$UTTable4.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable5 = theme.UTTable) === null || _theme$UTTable5 === void 0 || (_theme$UTTable5 = _theme$UTTable5.headerCellUnit) === null || _theme$UTTable5 === void 0 ? void 0 : _theme$UTTable5.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.medium)),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable5 = theme.UTTable) === null || _theme$UTTable5 === void 0 || (_theme$UTTable5 = _theme$UTTable5.headerCellUnit) === null || _theme$UTTable5 === void 0 ? void 0 : _theme$UTTable5.fontSize) || '14px'),
       fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable6 = theme.UTTable) === null || _theme$UTTable6 === void 0 || (_theme$UTTable6 = _theme$UTTable6.headerCellUnit) === null || _theme$UTTable6 === void 0 ? void 0 : _theme$UTTable6.fontWeight)
     },
     orderIcon: {
@@ -276,7 +276,6 @@ var retrieveStyle = function retrieveStyle(_ref) {
       width: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'width'])
     },
     reloadIcon: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'height']),
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'padding']),
       '& use': {
         fill: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'color'])
@@ -302,7 +301,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
     },
     totalRowsLabel: {
       color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable21 = theme.UTTable) === null || _theme$UTTable21 === void 0 || (_theme$UTTable21 = _theme$UTTable21.tableTitle) === null || _theme$UTTable21 === void 0 ? void 0 : _theme$UTTable21.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable22 = theme.UTTable) === null || _theme$UTTable22 === void 0 || (_theme$UTTable22 = _theme$UTTable22.tableTitle) === null || _theme$UTTable22 === void 0 ? void 0 : _theme$UTTable22.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts3 = theme.Fonts) === null || _theme$Fonts3 === void 0 ? void 0 : _theme$Fonts3.medium)),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable22 = theme.UTTable) === null || _theme$UTTable22 === void 0 || (_theme$UTTable22 = _theme$UTTable22.tableTitle) === null || _theme$UTTable22 === void 0 ? void 0 : _theme$UTTable22.fontSize) || '14px'),
       fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable23 = theme.UTTable) === null || _theme$UTTable23 === void 0 || (_theme$UTTable23 = _theme$UTTable23.tableTitle) === null || _theme$UTTable23 === void 0 ? void 0 : _theme$UTTable23.fontWeight)
     },
     pageSizeSelect: {
@@ -327,7 +326,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
     },
     noResultsLabel: {
       color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable24 = theme.UTTable) === null || _theme$UTTable24 === void 0 || (_theme$UTTable24 = _theme$UTTable24.noResultsLabel) === null || _theme$UTTable24 === void 0 ? void 0 : _theme$UTTable24.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable25 = theme.UTTable) === null || _theme$UTTable25 === void 0 || (_theme$UTTable25 = _theme$UTTable25.noResultsLabel) === null || _theme$UTTable25 === void 0 ? void 0 : _theme$UTTable25.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium)),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable25 = theme.UTTable) === null || _theme$UTTable25 === void 0 || (_theme$UTTable25 = _theme$UTTable25.noResultsLabel) === null || _theme$UTTable25 === void 0 ? void 0 : _theme$UTTable25.fontSize) || '14px'),
       fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable26 = theme.UTTable) === null || _theme$UTTable26 === void 0 || (_theme$UTTable26 = _theme$UTTable26.noResultsLabel) === null || _theme$UTTable26 === void 0 ? void 0 : _theme$UTTable26.fontWeight)
     },
     checkBoxRoot: {
@@ -351,7 +350,15 @@ var retrieveStyle = function retrieveStyle(_ref) {
     },
     actionLoading: {
       color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colorsModule.default.loadingBase)
+    },
+    actionIcon: {
+      color: theme.Palette.actions.neutral['05'],
+      fill: theme.Palette.actions.neutral['05']
+    },
+    actionIconButton: {
+      '&:hover': {
+        backgroundColor: theme.Palette.actions.neutral['01']
+      }
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTable/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.columnsType = exports.columnType = exports.columnSizesType = exports.classesType = void 0;
 var _propTypes = require("prop-types");
-var columnType = (0, _propTypes.shape)({
+var columnType = exports.columnType = (0, _propTypes.shape)({
   cellRenderer: _propTypes.func,
   key: _propTypes.string,
   name: _propTypes.string,
@@ -21,10 +21,8 @@ var columnType = (0, _propTypes.shape)({
     loading: _propTypes.bool
   }))
 });
-exports.columnType = columnType;
-var columnsType = (0, _propTypes.arrayOf)(columnType);
-exports.columnsType = columnsType;
-var classesType = (0, _propTypes.shape)({
+var columnsType = exports.columnsType = (0, _propTypes.arrayOf)(columnType);
+var classesType = exports.classesType = (0, _propTypes.shape)({
   table: _propTypes.string,
   header: _propTypes.string,
   headerCellHover: _propTypes.string,
@@ -49,6 +47,4 @@ var classesType = (0, _propTypes.shape)({
   checkBoxRoot: _propTypes.string,
   checkboxColorPrimary: _propTypes.string
 });
-exports.classesType = classesType;
-var columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);
-exports.columnSizesType = columnSizesType;
+var columnSizesType = exports.columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);

package/dist/components/UTTable/utils.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var getColumnDefinition = function getColumnDefinition(columnns, isResponsive) {
+var getColumnDefinition = exports.getColumnDefinition = function getColumnDefinition(columnns, isResponsive) {
   var secondaryColumns = [];
   var primaryActions = [];
   var secondaryActions = [];
@@ -45,16 +45,14 @@ var getColumnDefinition = function getColumnDefinition(columnns, isResponsive) {
     fixedRightColumns: fixedRightColumns
   };
 };
-exports.getColumnDefinition = getColumnDefinition;
-var customSort = function customSort(a, b, order) {
+var customSort = exports.customSort = function customSort(a, b, order) {
   var firstValue = a[order.key] || '';
   var secondValue = b[order.key] || '';
   if (firstValue < secondValue) return order.direction === 'asc' ? -1 : 1;
   if (firstValue > secondValue) return order.direction === 'asc' ? 1 : -1;
   return 0;
 };
-exports.customSort = customSort;
-var orderRows = function orderRows(rows, order, defaultRows, columns) {
+var orderRows = exports.orderRows = function orderRows(rows, order, defaultRows, columns) {
   if ((0, _object.objectIsEmpty)(order)) return defaultRows;
   var ordererRows = _toConsumableArray(rows);
   var sortFunction = columns.find(function (_ref) {
@@ -66,14 +64,12 @@ var orderRows = function orderRows(rows, order, defaultRows, columns) {
   });
   return ordererRows;
 };
-exports.orderRows = orderRows;
-var getCurrentRows = function getCurrentRows(rows, currentPage, rowsPerPage) {
+var getCurrentRows = exports.getCurrentRows = function getCurrentRows(rows, currentPage, rowsPerPage) {
   var initialIndex = currentPage * rowsPerPage;
   var lastIndex = (currentPage + 1) * rowsPerPage;
   return rows.slice(initialIndex, lastIndex);
 };
-exports.getCurrentRows = getCurrentRows;
-var createRowStyles = function createRowStyles(rowPadding, rowSpacing, headerPadding, isResponsive) {
+var createRowStyles = exports.createRowStyles = function createRowStyles(rowPadding, rowSpacing, headerPadding, isResponsive) {
   var margin = _constants.ROW_SPACING[rowSpacing] || _constants.ROW_SPACING.none;
   var paddingValue = _constants.ROW_PADDING[rowPadding] || _constants.ROW_PADDING.small;
   var headerPaddingValue = _constants.ROW_PADDING[headerPadding] || _constants.ROW_PADDING.medium;
@@ -139,16 +135,14 @@ var createRowStyles = function createRowStyles(rowPadding, rowSpacing, headerPad
     }
   };
 };
-exports.createRowStyles = createRowStyles;
-var getSelectableRowIds = function getSelectableRowIds(rows, rowKey, disableRowSelection) {
+var getSelectableRowIds = exports.getSelectableRowIds = function getSelectableRowIds(rows, rowKey, disableRowSelection) {
   return (disableRowSelection ? rows.filter(function (_row) {
     return !disableRowSelection(_row);
   }) : rows).map(function (_row) {
     return _row[rowKey];
   });
 };
-exports.getSelectableRowIds = getSelectableRowIds;
-var getInitialValidRowsPerPage = function getInitialValidRowsPerPage(externalOption, originalOptions, data) {
+var getInitialValidRowsPerPage = exports.getInitialValidRowsPerPage = function getInitialValidRowsPerPage(externalOption, originalOptions, data) {
   if (externalOption === undefined) return originalOptions[0];
   var options = (0, _utils.getPageSizeOptions)(originalOptions, data.length).map(function (_ref2) {
     var value = _ref2.value;
@@ -156,12 +150,10 @@ var getInitialValidRowsPerPage = function getInitialValidRowsPerPage(externalOpt
   });
   return options.includes(externalOption) ? externalOption : options[0];
 };
-exports.getInitialValidRowsPerPage = getInitialValidRowsPerPage;
-var getInitialValidPage = function getInitialValidPage(externalPage, rowsPerPage, data, integrationType) {
+var getInitialValidPage = exports.getInitialValidPage = function getInitialValidPage(externalPage, rowsPerPage, data, integrationType) {
   return integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? externalPage : externalPage === undefined || Math.floor(data.length / rowsPerPage) < externalPage ? 0 : externalPage;
 };
-exports.getInitialValidPage = getInitialValidPage;
-var getColumnsSizes = function getColumnsSizes(_ref3) {
+var getColumnsSizes = exports.getColumnsSizes = function getColumnsSizes(_ref3) {
   var columns = _ref3.columns,
     fitColumnsWidth = _ref3.fitColumnsWidth,
     selectable = _ref3.selectable;
@@ -200,5 +192,4 @@ var getColumnsSizes = function getColumnsSizes(_ref3) {
     columnSizes.rightColumnsSize = 'auto';
   }
   return columnSizes;
-};
-exports.getColumnsSizes = getColumnsSizes;
+};

package/dist/components/UTTabs/components/TooltipTab/index.js

@@ -58,5 +58,4 @@ TooltipTab.propTypes = {
   tooltip: _propTypes.string,
   tooltipProps: _propTypes.object
 };
-var _default = /*#__PURE__*/(0, _react.memo)(TooltipTab);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TooltipTab);

package/dist/components/UTTabs/constants.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.variants = exports.DEFAULT_VARIANT = exports.DEFAULT_TAB_COMPONENT = exports.DEFAULT_TABS_PROPS = void 0;
-var DEFAULT_TABS_PROPS = {
+var DEFAULT_TABS_PROPS = exports.DEFAULT_TABS_PROPS = {
   variant: 'fullWidth',
   orientation: 'horizontal'
 };
-exports.DEFAULT_TABS_PROPS = DEFAULT_TABS_PROPS;
-var variants = {
+var variants = exports.variants = {
   BASE: 'base',
   SECONDARY: 'secondary'
 };
-exports.variants = variants;
-var DEFAULT_VARIANT = variants.BASE;
-exports.DEFAULT_VARIANT = DEFAULT_VARIANT;
-var DEFAULT_TAB_COMPONENT = 'button';
-exports.DEFAULT_TAB_COMPONENT = DEFAULT_TAB_COMPONENT;
+var DEFAULT_VARIANT = exports.DEFAULT_VARIANT = variants.BASE;
+var DEFAULT_TAB_COMPONENT = exports.DEFAULT_TAB_COMPONENT = 'button';

package/dist/components/UTTabs/index.js

@@ -144,5 +144,4 @@ UTTabs.propTypes = {
   tabTooltipProps: _propTypes.object,
   value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTabs);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTabs);

package/dist/components/UTTabs/theme.js

@@ -7,7 +7,7 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 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 retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     baseTabsRoot: {
@@ -123,5 +123,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryLabel', 'fontWeight'])
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTabs/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveClassNamesFromVariants = void 0;
 var _constants = require("./constants");
-var retrieveClassNamesFromVariants = function retrieveClassNamesFromVariants(variant, classes) {
+var retrieveClassNamesFromVariants = exports.retrieveClassNamesFromVariants = function retrieveClassNamesFromVariants(variant, classes) {
   switch (variant) {
     case _constants.variants.SECONDARY:
       return {
@@ -26,5 +26,4 @@ var retrieveClassNamesFromVariants = function retrieveClassNamesFromVariants(var
         label: classes.baseLabel
       };
   }
-};
-exports.retrieveClassNamesFromVariants = retrieveClassNamesFromVariants;
+};

package/dist/components/UTTextArea/constants.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tippyProps = void 0;
-var tippyProps = {
+var tippyProps = exports.tippyProps = {
   appendTo: function appendTo() {
     return document.body;
   },
   interactive: false
-};
-exports.tippyProps = tippyProps;
+};

package/dist/components/UTTextArea/index.js

@@ -35,7 +35,8 @@ var UTTextArea = function UTTextArea(_ref) {
   var container = classNames.container,
     icon = classNames.icon,
     textarea = classNames.textarea,
-    label = classNames.label;
+    label = classNames.label,
+    textAreaContainer = classNames.textAreaContainer;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -44,7 +45,7 @@ var UTTextArea = function UTTextArea(_ref) {
     className: "".concat(label, " ").concat(_stylesModule.default.label),
     withMarkdown: true
   }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.textAreaContainer
+    className: "".concat(_stylesModule.default.textAreaContainer, " ").concat(textAreaContainer)
   }, /*#__PURE__*/_react.default.createElement("textarea", _extends({}, inputProps, {
     className: "".concat(_stylesModule.default.textarea, " ").concat(textarea, " ").concat(classes.textarea),
     onChange: onChange,
@@ -66,7 +67,8 @@ UTTextArea.propTypes = {
     container: _propTypes.string,
     icon: _propTypes.string,
     label: _propTypes.string,
-    textarea: _propTypes.string
+    textarea: _propTypes.string,
+    textAreaContainer: _propTypes.string
   }),
   disabled: _propTypes.bool,
   HelpIcon: _propTypes.elementType,
@@ -79,5 +81,4 @@ UTTextArea.propTypes = {
   tooltip: _propTypes.string,
   value: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTextArea);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTextArea);

package/dist/components/UTTextArea/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$UTTextArea, _theme$UTTextArea2, _theme$UTTextArea3, _theme$UTTextArea4, _theme$Fonts, _theme$UTTextArea5, _theme$Fonts2, _theme$UTTextArea6, _theme$UTTextArea7, _theme$UTTextArea8, _theme$UTTextArea9, _theme$UTTextArea10, _theme$UTTextArea11, _theme$UTTextArea12, _theme$UTTextArea13, _theme$UTTextArea14, _theme$UTTextArea15, _theme$UTTextArea16, _theme$UTTextArea17, _theme$UTTextArea18, _theme$UTTextArea19, _theme$UTTextArea20;
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTTextArea, _theme$UTTextArea2, _theme$UTTextArea3, _theme$UTTextArea4, _theme$Fonts, _theme$UTTextArea5, _theme$UTTextArea6, _theme$UTTextArea7, _theme$UTTextArea8, _theme$UTTextArea9, _theme$UTTextArea10, _theme$UTTextArea11, _theme$UTTextArea12, _theme$UTTextArea13, _theme$UTTextArea14, _theme$UTTextArea15, _theme$UTTextArea16, _theme$UTTextArea17, _theme$UTTextArea18, _theme$UTTextArea19, _theme$UTTextArea20;
   var theme = _ref.theme;
   return {
     textarea: {
@@ -16,7 +16,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
       borderRadius: theme === null || theme === void 0 || (_theme$UTTextArea3 = theme.UTTextArea) === null || _theme$UTTextArea3 === void 0 || (_theme$UTTextArea3 = _theme$UTTextArea3.textarea) === null || _theme$UTTextArea3 === void 0 ? void 0 : _theme$UTTextArea3.borderRadius,
       color: (theme === null || theme === void 0 || (_theme$UTTextArea4 = theme.UTTextArea) === null || _theme$UTTextArea4 === void 0 || (_theme$UTTextArea4 = _theme$UTTextArea4.textarea) === null || _theme$UTTextArea4 === void 0 ? void 0 : _theme$UTTextArea4.color) || _colorsModule.default.black,
       fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTextArea5 = theme.UTTextArea) === null || _theme$UTTextArea5 === void 0 || (_theme$UTTextArea5 = _theme$UTTextArea5.textarea) === null || _theme$UTTextArea5 === void 0 ? void 0 : _theme$UTTextArea5.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.medium) || 14,
+      fontSize: (theme === null || theme === void 0 || (_theme$UTTextArea5 = theme.UTTextArea) === null || _theme$UTTextArea5 === void 0 || (_theme$UTTextArea5 = _theme$UTTextArea5.textarea) === null || _theme$UTTextArea5 === void 0 ? void 0 : _theme$UTTextArea5.fontSize) || 14,
       fontWeight: theme === null || theme === void 0 || (_theme$UTTextArea6 = theme.UTTextArea) === null || _theme$UTTextArea6 === void 0 || (_theme$UTTextArea6 = _theme$UTTextArea6.textarea) === null || _theme$UTTextArea6 === void 0 ? void 0 : _theme$UTTextArea6.fontWeight,
       height: theme === null || theme === void 0 || (_theme$UTTextArea7 = theme.UTTextArea) === null || _theme$UTTextArea7 === void 0 || (_theme$UTTextArea7 = _theme$UTTextArea7.textarea) === null || _theme$UTTextArea7 === void 0 ? void 0 : _theme$UTTextArea7.height,
       padding: theme === null || theme === void 0 || (_theme$UTTextArea8 = theme.UTTextArea) === null || _theme$UTTextArea8 === void 0 || (_theme$UTTextArea8 = _theme$UTTextArea8.textarea) === null || _theme$UTTextArea8 === void 0 ? void 0 : _theme$UTTextArea8.padding,
@@ -42,5 +42,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       color: theme === null || theme === void 0 || (_theme$UTTextArea20 = theme.UTTextArea) === null || _theme$UTTextArea20 === void 0 || (_theme$UTTextArea20 = _theme$UTTextArea20.icon) === null || _theme$UTTextArea20 === void 0 ? void 0 : _theme$UTTextArea20.color
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTextInput/constants.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INPUT_TYPES = void 0;
-var INPUT_TYPES = {
+var INPUT_TYPES = exports.INPUT_TYPES = {
   PASSWORD: 'password',
   TEXT: 'text',
   NUMBER: 'number'
-};
-exports.INPUT_TYPES = INPUT_TYPES;
+};

package/dist/components/UTTextInput/index.js

@@ -221,5 +221,4 @@ UTTextInput.defaultProps = {
   PasswordVisibleIcon: _Visibility.default,
   preventEnterSubmit: false
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTTextInput);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTTextInput);

package/dist/components/UTTextInput/theme.js

@@ -9,7 +9,7 @@ var _styles = require("@material-ui/core/styles");
 var _lodash = _interopRequireDefault(require("lodash"));
 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 retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     container: {
@@ -38,8 +38,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-exports.retrieveStyle = retrieveStyle;
-var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
+var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
   var mui = {
     typography: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
@@ -65,7 +64,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
           }
         },
         notchedOutline: {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(_colorsModule.default.error)),
+          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
           borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
         }
       },
@@ -111,7 +110,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
           '&$focused': {
             color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
             '&$error': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
+              color: theme.Palette.error['05']
             }
           },
           fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -122,11 +121,10 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
       MuiFormHelperText: {
         root: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], _colorsModule.default.error)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], theme.Palette.error['05'])
         }
       }
     }
   };
   return (0, _styles.createTheme)(_lodash.default.merge(muiTheme, mui));
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+};

package/dist/components/UTThirdPartyCookieChecker/index.js

@@ -49,5 +49,4 @@ UTThirdPartyCookieChecker.propTypes = {
   iframeSrc: _propTypes.string,
   iframeTitle: _propTypes.string
 };
-var _default = /*#__PURE__*/(0, _react.memo)(UTThirdPartyCookieChecker);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UTThirdPartyCookieChecker);

package/dist/components/UTToggle/components/ToggleOption/index.js

@@ -49,5 +49,4 @@ ToggleOption.propTypes = {
   iconClassName: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string)
 };
-var _default = ToggleOption;
-exports.default = _default;
+var _default = exports.default = ToggleOption;

package/dist/components/UTToggle/index.js

@@ -53,5 +53,4 @@ UTToggle.propTypes = {
   optionClassName: _propTypes.string,
   orientation: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTToggle);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTToggle);

package/dist/components/UTToggle/theme.js

@@ -7,7 +7,7 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 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 retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     container: {
@@ -56,5 +56,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       fill: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedIcon', 'fill'], "".concat(_colorsModule.default.white))
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTooltip/index.js

@@ -77,5 +77,4 @@ UTTooltip.propTypes = {
   stringContentProps: _propTypes.object,
   tippyProps: _propTypes.object
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTooltip);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTooltip);

package/dist/components/UTTooltip/theme.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.retrieveStyle = void 0;
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var _theme$UTTooltip, _theme$UTTooltip2, _theme$UTTooltip3, _theme$UTTooltip4, _theme$UTTooltip5, _theme$UTTooltip6, _theme$UTTooltip7, _theme$UTTooltip8, _theme$UTTooltip9;
   var theme = _ref.theme;
   return {
@@ -24,5 +24,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       color: theme === null || theme === void 0 || (_theme$UTTooltip9 = theme.UTTooltip) === null || _theme$UTTooltip9 === void 0 || (_theme$UTTooltip9 = _theme$UTTooltip9.stringContent) === null || _theme$UTTooltip9 === void 0 ? void 0 : _theme$UTTooltip9.color
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTTopbar/components/Notifications/index.js

@@ -33,5 +33,4 @@ Notifications.propTypes = {
   IconInactive: _types.iconType,
   notifications: (0, _propTypes.arrayOf)(_propTypes.object)
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Notifications);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Notifications);

package/dist/components/UTTopbar/components/UserMenu/index.js

@@ -33,7 +33,8 @@ var UserMenu = function UserMenu(_ref) {
   }, avatar), !justAvatar && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.labelWithArrow
   }, /*#__PURE__*/_react.default.createElement(_index2.default, {
-    className: "".concat(classes.userMenuTitle, " ").concat(_stylesModule.default.userMenuTitle)
+    className: "".concat(classes.userMenuTitle, " ").concat(_stylesModule.default.userMenuTitle),
+    withMarkdown: true
   }, title), handleClick && MenuComponent && /*#__PURE__*/_react.default.createElement(Arrow, {
     className: "\n                ".concat(classes.userMenuArrow, "\n                ").concat(_stylesModule.default.userMenuArrow, "\n                ").concat(!!menuOpened && _stylesModule.default.opened, "\n              ")
   })), subtitle)), MenuComponent);
@@ -52,5 +53,4 @@ UserMenu.propTypes = {
 UserMenu.defaultProps = {
   Arrow: _ExpandMore.default
 };
-var _default = /*#__PURE__*/(0, _react.memo)(UserMenu);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UserMenu);

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);