@widergy/energy-ui 2.7.3 → 2.7.5

package/dist/components/UTTable/constants.js

@@ -9,7 +9,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 COLUMN_SIZES = {
+var COLUMN_SIZES = exports.COLUMN_SIZES = {
   xsmall: 70,
   small: 90,
   medium: 120,
@@ -17,55 +17,36 @@ var COLUMN_SIZES = {
   xlarge: 260,
   xxlarge: 350
 };
-exports.COLUMN_SIZES = COLUMN_SIZES;
-var ROW_SIDE_PADDING = 16;
-exports.ROW_SIDE_PADDING = ROW_SIDE_PADDING;
-var CELL_SIDE_PADDING = 16;
-exports.CELL_SIDE_PADDING = CELL_SIDE_PADDING;
-var ROW_SPACING_NAMES = {
+var ROW_SIDE_PADDING = exports.ROW_SIDE_PADDING = 16;
+var CELL_SIDE_PADDING = exports.CELL_SIDE_PADDING = 16;
+var ROW_SPACING_NAMES = exports.ROW_SPACING_NAMES = {
   NONE: 'none',
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-exports.ROW_SPACING_NAMES = ROW_SPACING_NAMES;
-var ROW_PADDING_NAMES = {
+var ROW_PADDING_NAMES = exports.ROW_PADDING_NAMES = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-exports.ROW_PADDING_NAMES = ROW_PADDING_NAMES;
-var ROW_SPACING = (_ROW_SPACING = {}, _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.NONE, 0), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.SMALL, 5), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.MEDIUM, 10), _ROW_SPACING);
-exports.ROW_SPACING = ROW_SPACING;
-var ROW_PADDING = (_ROW_PADDING = {}, _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.SMALL, 16), _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.MEDIUM, 24), _ROW_PADDING);
-exports.ROW_PADDING = ROW_PADDING;
-var COLUMN_POSITION = {
+var ROW_SPACING = exports.ROW_SPACING = (_ROW_SPACING = {}, _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.NONE, 0), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.SMALL, 5), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.MEDIUM, 10), _ROW_SPACING);
+var ROW_PADDING = exports.ROW_PADDING = (_ROW_PADDING = {}, _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.SMALL, 16), _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.MEDIUM, 24), _ROW_PADDING);
+var COLUMN_POSITION = exports.COLUMN_POSITION = {
   LEFT: 'left',
   RIGHT: 'right'
 };
-exports.COLUMN_POSITION = COLUMN_POSITION;
-var ROWS_PER_PAGE = [10, 25, 50];
-exports.ROWS_PER_PAGE = ROWS_PER_PAGE;
-var ROWS_BORDER_SIZE = 1;
-exports.ROWS_BORDER_SIZE = ROWS_BORDER_SIZE;
-var TOTAL_ROWS_LABEL = 'resultados';
-exports.TOTAL_ROWS_LABEL = TOTAL_ROWS_LABEL;
-var TOTAL_ROW_LABEL = 'resultado';
-exports.TOTAL_ROW_LABEL = TOTAL_ROW_LABEL;
-var NO_RESULTS_LABEL = 'Aún no hay resultados';
-exports.NO_RESULTS_LABEL = NO_RESULTS_LABEL;
-var ROW_KEY = 'id';
-exports.ROW_KEY = ROW_KEY;
-var MAX_PAGINATION_ITEMS = 5;
-exports.MAX_PAGINATION_ITEMS = MAX_PAGINATION_ITEMS;
-var PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
-exports.PAGINATION_LIMIT_DOUBLE_ARROWS = PAGINATION_LIMIT_DOUBLE_ARROWS;
-var CELL_TYPES = {
+var ROWS_PER_PAGE = exports.ROWS_PER_PAGE = [10, 25, 50];
+var ROWS_BORDER_SIZE = exports.ROWS_BORDER_SIZE = 1;
+var TOTAL_ROWS_LABEL = exports.TOTAL_ROWS_LABEL = 'resultados';
+var TOTAL_ROW_LABEL = exports.TOTAL_ROW_LABEL = 'resultado';
+var NO_RESULTS_LABEL = exports.NO_RESULTS_LABEL = 'Aún no hay resultados';
+var ROW_KEY = exports.ROW_KEY = 'id';
+var MAX_PAGINATION_ITEMS = exports.MAX_PAGINATION_ITEMS = 5;
+var PAGINATION_LIMIT_DOUBLE_ARROWS = exports.PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
+var CELL_TYPES = exports.CELL_TYPES = {
   STATUS: 'status',
   ACTION_ICONS: 'action-icons',
   ACTION_BUTTON: 'action-button',
   TEXT: 'text'
 };
-exports.CELL_TYPES = CELL_TYPES;
-var CELL_ACTION_TYPES = [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON];
-exports.CELL_ACTION_TYPES = CELL_ACTION_TYPES;
-var DEFAULT_TABLET_BREAKPOINT = 1024;
-exports.DEFAULT_TABLET_BREAKPOINT = DEFAULT_TABLET_BREAKPOINT;
+var CELL_ACTION_TYPES = exports.CELL_ACTION_TYPES = [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON];
+var DEFAULT_TABLET_BREAKPOINT = exports.DEFAULT_TABLET_BREAKPOINT = 1024;

package/dist/components/UTTable/hook.js

@@ -11,7 +11,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 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 useResizeObserver = function useResizeObserver() {
+var useResizeObserver = exports.useResizeObserver = function useResizeObserver() {
   var _useState = (0, _react.useState)({}),
     _useState2 = _slicedToArray(_useState, 2),
     observerEntry = _useState2[0],
@@ -43,5 +43,4 @@ var useResizeObserver = function useResizeObserver() {
     };
   }, [disconnect, observe]);
   return [setNode, observerEntry];
-};
-exports.useResizeObserver = useResizeObserver;
+};

package/dist/components/UTTable/index.js

@@ -442,5 +442,4 @@ UTTable.propTypes = {
   totalRows: _propTypes.number,
   totalRowsLabel: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);

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