@widergy/energy-ui 2.6.1 → 2.7.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.7.0](https://github.com/widergy/energy-ui/compare/v2.6.1...v2.7.0) (2023-09-07)
+
+
+### Features
+
+* node upgrade ([#373](https://github.com/widergy/energy-ui/issues/373)) ([0dab423](https://github.com/widergy/energy-ui/commit/0dab423890d25ab7db9b06276d00dd9da07db334))
+
 ## [2.6.1](https://github.com/widergy/energy-ui/compare/v2.6.0...v2.6.1) (2023-09-01)
 
 

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

@@ -1,4 +1,4 @@
-@import '../../scss/variables/_colors.scss';
+@import '../../scss/variables/colors.module.scss';
 
 .container {
   align-items: center;

package/dist/components/Loading/theme.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+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 = _ref.theme;
   return {
     base: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colors.default.loadingBase)
+      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colorsModule.default.loadingBase)
     },
     text: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'color'], _colors.default.black),
+      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'color'], _colorsModule.default.black),
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium']))
     }
   };

package/dist/components/UTAlert/theme.js

@@ -6,23 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+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$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
   var theme = _ref.theme;
   return {
     error: {
-      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || _colors.default.notificationError
+      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || _colorsModule.default.notificationError
     },
     info: {
-      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || _colors.default.notificationInfo
+      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || _colorsModule.default.notificationInfo
     },
     success: {
-      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || _colors.default.notificationSuccess
+      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || _colorsModule.default.notificationSuccess
     },
     warning: {
-      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || _colors.default.notificationWarning
+      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || _colorsModule.default.notificationWarning
     },
     action: {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTAlert', 'action', 'padding']),

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

@@ -1,4 +1,4 @@
-@import '../../scss/variables/mediaQueries';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 .fileContainer {
   align-items: center;

package/dist/components/UTAttachment/utils.js

@@ -29,7 +29,8 @@ var getImage = /*#__PURE__*/function () {
   return function getImage(_x) {
     return _ref.apply(this, arguments);
   };
-}();
+}(); // eslint-disable-line no-console
+
 var getBlobFromUrl = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(imageUrl, callback) {
     var response;

package/dist/components/UTAutocomplete/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _styles = require("@material-ui/core/styles");
 var _lodash = _interopRequireDefault(require("lodash"));
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var retrieveStyle = function retrieveStyle(_ref) {
@@ -45,22 +45,22 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
         },
         underline: {
           '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: ((_theme$UTTextInput9 = theme.UTTextInput) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.underline) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.hover) === null || _theme$UTTextInput9 === void 0 ? void 0 : _theme$UTTextInput9.borderBottom) || "1px solid ".concat(_colors.default.gray)
+            borderBottom: ((_theme$UTTextInput9 = theme.UTTextInput) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.underline) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.hover) === null || _theme$UTTextInput9 === void 0 ? void 0 : _theme$UTTextInput9.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&:hover:not($disabled):before': {
-            borderBottom: ((_theme$UTTextInput10 = theme.UTTextInput) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.underline) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.hover) === null || _theme$UTTextInput10 === void 0 ? void 0 : _theme$UTTextInput10.borderBottom) || "1px solid ".concat(_colors.default.gray)
+            borderBottom: ((_theme$UTTextInput10 = theme.UTTextInput) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.underline) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.hover) === null || _theme$UTTextInput10 === void 0 ? void 0 : _theme$UTTextInput10.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&$disabled:before': {
-            borderBottom: ((_theme$UTTextInput11 = theme.UTTextInput) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.underline) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.disabled) === null || _theme$UTTextInput11 === void 0 ? void 0 : _theme$UTTextInput11.borderBottom) || "1px solid ".concat(_colors.default.gray)
+            borderBottom: ((_theme$UTTextInput11 = theme.UTTextInput) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.underline) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.disabled) === null || _theme$UTTextInput11 === void 0 ? void 0 : _theme$UTTextInput11.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&:before': {
-            borderBottom: ((_theme$UTTextInput12 = theme.UTTextInput) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.underline) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.unfocused) === null || _theme$UTTextInput12 === void 0 ? void 0 : _theme$UTTextInput12.borderBottom) || "1px solid ".concat(_colors.default.gray)
+            borderBottom: ((_theme$UTTextInput12 = theme.UTTextInput) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.underline) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.unfocused) === null || _theme$UTTextInput12 === void 0 ? void 0 : _theme$UTTextInput12.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&$focused:after': {
-            borderBottom: ((_theme$UTTextInput13 = theme.UTTextInput) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.underline) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.focused) === null || _theme$UTTextInput13 === void 0 ? void 0 : _theme$UTTextInput13.borderBottom) || "2px solid ".concat(_colors.default.primary)
+            borderBottom: ((_theme$UTTextInput13 = theme.UTTextInput) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.underline) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.focused) === null || _theme$UTTextInput13 === void 0 ? void 0 : _theme$UTTextInput13.borderBottom) || "2px solid ".concat(_colorsModule.default.primary)
           },
           '&:after': {
-            borderBottom: ((_theme$UTTextInput14 = theme.UTTextInput) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.underline) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.base) === null || _theme$UTTextInput14 === void 0 ? void 0 : _theme$UTTextInput14.borderBottom) || "2px solid ".concat(_colors.default.primary)
+            borderBottom: ((_theme$UTTextInput14 = theme.UTTextInput) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.underline) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.base) === null || _theme$UTTextInput14 === void 0 ? void 0 : _theme$UTTextInput14.borderBottom) || "2px solid ".concat(_colorsModule.default.primary)
           },
           '&$error:after': {
             borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -75,21 +75,21 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
         },
         root: {
           '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: ((_theme$UTTextInput17 = theme.UTTextInput) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.notchedOutline) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.hover) === null || _theme$UTTextInput17 === void 0 ? void 0 : _theme$UTTextInput17.border) || "1px solid ".concat(_colors.default.gray),
+            border: ((_theme$UTTextInput17 = theme.UTTextInput) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.notchedOutline) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.hover) === null || _theme$UTTextInput17 === void 0 ? void 0 : _theme$UTTextInput17.border) || "1px solid ".concat(_colorsModule.default.gray),
             borderColor: (_theme$UTTextInput18 = theme.UTTextInput) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.notchedOutline) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.hover) === null || _theme$UTTextInput18 === void 0 ? void 0 : _theme$UTTextInput18.borderColor
           },
           '&$focused $notchedOutline': {
-            border: ((_theme$UTTextInput19 = theme.UTTextInput) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.notchedOutline) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.focused) === null || _theme$UTTextInput19 === void 0 ? void 0 : _theme$UTTextInput19.border) || "2px solid ".concat(_colors.default.primary),
+            border: ((_theme$UTTextInput19 = theme.UTTextInput) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.notchedOutline) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.focused) === null || _theme$UTTextInput19 === void 0 ? void 0 : _theme$UTTextInput19.border) || "2px solid ".concat(_colorsModule.default.primary),
             borderColor: (_theme$UTTextInput20 = theme.UTTextInput) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.notchedOutline) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.hover) === null || _theme$UTTextInput20 === void 0 ? void 0 : _theme$UTTextInput20.borderColor
           },
           '&$disabled $notchedOutline': {
-            border: ((_theme$UTTextInput21 = theme.UTTextInput) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.notchedOutline) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.disabled) === null || _theme$UTTextInput21 === void 0 ? void 0 : _theme$UTTextInput21.border) || "1px solid ".concat(_colors.default.gray),
+            border: ((_theme$UTTextInput21 = theme.UTTextInput) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.notchedOutline) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.disabled) === null || _theme$UTTextInput21 === void 0 ? void 0 : _theme$UTTextInput21.border) || "1px solid ".concat(_colorsModule.default.gray),
             borderColor: (_theme$UTTextInput22 = theme.UTTextInput) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.notchedOutline) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.hover) === null || _theme$UTTextInput22 === void 0 ? void 0 : _theme$UTTextInput22.borderColor
           },
           padding: (_theme$UTTextInput23 = theme.UTTextInput) === null || _theme$UTTextInput23 === void 0 || (_theme$UTTextInput23 = _theme$UTTextInput23.notchedOutline) === null || _theme$UTTextInput23 === void 0 ? void 0 : _theme$UTTextInput23.padding
         },
         notchedOutline: {
-          border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(_colors.default.error),
+          border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(_colorsModule.default.error),
           borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.notchedOutline) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.hover) === null || _theme$UTTextInput25 === void 0 ? void 0 : _theme$UTTextInput25.borderColor,
           borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0 || (_theme$UTTextInput26 = _theme$UTTextInput26.notchedOutline) === null || _theme$UTTextInput26 === void 0 ? void 0 : _theme$UTTextInput26.borderRadius
         }
@@ -105,12 +105,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
         root: {
           color: (_theme$UTTextInput27 = theme.UTTextInput) === null || _theme$UTTextInput27 === void 0 || (_theme$UTTextInput27 = _theme$UTTextInput27.formLabel) === null || _theme$UTTextInput27 === void 0 ? void 0 : _theme$UTTextInput27.color,
           '&$error': {
-            color: ((_theme$UTTextInput28 = theme.UTTextInput) === null || _theme$UTTextInput28 === void 0 || (_theme$UTTextInput28 = _theme$UTTextInput28.formLabel) === null || _theme$UTTextInput28 === void 0 ? void 0 : _theme$UTTextInput28.errorColor) || _colors.default.gray
+            color: ((_theme$UTTextInput28 = theme.UTTextInput) === null || _theme$UTTextInput28 === void 0 || (_theme$UTTextInput28 = _theme$UTTextInput28.formLabel) === null || _theme$UTTextInput28 === void 0 ? void 0 : _theme$UTTextInput28.errorColor) || _colorsModule.default.gray
           },
           '&$focused': {
-            color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 || (_theme$UTTextInput29 = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29 === void 0 ? void 0 : _theme$UTTextInput29.focusedColor) || _colors.default.primary,
+            color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 || (_theme$UTTextInput29 = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29 === void 0 ? void 0 : _theme$UTTextInput29.focusedColor) || _colorsModule.default.primary,
             '&$error': {
-              color: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 || (_theme$UTTextInput30 = _theme$UTTextInput30.formLabel) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.focusedErrorColor) || _colors.default.error
+              color: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 || (_theme$UTTextInput30 = _theme$UTTextInput30.formLabel) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.focusedErrorColor) || _colorsModule.default.error
             }
           },
           fontSize: ((_theme$UTTextInput31 = theme.UTTextInput) === null || _theme$UTTextInput31 === void 0 ? void 0 : _theme$UTTextInput31.fontSize) || ((_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium) || 14
@@ -119,7 +119,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
       MuiFormHelperText: {
         root: {
           fontSize: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 || (_theme$UTTextInput32 = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32 === void 0 ? void 0 : _theme$UTTextInput32.fontSize) || 12,
-          color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0 || (_theme$UTTextInput33 = _theme$UTTextInput33.helperText) === null || _theme$UTTextInput33 === void 0 ? void 0 : _theme$UTTextInput33.color) || _colors.default.error,
+          color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0 || (_theme$UTTextInput33 = _theme$UTTextInput33.helperText) === null || _theme$UTTextInput33 === void 0 ? void 0 : _theme$UTTextInput33.color) || _colorsModule.default.error,
           letterSpacing: ((_theme$UTTextInput34 = theme.UTTextInput) === null || _theme$UTTextInput34 === void 0 || (_theme$UTTextInput34 = _theme$UTTextInput34.helperText) === null || _theme$UTTextInput34 === void 0 ? void 0 : _theme$UTTextInput34.letterSpacing) || 'normal'
         }
       },

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

@@ -1,4 +1,4 @@
-@import '../../scss/variables/mediaQueries';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 $big-icon: 1.5rem;
 $small-icon: 1.25rem;

package/dist/components/UTCard/theme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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; }
@@ -18,8 +18,8 @@ var retrieveStyle = function retrieveStyle(_ref) {
     base: _defineProperty({
       border: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'border'], 0),
       borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'borderRadius'], '4px'),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'backgroundColor'], _colors.default.cardBackground),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'boxShadow'], "1px 1px 3px 0 ".concat(_colors.default.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(_colors.default.cardShadow2)),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'backgroundColor'], _colorsModule.default.cardBackground),
+      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'boxShadow'], "1px 1px 3px 0 ".concat(_colorsModule.default.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(_colorsModule.default.cardShadow2)),
       boxSizing: 'border-box',
       display: 'flex',
       overflow: 'hidden',
@@ -29,7 +29,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
     }),
     flat: {
       boxShadow: 'none',
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'flat', 'backgroundColor'], _colors.default.white)
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'flat', 'backgroundColor'], _colorsModule.default.white)
     }
   };
 };

package/dist/components/UTCarousel/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _sizes = _interopRequireDefault(require("../../scss/variables/_sizes.scss"));
+var _sizesModule = _interopRequireDefault(require("../../scss/variables/sizes.module.scss"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _theme = require("./theme");
 var _Slider = _interopRequireDefault(require("./components/Slider"));
@@ -21,7 +21,7 @@ var UTCarousel = function UTCarousel(_ref) {
     autoPlayDelay = _ref$autoPlayDelay === void 0 ? 2000 : _ref$autoPlayDelay,
     classes = _ref.classes,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? _sizes.default.defaultCarrouselHeight : _ref$height,
+    height = _ref$height === void 0 ? _sizesModule.default.defaultCarrouselHeight : _ref$height,
     activeEvents = _ref.activeEvents,
     className = _ref.className;
   return /*#__PURE__*/_react.default.createElement(_Slider.default, {

package/dist/components/UTCarousel/theme.js

@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
-var _sizes = _interopRequireDefault(require("../../scss/variables/_sizes.scss"));
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
+var _sizesModule = _interopRequireDefault(require("../../scss/variables/sizes.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     arrowStyle: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'fontSize'], _sizes.default.defaultCarrouselArrowSize),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'height'], _sizes.default.defaultCarrouselArrowSize),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'width'], _sizes.default.defaultCarrouselArrowSize),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'color'], _colors.default.white),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'backgroundColor'], _colors.default.lightBlue),
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'fontSize'], _sizesModule.default.defaultCarrouselArrowSize),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'height'], _sizesModule.default.defaultCarrouselArrowSize),
+      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'width'], _sizesModule.default.defaultCarrouselArrowSize),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'color'], _colorsModule.default.white),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'backgroundColor'], _colorsModule.default.lightBlue),
       transition: 'opacity 0.5s ease-out',
       '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'hover', 'backgroundColor'], _colors.default.lightBlue)
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'hover', 'backgroundColor'], _colorsModule.default.lightBlue)
       }
     },
     legendStyleContainer: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'backgroundColor'], _colors.default.gray2),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'height'], _sizes.default.defaultCarrouselLegendSize),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'width'], _sizes.default.defaultCarrouselLegendSize),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'backgroundColor'], _colorsModule.default.gray2),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'height'], _sizesModule.default.defaultCarrouselLegendSize),
+      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'width'], _sizesModule.default.defaultCarrouselLegendSize),
       borderRadius: '100% ',
       userSelect: 'none',
       boxShadow: '0px 1px 2px 0px rgba(0,0,0,0.75)',
@@ -33,14 +33,14 @@ var retrieveStyle = function retrieveStyle(_ref) {
       transform: 'scale(0.8)'
     },
     legendStyleIsActive: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleIsActive', 'backgroundColor'], _colors.default.white),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleIsActive', 'backgroundColor'], _colorsModule.default.white),
       userSelect: 'none',
       transform: 'scale(1)'
     },
     legendStyleTouchable: {
       alignItems: 'center',
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'height'], _sizes.default.defaultCarrouselLegendTouchable),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'width'], _sizes.default.defaultCarrouselLegendTouchable),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'height'], _sizesModule.default.defaultCarrouselLegendTouchable),
+      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'width'], _sizesModule.default.defaultCarrouselLegendTouchable),
       justifyContent: 'center',
       display: 'flex',
       userSelect: 'none'

package/dist/components/UTCheckList/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var retrieveMuiTheme = function retrieveMuiTheme(theme) {
@@ -18,26 +18,26 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       MuiFormControlLabel: {
         label: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'label', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'label', 'color'], _colors.default.primary)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'label', 'color'], _colorsModule.default.primary)
         }
       },
       MuiFormHelperText: {
         root: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'color'], _colors.default.primary),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'color'], _colorsModule.default.primary),
           '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'errorColor'], _colors.default.error)
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'errorColor'], _colorsModule.default.error)
           }
         }
       },
       MuiCheckbox: {
         root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colors.default.gray)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colorsModule.default.gray)
         },
         colorPrimary: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colors.default.gray),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colorsModule.default.gray),
           '&$checked': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'checkedColor'], _colors.default.inputPrimary)
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
           }
         }
       }

package/dist/components/UTCheckbox/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+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 = _ref.theme;
@@ -43,12 +43,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       MuiFormControlLabel: {
         label: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colors.default.primary),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colorsModule.default.primary),
           '& span': {
             fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colors.default.primary),
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colorsModule.default.primary),
             '& a': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'linkLabel', 'color'], _colors.default.primary)
+              color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'linkLabel', 'color'], _colorsModule.default.primary)
             }
           }
         }
@@ -56,20 +56,20 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       MuiFormHelperText: {
         root: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'color'], _colors.default.primary),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'color'], _colorsModule.default.primary),
           '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'errorColor'], _colors.default.error)
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'errorColor'], _colorsModule.default.error)
           }
         }
       },
       MuiCheckbox: {
         root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colors.default.gray)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colorsModule.default.gray)
         },
         colorPrimary: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colors.default.gray),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colorsModule.default.gray),
           '&$checked': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], _colors.default.inputPrimary)
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
           }
         }
       }

package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../scss/variables/_colors.scss';
-@import '../../../../scss/variables/_mediaQueries.scss';
+@import '../../../../scss/variables/colors.module.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
 
 .indicator {
   align-items: center;

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

@@ -1,6 +1,6 @@
-@import '../../scss/variables/_colors.scss';
-@import '../../scss/variables/mediaQueries';
-@import '../../scss/variables/_fontSizes.scss';
+@import '../../scss/variables/colors.module.scss';
+@import '../../scss/variables/mediaQueries.module.scss';
+@import '../../scss/variables/fontSizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/UTCuit/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
-var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var retrieveMuiTheme = function retrieveMuiTheme(theme) {
   return (0, _styles.createTheme)({
@@ -21,19 +21,19 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
         },
         underline: {
           '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
+            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
           },
           '&$disabled:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
+            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
           },
           '&:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
+            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
           },
           '&$focused:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
+            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
           },
           '&:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
+            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
           },
           '&$error:after': {
             borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -45,12 +45,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
         root: {
           color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
           '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colors.default.gray)
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
           },
           '&$focused': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colors.default.primary),
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
             '&$error': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedErrorColor'], _colors.default.error)
+              color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
             }
           },
           fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -60,7 +60,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       MuiFormHelperText: {
         root: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], _colors.default.error)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], _colorsModule.default.error)
         }
       }
     }