@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTTable/theme.js

@@ -1,365 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-var _classesUtils = require("../../utils/classesUtils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable0, _theme$UTTable1, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _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$Palette$action, _theme$Palette$action2, _theme$Palette$action3;
-  let {
-    theme
-  } = _ref;
-  const tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
-  return {
-    table: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'table', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
-    },
-    header: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], _colorsModule.default.white),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderColor']),
-      borderBottomStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderStyle'], 'solid'),
-      borderTopStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderStyle'], 'solid')
-    },
-    headerCell: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'large'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCell', 'fontWeight'], 500)
-    },
-    headerInactiveCell: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCell', 'color'])
-    },
-    headerCellHover: {
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCell', 'transition'], 'all .4s'),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellHover', 'backgroundColor']),
-        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellHover', 'borderColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellHover', 'color']),
-        opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellHover', 'opacity'], 0.6)
-      }
-    },
-    headerActiveCell: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCell', 'backgroundColor']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCell', 'borderColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCell', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCellHover', 'backgroundColor']),
-        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCellHover', 'borderColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCellHover', 'color']),
-        opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerActiveCellHover', 'opacity'], 0.6)
-      }
-    },
-    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) || '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) || '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: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'orderIcon', 'color'])
-    },
-    scrollbar: {
-      '& .ps__thumb-x': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'scrollbar', 'backgroundColor'])
-      },
-      '& .ps__rail-x': {
-        borderTopLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-        borderTopRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-        '&:hover > .ps__thumb-x': {
-          backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'scrollbar', 'hover', 'backgroundColor'])
-        },
-        '&.ps--clicking > .ps__thumb-x': {
-          backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'scrollbar', 'hover', 'backgroundColor'])
-        }
-      }
-    },
-    fixedHeaderRowLeft: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedHeaderRowLeft', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], '#FFF')),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderColor']),
-      borderRightColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'fixedHeaderDivisorColor']),
-      borderBottomLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-      borderTopLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderStyle'], 'solid'),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedHeaderRowLeft', 'boxShadow'])
-    },
-    fixedHeaderRowRight: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedHeaderRowRight', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], _colorsModule.default.white)),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderColor']),
-      borderLeftColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'fixedHeaderDivisorColor']),
-      borderBottomRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-      borderTopRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderStyle'], 'solid'),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedHeaderRowRight', 'boxShadow'])
-    },
-    row: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colorsModule.default.white),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'boxShadow']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderColor']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderStyle'], 'solid')
-    },
-    firstRow: {
-      borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable7 = theme.UTTable) === null || _theme$UTTable7 === void 0 || (_theme$UTTable7 = _theme$UTTable7.table) === null || _theme$UTTable7 === void 0 ? void 0 : _theme$UTTable7.borderRadius),
-      borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable8 = theme.UTTable) === null || _theme$UTTable8 === void 0 || (_theme$UTTable8 = _theme$UTTable8.table) === null || _theme$UTTable8 === void 0 ? void 0 : _theme$UTTable8.borderRadius)
-    },
-    lastRow: {
-      borderBottomRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable9 = theme.UTTable) === null || _theme$UTTable9 === void 0 || (_theme$UTTable9 = _theme$UTTable9.table) === null || _theme$UTTable9 === void 0 ? void 0 : _theme$UTTable9.borderRadius),
-      borderBottomLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable0 = theme.UTTable) === null || _theme$UTTable0 === void 0 || (_theme$UTTable0 = _theme$UTTable0.table) === null || _theme$UTTable0 === void 0 ? void 0 : _theme$UTTable0.borderRadius)
-    },
-    rowCell: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontWeight'])
-    },
-    responsiveCell: {
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderColor']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderStyle'], 'solid'),
-      borderWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderWidth'], '1px'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontWeight']),
-      [tabletMobile]: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontSize']),
-        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontWeight'])
-      },
-      '&:first-child': {
-        borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable1 = theme.UTTable) === null || _theme$UTTable1 === void 0 || (_theme$UTTable1 = _theme$UTTable1.responsiveRow) === null || _theme$UTTable1 === void 0 ? void 0 : _theme$UTTable1.borderRadius),
-        borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable10 = theme.UTTable) === null || _theme$UTTable10 === void 0 || (_theme$UTTable10 = _theme$UTTable10.responsiveRow) === null || _theme$UTTable10 === void 0 ? void 0 : _theme$UTTable10.borderRadius)
-      }
-    },
-    lastCellContainer: {
-      borderBottomRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius']),
-      borderBottomLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius'])
-    },
-    responsiveRow: {
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'boxShadow']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius']),
-      overflow: 'hidden'
-    },
-    responsiveRowTopBorder: {
-      borderTopRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius']),
-      borderTopLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius'])
-    },
-    rowContainerClickable: {
-      '& $fixedRowLeft, & $fixedRowRight, & $row': {
-        transition: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'hover', 'transition'])
-      },
-      '&:hover': {
-        '& $fixedRowLeft, & $fixedRowRight, & $row': {
-          backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'hover', 'backgroundColor'])
-        }
-      }
-    },
-    selectedResponsiveCell: {
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'selectedResponsiveCell', 'boxShadow'])
-    },
-    responsiveCellTitle: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveCellTitle', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveCellTitle', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveCellTitle', 'fontWeight'])
-    },
-    actionCell: {
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'actionCell', 'alignItems']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'actionCell', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'actionCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'actionCell', 'fontWeight']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderColor']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderStyle'], 'solid'),
-      borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable11 = theme.UTTable) === null || _theme$UTTable11 === void 0 || (_theme$UTTable11 = _theme$UTTable11.rowCell) === null || _theme$UTTable11 === void 0 ? void 0 : _theme$UTTable11.borderWidth) || '1px')
-    },
-    categoryNameCell: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'categoryNameCell', 'backgroundColor'], _colorsModule.default.white),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'categoryNameCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'categoryNameCell', 'fontWeight'])
-    },
-    firstFixedRowLeft: {
-      borderTopLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable12 = theme.UTTable) === null || _theme$UTTable12 === void 0 || (_theme$UTTable12 = _theme$UTTable12.table) === null || _theme$UTTable12 === void 0 ? void 0 : _theme$UTTable12.borderRadius, "px"))
-    },
-    lastFixedRowLeft: {
-      borderBottomLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable13 = theme.UTTable) === null || _theme$UTTable13 === void 0 || (_theme$UTTable13 = _theme$UTTable13.table) === null || _theme$UTTable13 === void 0 ? void 0 : _theme$UTTable13.borderRadius, "px"))
-    },
-    fixedRowLeft: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowLeft', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colorsModule.default.white)),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderColor']),
-      borderBottomLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
-      borderTopLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderStyle'], 'solid'),
-      borderRightColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'fixedDivisorColor']),
-      '&$selectedRow': {
-        borderRightColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'selectedRow', 'fixedDivisorColor'])
-      },
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowLeft', 'boxShadow'])
-    },
-    firstFixedRowRight: {
-      borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable14 = theme.UTTable) === null || _theme$UTTable14 === void 0 || (_theme$UTTable14 = _theme$UTTable14.table) === null || _theme$UTTable14 === void 0 ? void 0 : _theme$UTTable14.borderRadius, "px"))
-    },
-    lastFixedRowRight: {
-      borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable15 = theme.UTTable) === null || _theme$UTTable15 === void 0 || (_theme$UTTable15 = _theme$UTTable15.table) === null || _theme$UTTable15 === void 0 ? void 0 : _theme$UTTable15.borderRadius, "px"))
-    },
-    fixedRowRight: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowRight', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colorsModule.default.white)),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderColor']),
-      borderBottomRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
-      borderTopRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
-      borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderStyle'], 'solid'),
-      borderLeftColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'fixedDivisorColor']),
-      '&$selectedRow': {
-        borderLeftColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'selectedRow', 'fixedDivisorColor'])
-      },
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowRight', 'boxShadow'])
-    },
-    selectedRow: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'selectedRow', 'backgroundColor']),
-      borderBottomColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'selectedRow', 'borderBottomColor'])
-    },
-    navigationButton: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'backgroundColor'], _colorsModule.default.lightBlue),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'border']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'borderRadius']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'color'], _colorsModule.default.white),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'fontWeight']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'height'], '30px'),
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'minWidth'], '30px'),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'padding'], '0 8px'),
-      '& path': {
-        fill: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButton', 'color'])
-      }
-    },
-    navigationButtonLeft: {
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonLeft', 'margin'])
-    },
-    navigationButtonRight: {
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonRight', 'margin'])
-    },
-    navigationButtonDisabled: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonDisabled', 'backgroundColor']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonDisabled', 'border']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonDisabled', 'color']),
-      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationButtonDisabled', 'opacity'])
-    },
-    navigationArrow: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'navigationArrow', 'height'], 10)
-    },
-    pageButton: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'backgroundColor']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'border']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'borderRadius']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'fontSize'], '12px'),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'fontWeight']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'height'], '30px'),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'margin'], '0 4px'),
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'transition'], 'all .4s'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'width'], '30px'),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'hover', 'backgroundColor'], _colorsModule.default.disabledGray),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'hover', 'color']),
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButton', 'hover', 'border'])
-      }
-    },
-    pageButtonSelected: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'backgroundColor'], _colorsModule.default.disabledGray),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'border']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'color']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'fontSize']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'height']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'margin']),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageButtonSelected', 'width'])
-    },
-    reloadIcon: {
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'padding']),
-      '& use': {
-        fill: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'color'])
-      },
-      '& path': {
-        fill: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadIcon', 'color'])
-      }
-    },
-    reloadButton: {
-      marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadButton', 'marginLeft'], 10)
-    },
-    reloadButtonDisabled: {
-      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'reloadButtonDisabled', 'opacity']),
-      pointerEvents: 'none'
-    },
-    tableTitle: {
-      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable16 = theme.UTTable) === null || _theme$UTTable16 === void 0 || (_theme$UTTable16 = _theme$UTTable16.tableTitle) === null || _theme$UTTable16 === void 0 ? void 0 : _theme$UTTable16.color),
-      fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable17 = theme.UTTable) === null || _theme$UTTable17 === void 0 || (_theme$UTTable17 = _theme$UTTable17.tableTitle) === null || _theme$UTTable17 === void 0 ? void 0 : _theme$UTTable17.fontSize),
-      fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable18 = theme.UTTable) === null || _theme$UTTable18 === void 0 || (_theme$UTTable18 = _theme$UTTable18.tableTitle) === null || _theme$UTTable18 === void 0 ? void 0 : _theme$UTTable18.fontWeight)
-    },
-    headerContainer: {
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerContainer', 'margin'])
-    },
-    totalRowsLabel: {
-      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable19 = theme.UTTable) === null || _theme$UTTable19 === void 0 || (_theme$UTTable19 = _theme$UTTable19.tableTitle) === null || _theme$UTTable19 === void 0 ? void 0 : _theme$UTTable19.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable20 = theme.UTTable) === null || _theme$UTTable20 === void 0 || (_theme$UTTable20 = _theme$UTTable20.tableTitle) === null || _theme$UTTable20 === void 0 ? void 0 : _theme$UTTable20.fontSize) || '14px'),
-      fontWeight: (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.fontWeight)
-    },
-    pageSizeSelect: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageSizeSelect', 'fontSize']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageSizeSelect', 'padding'], 6),
-      textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageSizeSelect', 'textAlign'])
-    },
-    pageSizeSelectContainer: {
-      '& fieldset': {
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageSizeSelect', 'border'], "1px solid ".concat(_colorsModule.default.gray3))
-      },
-      '&:hover fieldset': {
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'pageSizeSelect', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray2))
-      }
-    },
-    noResultsContainer: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'noResultsContainer', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], _colorsModule.default.gray3)),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'noResultsContainer', 'border']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'noResultsContainer', 'borderRadius'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'borderRadius'])),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'noResultsContainer', 'height'], 200)
-    },
-    noResultsLabel: {
-      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable22 = theme.UTTable) === null || _theme$UTTable22 === void 0 || (_theme$UTTable22 = _theme$UTTable22.noResultsLabel) === null || _theme$UTTable22 === void 0 ? void 0 : _theme$UTTable22.color),
-      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable23 = theme.UTTable) === null || _theme$UTTable23 === void 0 || (_theme$UTTable23 = _theme$UTTable23.noResultsLabel) === null || _theme$UTTable23 === void 0 ? void 0 : _theme$UTTable23.fontSize) || '14px'),
-      fontWeight: (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.fontWeight)
-    },
-    checkBoxRoot: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'checkbox', 'root', 'color'])
-    },
-    checkboxColorChecked: {
-      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable25 = theme.UTTable) === null || _theme$UTTable25 === void 0 || (_theme$UTTable25 = _theme$UTTable25.checkbox) === null || _theme$UTTable25 === void 0 || (_theme$UTTable25 = _theme$UTTable25.selected) === null || _theme$UTTable25 === void 0 ? void 0 : _theme$UTTable25.color)
-    },
-    tableLoading: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'checkbox', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], _colorsModule.default.white))
-    },
-    headerDecoratorSelected: {
-      '&:before': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerDecorator', 'root', 'color'])
-      }
-    },
-    headerDecoratorUnselected: {
-      '&:before': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerDecorator', 'unSelected', 'color'], _colorsModule.default.gray3)
-      }
-    },
-    actionLoading: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colorsModule.default.loadingBase)
-    },
-    actionIcon: {
-      color: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.neutral['05']) || theme.Palette.neutral['05'],
-      fill: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.neutral['05']) || theme.Palette.neutral['05']
-    },
-    actionIconButton: {
-      '&:hover': {
-        backgroundColor: ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.neutral['01']) || theme.Palette.neutral['01']
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss")),_classesUtils=require("../../utils/classesUtils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{var l,o,a,t,s,r,n,b,m,i,d,u,T,g,I,c,_,h,U,v,C,f,R,p,w,S,x,B,k,y;let{theme:z}=e;const L=(0,_seamlessImmutable.getIn)(z,["Media","tabletMobile"]);return{table:{fontFamily:(0,_seamlessImmutable.getIn)(z,["UTTable","table","fontFamily"],(0,_seamlessImmutable.getIn)(z,["Fonts","fontFamily"]))},header:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","backgroundColor"],_colorsModule.default.white),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderColor"]),borderBottomStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderStyle"],"solid"),borderTopStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderStyle"],"solid")},headerCell:{fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCell","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","large"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCell","fontWeight"],500)},headerInactiveCell:{color:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCell","color"])},headerCellHover:{transition:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCell","transition"],"all .4s"),"&:hover":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCellHover","backgroundColor"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCellHover","borderColor"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCellHover","color"]),opacity:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCellHover","opacity"],.6)}},headerActiveCell:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCell","backgroundColor"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCell","borderColor"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCell","color"]),"&:hover":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCellHover","backgroundColor"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCellHover","borderColor"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCellHover","color"]),opacity:(0,_seamlessImmutable.getIn)(z,["UTTable","headerActiveCellHover","opacity"],.6)}},headerCellCategoryName:{color:(0,_classesUtils.withImportant)(null==z||null===(l=z.UTTable)||void 0===l||null===(l=l.headerCellCategoryName)||void 0===l?void 0:l.color),fontSize:(0,_classesUtils.withImportant)((null==z||null===(o=z.UTTable)||void 0===o||null===(o=o.headerCellCategoryName)||void 0===o?void 0:o.fontSize)||"12px"),fontWeight:(0,_classesUtils.withImportant)(null==z||null===(a=z.UTTable)||void 0===a||null===(a=a.headerCellCategoryName)||void 0===a?void 0:a.fontWeight),marginBottom:(0,_seamlessImmutable.getIn)(z,["UTTable","headerCellCategoryName","marginBottom"],5)},headerCellUnit:{color:(0,_classesUtils.withImportant)(null==z||null===(t=z.UTTable)||void 0===t||null===(t=t.headerCellUnit)||void 0===t?void 0:t.color),fontSize:(0,_classesUtils.withImportant)((null==z||null===(s=z.UTTable)||void 0===s||null===(s=s.headerCellUnit)||void 0===s?void 0:s.fontSize)||"14px"),fontWeight:(0,_classesUtils.withImportant)(null==z||null===(r=z.UTTable)||void 0===r||null===(r=r.headerCellUnit)||void 0===r?void 0:r.fontWeight)},orderIcon:{color:(0,_seamlessImmutable.getIn)(z,["UTTable","orderIcon","color"])},scrollbar:{"& .ps__thumb-x":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","scrollbar","backgroundColor"])},"& .ps__rail-x":{borderTopLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderTopRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),"&:hover > .ps__thumb-x":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","scrollbar","hover","backgroundColor"])},"&.ps--clicking > .ps__thumb-x":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","scrollbar","hover","backgroundColor"])}}},fixedHeaderRowLeft:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedHeaderRowLeft","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","header","backgroundColor"],"#FFF")),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderColor"]),borderRightColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","fixedHeaderDivisorColor"]),borderBottomLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderTopLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderStyle"],"solid"),boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedHeaderRowLeft","boxShadow"])},fixedHeaderRowRight:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedHeaderRowRight","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","header","backgroundColor"],_colorsModule.default.white)),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderColor"]),borderLeftColor:(0,_seamlessImmutable.getIn)(z,["UTTable","header","fixedHeaderDivisorColor"]),borderBottomRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderTopRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderStyle"],"solid"),boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedHeaderRowRight","boxShadow"])},row:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","backgroundColor"],_colorsModule.default.white),boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","row","boxShadow"]),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderRadius"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderColor"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderStyle"],"solid")},firstRow:{borderTopLeftRadius:(0,_classesUtils.withImportant)(null==z||null===(n=z.UTTable)||void 0===n||null===(n=n.table)||void 0===n?void 0:n.borderRadius),borderTopRightRadius:(0,_classesUtils.withImportant)(null==z||null===(b=z.UTTable)||void 0===b||null===(b=b.table)||void 0===b?void 0:b.borderRadius)},lastRow:{borderBottomRightRadius:(0,_classesUtils.withImportant)(null==z||null===(m=z.UTTable)||void 0===m||null===(m=m.table)||void 0===m?void 0:m.borderRadius),borderBottomLeftRadius:(0,_classesUtils.withImportant)(null==z||null===(i=z.UTTable)||void 0===i||null===(i=i.table)||void 0===i?void 0:i.borderRadius)},rowCell:{color:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","fontWeight"])},responsiveCell:{borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","borderColor"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","borderStyle"],"solid"),borderWidth:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","borderWidth"],"1px"),color:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","fontWeight"]),[L]:{fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","tabletMobile","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","tabletMobile","fontWeight"])},"&:first-child":{borderTopLeftRadius:(0,_classesUtils.withImportant)(null==z||null===(d=z.UTTable)||void 0===d||null===(d=d.responsiveRow)||void 0===d?void 0:d.borderRadius),borderTopRightRadius:(0,_classesUtils.withImportant)(null==z||null===(u=z.UTTable)||void 0===u||null===(u=u.responsiveRow)||void 0===u?void 0:u.borderRadius)}},lastCellContainer:{borderBottomRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","borderRadius"]),borderBottomLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","borderRadius"])},responsiveRow:{boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","boxShadow"]),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","borderRadius"]),overflow:"hidden"},responsiveRowTopBorder:{borderTopRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","borderRadius"]),borderTopLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveRow","borderRadius"])},rowContainerClickable:{"& $fixedRowLeft, & $fixedRowRight, & $row":{transition:(0,_seamlessImmutable.getIn)(z,["UTTable","row","hover","transition"])},"&:hover":{"& $fixedRowLeft, & $fixedRowRight, & $row":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","hover","backgroundColor"])}}},selectedResponsiveCell:{boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","selectedResponsiveCell","boxShadow"])},responsiveCellTitle:{color:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveCellTitle","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveCellTitle","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","responsiveCellTitle","fontWeight"])},actionCell:{alignItems:(0,_seamlessImmutable.getIn)(z,["UTTable","actionCell","alignItems"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","actionCell","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","actionCell","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","actionCell","fontWeight"]),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","borderColor"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","rowCell","borderStyle"],"solid"),borderWidth:(0,_classesUtils.withImportant)((null==z||null===(T=z.UTTable)||void 0===T||null===(T=T.rowCell)||void 0===T?void 0:T.borderWidth)||"1px")},categoryNameCell:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","categoryNameCell","backgroundColor"],_colorsModule.default.white),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","categoryNameCell","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","categoryNameCell","fontWeight"])},firstFixedRowLeft:{borderTopLeftRadius:(0,_classesUtils.withImportant)("".concat(null==z||null===(g=z.UTTable)||void 0===g||null===(g=g.table)||void 0===g?void 0:g.borderRadius,"px"))},lastFixedRowLeft:{borderBottomLeftRadius:(0,_classesUtils.withImportant)("".concat(null==z||null===(I=z.UTTable)||void 0===I||null===(I=I.table)||void 0===I?void 0:I.borderRadius,"px"))},fixedRowLeft:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedRowLeft","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","row","backgroundColor"],_colorsModule.default.white)),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderColor"]),borderBottomLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderRadius"]),borderTopLeftRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderRadius"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderStyle"],"solid"),borderRightColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","fixedDivisorColor"]),"&$selectedRow":{borderRightColor:(0,_seamlessImmutable.getIn)(z,["UTTable","selectedRow","fixedDivisorColor"])},boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedRowLeft","boxShadow"])},firstFixedRowRight:{borderTopRightRadius:(0,_classesUtils.withImportant)("".concat(null==z||null===(c=z.UTTable)||void 0===c||null===(c=c.table)||void 0===c?void 0:c.borderRadius,"px"))},lastFixedRowRight:{borderTopRightRadius:(0,_classesUtils.withImportant)("".concat(null==z||null===(_=z.UTTable)||void 0===_||null===(_=_.table)||void 0===_?void 0:_.borderRadius,"px"))},fixedRowRight:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedRowRight","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","row","backgroundColor"],_colorsModule.default.white)),borderColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderColor"]),borderBottomRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderRadius"]),borderTopRightRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderRadius"]),borderStyle:(0,_seamlessImmutable.getIn)(z,["UTTable","row","borderStyle"],"solid"),borderLeftColor:(0,_seamlessImmutable.getIn)(z,["UTTable","row","fixedDivisorColor"]),"&$selectedRow":{borderLeftColor:(0,_seamlessImmutable.getIn)(z,["UTTable","selectedRow","fixedDivisorColor"])},boxShadow:(0,_seamlessImmutable.getIn)(z,["UTTable","fixedRowRight","boxShadow"])},selectedRow:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","selectedRow","backgroundColor"]),borderBottomColor:(0,_seamlessImmutable.getIn)(z,["UTTable","selectedRow","borderBottomColor"])},navigationButton:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","backgroundColor"],_colorsModule.default.lightBlue),border:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","border"]),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","borderRadius"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","color"],_colorsModule.default.white),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","fontSize"],(0,_seamlessImmutable.getIn)(z,["Fonts","medium"])),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","fontWeight"]),height:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","height"],"30px"),minWidth:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","minWidth"],"30px"),padding:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","padding"],"0 8px"),"& path":{fill:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButton","color"])}},navigationButtonLeft:{margin:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonLeft","margin"])},navigationButtonRight:{margin:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonRight","margin"])},navigationButtonDisabled:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonDisabled","backgroundColor"]),border:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonDisabled","border"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonDisabled","color"]),opacity:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationButtonDisabled","opacity"])},navigationArrow:{height:(0,_seamlessImmutable.getIn)(z,["UTTable","navigationArrow","height"],10)},pageButton:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","backgroundColor"]),border:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","border"]),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","borderRadius"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","fontSize"],"12px"),fontWeight:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","fontWeight"]),height:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","height"],"30px"),margin:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","margin"],"0 4px"),transition:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","transition"],"all .4s"),width:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","width"],"30px"),"&:hover":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","hover","backgroundColor"],_colorsModule.default.disabledGray),color:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","hover","color"]),border:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButton","hover","border"])}},pageButtonSelected:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","backgroundColor"],_colorsModule.default.disabledGray),border:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","border"]),color:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","color"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","fontSize"]),height:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","height"]),margin:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","margin"]),width:(0,_seamlessImmutable.getIn)(z,["UTTable","pageButtonSelected","width"])},reloadIcon:{padding:(0,_seamlessImmutable.getIn)(z,["UTTable","reloadIcon","padding"]),"& use":{fill:(0,_seamlessImmutable.getIn)(z,["UTTable","reloadIcon","color"])},"& path":{fill:(0,_seamlessImmutable.getIn)(z,["UTTable","reloadIcon","color"])}},reloadButton:{marginLeft:(0,_seamlessImmutable.getIn)(z,["UTTable","reloadButton","marginLeft"],10)},reloadButtonDisabled:{opacity:(0,_seamlessImmutable.getIn)(z,["UTTable","reloadButtonDisabled","opacity"]),pointerEvents:"none"},tableTitle:{color:(0,_classesUtils.withImportant)(null==z||null===(h=z.UTTable)||void 0===h||null===(h=h.tableTitle)||void 0===h?void 0:h.color),fontSize:(0,_classesUtils.withImportant)(null==z||null===(U=z.UTTable)||void 0===U||null===(U=U.tableTitle)||void 0===U?void 0:U.fontSize),fontWeight:(0,_classesUtils.withImportant)(null==z||null===(v=z.UTTable)||void 0===v||null===(v=v.tableTitle)||void 0===v?void 0:v.fontWeight)},headerContainer:{margin:(0,_seamlessImmutable.getIn)(z,["UTTable","headerContainer","margin"])},totalRowsLabel:{color:(0,_classesUtils.withImportant)(null==z||null===(C=z.UTTable)||void 0===C||null===(C=C.tableTitle)||void 0===C?void 0:C.color),fontSize:(0,_classesUtils.withImportant)((null==z||null===(f=z.UTTable)||void 0===f||null===(f=f.tableTitle)||void 0===f?void 0:f.fontSize)||"14px"),fontWeight:(0,_classesUtils.withImportant)(null==z||null===(R=z.UTTable)||void 0===R||null===(R=R.tableTitle)||void 0===R?void 0:R.fontWeight)},pageSizeSelect:{fontFamily:(0,_seamlessImmutable.getIn)(z,["Fonts","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(z,["UTTable","pageSizeSelect","fontSize"]),padding:(0,_seamlessImmutable.getIn)(z,["UTTable","pageSizeSelect","padding"],6),textAlign:(0,_seamlessImmutable.getIn)(z,["UTTable","pageSizeSelect","textAlign"])},pageSizeSelectContainer:{"& fieldset":{border:(0,_seamlessImmutable.getIn)(z,["UTTable","pageSizeSelect","border"],"1px solid ".concat(_colorsModule.default.gray3))},"&:hover fieldset":{border:(0,_seamlessImmutable.getIn)(z,["UTTable","pageSizeSelect","hover","border"],"1px solid ".concat(_colorsModule.default.gray2))}},noResultsContainer:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","noResultsContainer","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","header","backgroundColor"],_colorsModule.default.gray3)),border:(0,_seamlessImmutable.getIn)(z,["UTTable","noResultsContainer","border"]),borderRadius:(0,_seamlessImmutable.getIn)(z,["UTTable","noResultsContainer","borderRadius"],(0,_seamlessImmutable.getIn)(z,["UTTable","header","borderRadius"])),height:(0,_seamlessImmutable.getIn)(z,["UTTable","noResultsContainer","height"],200)},noResultsLabel:{color:(0,_classesUtils.withImportant)(null==z||null===(p=z.UTTable)||void 0===p||null===(p=p.noResultsLabel)||void 0===p?void 0:p.color),fontSize:(0,_classesUtils.withImportant)((null==z||null===(w=z.UTTable)||void 0===w||null===(w=w.noResultsLabel)||void 0===w?void 0:w.fontSize)||"14px"),fontWeight:(0,_classesUtils.withImportant)(null==z||null===(S=z.UTTable)||void 0===S||null===(S=S.noResultsLabel)||void 0===S?void 0:S.fontWeight)},checkBoxRoot:{color:(0,_seamlessImmutable.getIn)(z,["UTTable","checkbox","root","color"])},checkboxColorChecked:{color:(0,_classesUtils.withImportant)(null==z||null===(x=z.UTTable)||void 0===x||null===(x=x.checkbox)||void 0===x||null===(x=x.selected)||void 0===x?void 0:x.color)},tableLoading:{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","checkbox","backgroundColor"],(0,_seamlessImmutable.getIn)(z,["UTTable","header","backgroundColor"],_colorsModule.default.white))},headerDecoratorSelected:{"&:before":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerDecorator","root","color"])}},headerDecoratorUnselected:{"&:before":{backgroundColor:(0,_seamlessImmutable.getIn)(z,["UTTable","headerDecorator","unSelected","color"],_colorsModule.default.gray3)}},actionLoading:{color:(0,_seamlessImmutable.getIn)(z,["Loading","base","color"],_colorsModule.default.loadingBase)},actionIcon:{color:(null===(B=z.Palette.actions)||void 0===B?void 0:B.neutral["05"])||z.Palette.neutral["05"],fill:(null===(k=z.Palette.actions)||void 0===k?void 0:k.neutral["05"])||z.Palette.neutral["05"]},actionIconButton:{"&:hover":{backgroundColor:(null===(y=z.Palette.actions)||void 0===y?void 0:y.neutral["01"])||z.Palette.neutral["01"]}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTTable/types.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.columnsType = exports.columnType = exports.columnSizesType = exports.classesType = void 0;
-var _propTypes = require("prop-types");
-const columnType = exports.columnType = (0, _propTypes.shape)({
-  cellRenderer: _propTypes.func,
-  key: _propTypes.string,
-  name: _propTypes.string,
-  position: _propTypes.string,
-  size: _propTypes.string,
-  sortable: _propTypes.bool,
-  type: _propTypes.string,
-  categoryName: _propTypes.string,
-  actions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    icon: _propTypes.elementType,
-    tooltip: _propTypes.string,
-    onClick: _propTypes.func,
-    loading: _propTypes.bool
-  }))
-});
-const columnsType = exports.columnsType = (0, _propTypes.arrayOf)(columnType);
-const classesType = exports.classesType = (0, _propTypes.shape)({
-  table: _propTypes.string,
-  header: _propTypes.string,
-  headerCellHover: _propTypes.string,
-  headerActiveCell: _propTypes.string,
-  scrollbar: _propTypes.string,
-  fixedHeaderRowLeft: _propTypes.string,
-  fixedHeaderRowRight: _propTypes.string,
-  row: _propTypes.string,
-  fixedRowRight: _propTypes.string,
-  checkBox: _propTypes.string,
-  navigationButton: _propTypes.string,
-  navigationButtonDisabled: _propTypes.string,
-  navigationArrow: _propTypes.string,
-  pageButton: _propTypes.string,
-  pageButtonSelected: _propTypes.string,
-  reloadIcon: _propTypes.string,
-  reloadButton: _propTypes.string,
-  tableTitle: _propTypes.string,
-  totalRowsLabel: _propTypes.string,
-  actionIconButton: _propTypes.string,
-  actionIcon: _propTypes.string,
-  checkBoxRoot: _propTypes.string,
-  checkboxColorPrimary: _propTypes.string
-});
-const columnSizesType = exports.columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.columnsType=exports.columnType=exports.columnSizesType=exports.classesType=void 0;var _propTypes=require("prop-types");const columnType=exports.columnType=(0,_propTypes.shape)({cellRenderer:_propTypes.func,key:_propTypes.string,name:_propTypes.string,position:_propTypes.string,size:_propTypes.string,sortable:_propTypes.bool,type:_propTypes.string,categoryName:_propTypes.string,actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({icon:_propTypes.elementType,tooltip:_propTypes.string,onClick:_propTypes.func,loading:_propTypes.bool}))}),columnsType=exports.columnsType=(0,_propTypes.arrayOf)(columnType),classesType=exports.classesType=(0,_propTypes.shape)({table:_propTypes.string,header:_propTypes.string,headerCellHover:_propTypes.string,headerActiveCell:_propTypes.string,scrollbar:_propTypes.string,fixedHeaderRowLeft:_propTypes.string,fixedHeaderRowRight:_propTypes.string,row:_propTypes.string,fixedRowRight:_propTypes.string,checkBox:_propTypes.string,navigationButton:_propTypes.string,navigationButtonDisabled:_propTypes.string,navigationArrow:_propTypes.string,pageButton:_propTypes.string,pageButtonSelected:_propTypes.string,reloadIcon:_propTypes.string,reloadButton:_propTypes.string,tableTitle:_propTypes.string,totalRowsLabel:_propTypes.string,actionIconButton:_propTypes.string,actionIcon:_propTypes.string,checkBoxRoot:_propTypes.string,checkboxColorPrimary:_propTypes.string}),columnSizesType=exports.columnSizesType=(0,_propTypes.oneOfType)([(0,_propTypes.objectOf)(_propTypes.string),(0,_propTypes.objectOf)(_propTypes.number),_propTypes.object]);