@widergy/energy-ui 2.6.1 → 2.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/Loading/styles.module.scss +1 -1
  3. package/dist/components/Loading/theme.js +3 -3
  4. package/dist/components/UTAlert/theme.js +5 -5
  5. package/dist/components/UTAttachment/index.js +9 -14
  6. package/dist/components/UTAttachment/styles.module.scss +1 -1
  7. package/dist/components/UTAttachment/utils.js +14 -21
  8. package/dist/components/UTAutocomplete/theme.js +15 -15
  9. package/dist/components/UTButton/constants.js +9 -2
  10. package/dist/components/UTButton/styles.module.scss +1 -1
  11. package/dist/components/UTButton/theme.js +20 -12
  12. package/dist/components/UTCard/theme.js +4 -4
  13. package/dist/components/UTCarousel/index.js +2 -2
  14. package/dist/components/UTCarousel/theme.js +14 -14
  15. package/dist/components/UTCheckList/theme.js +7 -7
  16. package/dist/components/UTCheckbox/theme.js +9 -9
  17. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/styles.module.scss +2 -2
  18. package/dist/components/UTConsumptionBar/styles.module.scss +3 -3
  19. package/dist/components/UTCuit/theme.js +10 -10
  20. package/dist/components/UTDatePicker/theme.js +32 -32
  21. package/dist/components/UTDialog/theme.js +3 -3
  22. package/dist/components/UTEmojiPicker/styles.module.scss +2 -2
  23. package/dist/components/UTEmojiPicker/theme.js +2 -2
  24. package/dist/components/UTFileInput/styles.module.scss +2 -2
  25. package/dist/components/UTImageRadio/components/ImageRadioCard/styles.module.scss +2 -2
  26. package/dist/components/UTImageRadio/theme.js +7 -7
  27. package/dist/components/UTLabel/theme.js +2 -2
  28. package/dist/components/UTMap/components/GoogleMaps/constants.js +3 -3
  29. package/dist/components/UTModal/index.js +1 -1
  30. package/dist/components/UTModal/theme.js +13 -2
  31. package/dist/components/UTPagination/theme.js +3 -3
  32. package/dist/components/UTPhoneInput/styles.module.scss +2 -2
  33. package/dist/components/UTPhoneInput/theme.js +17 -17
  34. package/dist/components/UTProgressBar/theme.js +3 -3
  35. package/dist/components/UTRadioGroup/theme.js +13 -13
  36. package/dist/components/UTRating/components/Circle/styles.module.scss +4 -4
  37. package/dist/components/UTRating/components/Star/styles.module.scss +3 -3
  38. package/dist/components/UTRating/index.js +2 -2
  39. package/dist/components/UTRating/styles.module.scss +1 -1
  40. package/dist/components/UTRating/theme.js +2 -2
  41. package/dist/components/UTSelect/stylesJS.js +2 -2
  42. package/dist/components/UTSelect/theme.js +21 -21
  43. package/dist/components/UTSidebar/styles.module.scss +1 -1
  44. package/dist/components/UTSidebar/theme.js +11 -11
  45. package/dist/components/UTSkeleton/styles.module.scss +1 -1
  46. package/dist/components/UTSwitch/theme.js +15 -15
  47. package/dist/components/UTTable/components/ActionIcons/styles.module.scss +1 -1
  48. package/dist/components/UTTable/components/TableRow/styles.module.scss +1 -1
  49. package/dist/components/UTTable/styles.module.scss +2 -2
  50. package/dist/components/UTTable/theme.js +17 -17
  51. package/dist/components/UTTabs/theme.js +7 -7
  52. package/dist/components/UTTextArea/theme.js +2 -2
  53. package/dist/components/UTTextInput/styles.module.scss +1 -1
  54. package/dist/components/UTTextInput/theme.js +16 -16
  55. package/dist/components/UTToggle/theme.js +3 -3
  56. package/dist/components/UTTooltip/styles.module.scss +1 -1
  57. package/dist/components/UTTopbar/theme.js +2 -2
  58. package/dist/components/UTWorkflowContainer/theme.js +3 -3
  59. package/dist/utils/shadowUtils.js +1 -1
  60. package/package.json +4 -4
  61. package/dist/scss/variables/_fontFamilies.scss +0 -1
  62. /package/dist/scss/variables/{_colors.scss → colors.module.scss} +0 -0
  63. /package/dist/scss/variables/{_fontSizes.scss → fontSizes.module.scss} +0 -0
  64. /package/dist/scss/variables/{_mediaQueries.scss → mediaQueries.module.scss} +0 -0
  65. /package/dist/scss/variables/{_sizes.scss → sizes.module.scss} +0 -0
package/dist/components/UTPagination/theme.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
7
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var retrieveStyle = function retrieveStyle(_ref) {
10
10
  var _theme$UTPagination, _theme$UTPagination2, _theme$Fonts, _theme$UTPagination3, _theme$UTPagination4, _theme$UTPagination5, _theme$UTPagination6, _theme$UTPagination7, _theme$UTPagination8;
@@ -22,10 +22,10 @@ var retrieveStyle = function retrieveStyle(_ref) {
22
22
  },
23
23
  pageSizeSelectContainer: {
24
24
  '& fieldset': {
25
- border: (theme === null || theme === void 0 || (_theme$UTPagination6 = theme.UTPagination) === null || _theme$UTPagination6 === void 0 || (_theme$UTPagination6 = _theme$UTPagination6.pageSizeSelect) === null || _theme$UTPagination6 === void 0 ? void 0 : _theme$UTPagination6.border) || "1px solid ".concat(_colors.default.gray3)
25
+ border: (theme === null || theme === void 0 || (_theme$UTPagination6 = theme.UTPagination) === null || _theme$UTPagination6 === void 0 || (_theme$UTPagination6 = _theme$UTPagination6.pageSizeSelect) === null || _theme$UTPagination6 === void 0 ? void 0 : _theme$UTPagination6.border) || "1px solid ".concat(_colorsModule.default.gray3)
26
26
  },
27
27
  '&:hover fieldset': {
28
- border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(_colors.default.gray2)
28
+ border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(_colorsModule.default.gray2)
29
29
  }
30
30
  },
31
31
  pagination: {
package/dist/components/UTPhoneInput/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../scss/variables/_colors.scss';
2
- @import '../../scss/variables/_fontSizes.scss';
1
+ @import '../../scss/variables/colors.module.scss';
2
+ @import '../../scss/variables/fontSizes.module.scss';
3
3
 
4
4
  .container {
5
5
  align-items: flex-start;
package/dist/components/UTPhoneInput/theme.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
8
  var _styles = require("@material-ui/core/styles");
9
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
9
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var retrieveStyle = function retrieveStyle(_ref) {
12
12
  var theme = _ref.theme;
@@ -22,12 +22,12 @@ var retrieveStyle = function retrieveStyle(_ref) {
22
22
  textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'bigInput', 'textAlign'], 'center')
23
23
  },
24
24
  areaCodeIcon: {
25
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeIcon', 'fill'], _colors.default.primary)
25
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeIcon', 'fill'], _colorsModule.default.primary)
26
26
  },
27
27
  labelIcon: {
28
28
  height: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'height'], '12px'),
29
29
  width: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'width'], 'auto'),
30
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'fill'], _colors.default.gray),
30
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'fill'], _colorsModule.default.gray),
31
31
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'padding'], '0px 5px 0px 0px')
32
32
  },
33
33
  labelContainer: {
@@ -36,7 +36,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
36
36
  alignItems: 'center'
37
37
  },
38
38
  tooltip: {
39
- color: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'tooltip', 'color'], _colors.default.white)
39
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'tooltip', 'color'], _colorsModule.default.white)
40
40
  },
41
41
  areaCodeContainer: {
42
42
  minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeContainer', 'minWidth'], 70),
@@ -66,20 +66,20 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
66
66
  },
67
67
  root: {
68
68
  '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
69
- border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colors.default.gray)),
69
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
70
70
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
71
71
  },
72
72
  '&$focused $notchedOutline': {
73
- border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colors.default.primary)),
73
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
74
74
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
75
75
  },
76
76
  '&$disabled $notchedOutline': {
77
- border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colors.default.gray)),
77
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
78
78
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
79
79
  }
80
80
  },
81
81
  notchedOutline: {
82
- border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(_colors.default.error)),
82
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(_colorsModule.default.error)),
83
83
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
84
84
  }
85
85
  },
@@ -90,19 +90,19 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
90
90
  },
91
91
  underline: {
92
92
  '&:hover:not($disabled):not($focused):not($error):before': {
93
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
93
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
94
94
  },
95
95
  '&$disabled:before': {
96
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
96
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
97
97
  },
98
98
  '&:before': {
99
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
99
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
100
100
  },
101
101
  '&$focused:after': {
102
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
102
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
103
103
  },
104
104
  '&:after': {
105
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
105
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
106
106
  },
107
107
  '&$error:after': {
108
108
  borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -114,12 +114,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
114
114
  root: {
115
115
  color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
116
116
  '&$error': {
117
- color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colors.default.gray)
117
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
118
118
  },
119
119
  '&$focused': {
120
- color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colors.default.primary),
120
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
121
121
  '&$error': {
122
- color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedErrorColor'], _colors.default.error)
122
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
123
123
  }
124
124
  },
125
125
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -129,7 +129,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
129
129
  MuiFormHelperText: {
130
130
  root: {
131
131
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
132
- color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], _colors.default.error)
132
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], _colorsModule.default.error)
133
133
  }
134
134
  }
135
135
  }
package/dist/components/UTProgressBar/theme.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
7
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var retrieveStyle = function retrieveStyle(_ref) {
10
10
  var _theme$UTProgressBar, _theme$UTProgressBar2, _theme$UTProgressBar3, _theme$UTProgressBar4, _theme$UTProgressBar5, _theme$UTProgressBar6, _theme$UTProgressBar7, _theme$UTProgressBar8, _theme$UTProgressBar9, _theme$UTProgressBar10, _theme$UTProgressBar11, _theme$UTProgressBar12;
@@ -22,11 +22,11 @@ var retrieveStyle = function retrieveStyle(_ref) {
22
22
  width: (theme === null || theme === void 0 || (_theme$UTProgressBar5 = theme.UTProgressBar) === null || _theme$UTProgressBar5 === void 0 ? void 0 : _theme$UTProgressBar5.width) || '100%'
23
23
  },
24
24
  colorPrimary: {
25
- backgroundColor: (theme === null || theme === void 0 || (_theme$UTProgressBar6 = theme.UTProgressBar) === null || _theme$UTProgressBar6 === void 0 || (_theme$UTProgressBar6 = _theme$UTProgressBar6.colorPrimary) === null || _theme$UTProgressBar6 === void 0 ? void 0 : _theme$UTProgressBar6.backgroundColor) || _colors.default.white,
25
+ backgroundColor: (theme === null || theme === void 0 || (_theme$UTProgressBar6 = theme.UTProgressBar) === null || _theme$UTProgressBar6 === void 0 || (_theme$UTProgressBar6 = _theme$UTProgressBar6.colorPrimary) === null || _theme$UTProgressBar6 === void 0 ? void 0 : _theme$UTProgressBar6.backgroundColor) || _colorsModule.default.white,
26
26
  borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar7 = theme.UTProgressBar) === null || _theme$UTProgressBar7 === void 0 || (_theme$UTProgressBar7 = _theme$UTProgressBar7.colorPrimary) === null || _theme$UTProgressBar7 === void 0 ? void 0 : _theme$UTProgressBar7.borderRadius
27
27
  },
28
28
  barColorPrimary: {
29
- background: (theme === null || theme === void 0 || (_theme$UTProgressBar8 = theme.UTProgressBar) === null || _theme$UTProgressBar8 === void 0 || (_theme$UTProgressBar8 = _theme$UTProgressBar8.barColorPrimary) === null || _theme$UTProgressBar8 === void 0 ? void 0 : _theme$UTProgressBar8.background) || (theme === null || theme === void 0 || (_theme$UTProgressBar9 = theme.UTProgressBar) === null || _theme$UTProgressBar9 === void 0 || (_theme$UTProgressBar9 = _theme$UTProgressBar9.barColorPrimary) === null || _theme$UTProgressBar9 === void 0 ? void 0 : _theme$UTProgressBar9.backgroundColor) || _colors.default.blue,
29
+ background: (theme === null || theme === void 0 || (_theme$UTProgressBar8 = theme.UTProgressBar) === null || _theme$UTProgressBar8 === void 0 || (_theme$UTProgressBar8 = _theme$UTProgressBar8.barColorPrimary) === null || _theme$UTProgressBar8 === void 0 ? void 0 : _theme$UTProgressBar8.background) || (theme === null || theme === void 0 || (_theme$UTProgressBar9 = theme.UTProgressBar) === null || _theme$UTProgressBar9 === void 0 || (_theme$UTProgressBar9 = _theme$UTProgressBar9.barColorPrimary) === null || _theme$UTProgressBar9 === void 0 ? void 0 : _theme$UTProgressBar9.backgroundColor) || _colorsModule.default.blue,
30
30
  borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar10 = theme.UTProgressBar) === null || _theme$UTProgressBar10 === void 0 || (_theme$UTProgressBar10 = _theme$UTProgressBar10.barColorPrimary) === null || _theme$UTProgressBar10 === void 0 ? void 0 : _theme$UTProgressBar10.borderRadius,
31
31
  transition: theme === null || theme === void 0 || (_theme$UTProgressBar11 = theme.UTProgressBar) === null || _theme$UTProgressBar11 === void 0 || (_theme$UTProgressBar11 = _theme$UTProgressBar11.barColorPrimary) === null || _theme$UTProgressBar11 === void 0 ? void 0 : _theme$UTProgressBar11.transition
32
32
  },
package/dist/components/UTRadioGroup/theme.js CHANGED
@@ -6,27 +6,27 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
8
  var _styles = require("@material-ui/core/styles");
9
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
9
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var retrieveStyle = function retrieveStyle(_ref) {
12
12
  var theme = _ref.theme;
13
13
  return {
14
14
  formControlLabel: {
15
15
  backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'backgroundColor'], 'transparent'),
16
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'color'], "".concat(_colors.default.gray)),
16
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'color'], "".concat(_colorsModule.default.gray)),
17
17
  height: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'height'], 36),
18
18
  width: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'width'], "100%"),
19
19
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'margin'], "0px 0px 0px 0px")
20
20
  },
21
21
  topDivider: {
22
- borderTop: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'topDivider', 'borderTop'], "solid 1px ".concat(_colors.default.dividerBase))
22
+ borderTop: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'topDivider', 'borderTop'], "solid 1px ".concat(_colorsModule.default.dividerBase))
23
23
  },
24
24
  divider: {
25
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'divider', 'borderBottom'], "solid 1px ".concat(_colors.default.dividerBase))
25
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'divider', 'borderBottom'], "solid 1px ".concat(_colorsModule.default.dividerBase))
26
26
  },
27
27
  root: {
28
28
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'fontFamiliy'], "Roboto, Helvetica, sans-serif"),
29
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'backgroundColor'], "".concat(_colors.default.white)),
29
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'backgroundColor'], "".concat(_colorsModule.default.white)),
30
30
  height: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'height'], 38),
31
31
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'margin'], "0px 0px 10px 0px"),
32
32
  width: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'width'], '100%'),
@@ -45,7 +45,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
45
45
  },
46
46
  textColorPrimary: {
47
47
  '&$checkedRoot': {
48
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'textColorPrimary', 'color'], "".concat(_colors.default.white))
48
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'textColorPrimary', 'color'], "".concat(_colorsModule.default.white))
49
49
  }
50
50
  },
51
51
  checkedRoot: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'selected'], {})
@@ -68,12 +68,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
68
68
  },
69
69
  MuiRadio: {
70
70
  colorSecondary: {
71
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'color'], "".concat(_colors.default.gray)),
71
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'color'], "".concat(_colorsModule.default.gray)),
72
72
  '&$checked': {
73
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'selected', 'color'], "".concat(_colors.default.inputPrimary))
73
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'selected', 'color'], "".concat(_colorsModule.default.inputPrimary))
74
74
  },
75
75
  '&$disabled': {
76
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'disabled', 'color'], "".concat(_colors.default.disabledGray))
76
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'disabled', 'color'], "".concat(_colorsModule.default.disabledGray))
77
77
  }
78
78
  }
79
79
  },
@@ -81,12 +81,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
81
81
  root: {
82
82
  color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'color']),
83
83
  '&$error': {
84
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'errorColor'], _colors.default.gray)
84
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'errorColor'], _colorsModule.default.gray)
85
85
  },
86
86
  '&$focused': {
87
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedColor'], _colors.default.primary),
87
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
88
88
  '&$error': {
89
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedErrorColor'], _colors.default.error)
89
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
90
90
  }
91
91
  },
92
92
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -96,7 +96,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
96
96
  MuiFormHelperText: {
97
97
  root: {
98
98
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'helperText', 'fontSize'], 12),
99
- color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'helperText', 'color'], _colors.default.error)
99
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'helperText', 'color'], _colorsModule.default.error)
100
100
  }
101
101
  },
102
102
  MuiSvgIcon: {
package/dist/components/UTRating/components/Circle/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import '../../../../scss/variables/_colors.scss';
2
- @import '../../../../scss/variables/_fontSizes.scss';
3
- @import '../../../../scss/variables/_sizes.scss';
4
- @import '../../../../scss/variables/mediaQueries';
1
+ @import '../../../../scss/variables/colors.module.scss';
2
+ @import '../../../../scss/variables/fontSizes.module.scss';
3
+ @import '../../../../scss/variables/sizes.module.scss';
4
+ @import '../../../../scss/variables/mediaQueries.module.scss';
5
5
 
6
6
  .icon {
7
7
  height: $rating-circle-icon-size;
package/dist/components/UTRating/components/Star/styles.module.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import '../../../../scss/variables/_colors.scss';
2
- @import '../../../../scss/variables/fontSizes';
3
- @import '../../../../scss/variables/mediaQueries';
1
+ @import '../../../../scss/variables/colors.module.scss';
2
+ @import '../../../../scss/variables/fontSizes.module.scss';
3
+ @import '../../../../scss/variables/mediaQueries.module.scss';
4
4
 
5
5
  .container {
6
6
  align-items: center;
package/dist/components/UTRating/index.js CHANGED
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = require("prop-types");
10
10
  var _array = require("@widergy/web-utils/lib/array");
11
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
11
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
12
12
  var _formTypes = require("../../types/formTypes");
13
13
  var _WithTheme = _interopRequireDefault(require("../WithTheme"));
14
14
  var _UTLabel = _interopRequireDefault(require("../UTLabel"));
@@ -80,7 +80,7 @@ var UTRatingContainer = function UTRatingContainer(_ref) {
80
80
  textVariant: textVariant,
81
81
  name: option.name,
82
82
  classes: classes,
83
- color: starColor || _colors.default.ratingStarSelected
83
+ color: starColor || _colorsModule.default.ratingStarSelected
84
84
  };
85
85
  return variant === _constants.RATING_VARIANTS.CIRCULAR ? /*#__PURE__*/_react.default.createElement(_Circle.default, _extends({
86
86
  key: option.value,
package/dist/components/UTRating/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries';
1
+ @import '../../scss/variables/mediaQueries.module.scss';
2
2
 
3
3
  .container {
4
4
  display: flex;
package/dist/components/UTRating/theme.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
8
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  var retrieveStyle = function retrieveStyle(_ref) {
11
11
  var theme = _ref.theme;
@@ -30,7 +30,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
30
30
  width: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTRating', 'labelBottomLast', 'width']))
31
31
  },
32
32
  avatar: {
33
- color: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTRating', 'avatar', 'color'], _colors.default.gray3), " !important")
33
+ color: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTRating', 'avatar', 'color'], _colorsModule.default.gray3), " !important")
34
34
  },
35
35
  container: {
36
36
  justifyContent: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTRating', 'container', 'justifyContent'])),
package/dist/components/UTSelect/stylesJS.js CHANGED
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
7
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var _default = {
10
10
  icon: {
11
11
  alignSelf: 'baseline',
12
12
  paddingTop: 25,
13
- color: _colors.default.lightBlue
13
+ color: _colorsModule.default.lightBlue
14
14
  },
15
15
  gridContainer: {
16
16
  flexWrap: 'nowrap'
package/dist/components/UTSelect/theme.js CHANGED
@@ -7,7 +7,7 @@ exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
8
  var _styles = require("@material-ui/core/styles");
9
9
  var _lodash = _interopRequireDefault(require("lodash"));
10
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
10
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  var retrieveStyle = function retrieveStyle(_ref) {
13
13
  var theme = _ref.theme;
@@ -17,7 +17,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
17
17
  flexShrink: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'flexShrink'], '0'),
18
18
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'width'], '100%'),
19
19
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'margin'], '0'),
20
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'color'], "".concat(_colors.default.gray)),
20
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'color'], "".concat(_colorsModule.default.gray)),
21
21
  flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'flexDirection'], 'column'),
22
22
  alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'alignItems'])
23
23
  },
@@ -30,13 +30,13 @@ var retrieveStyle = function retrieveStyle(_ref) {
30
30
  labelIcon: {
31
31
  height: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'height'], '12px'),
32
32
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
33
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colors.default.gray)),
33
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colorsModule.default.gray)),
34
34
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 5px 0px 0px')
35
35
  },
36
36
  optionIcon: {
37
37
  height: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'height'], '20px'),
38
38
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
39
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colors.default.gray)),
39
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colorsModule.default.gray)),
40
40
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 10px 0px 0px')
41
41
  },
42
42
  labelContainer: {
@@ -74,20 +74,20 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
74
74
  },
75
75
  root: {
76
76
  '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
77
- border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colors.default.gray)),
77
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
78
78
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
79
79
  },
80
80
  '&$focused $notchedOutline': {
81
- border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colors.default.primary)),
81
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
82
82
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
83
83
  },
84
84
  '&$disabled $notchedOutline': {
85
- border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colors.default.gray)),
85
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
86
86
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
87
87
  }
88
88
  },
89
89
  notchedOutline: {
90
- border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(_colors.default.error)),
90
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(_colorsModule.default.error)),
91
91
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
92
92
  }
93
93
  },
@@ -106,22 +106,22 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
106
106
  },
107
107
  underline: {
108
108
  '&:hover:not($disabled):not($focused):not($error):before': {
109
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
109
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
110
110
  },
111
111
  '&:hover:not($disabled):before': {
112
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
112
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
113
113
  },
114
114
  '&$disabled:before': {
115
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
115
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
116
116
  },
117
117
  '&:before': {
118
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
118
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
119
119
  },
120
120
  '&$focused:after': {
121
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colors.default.inputPrimary))
121
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.inputPrimary))
122
122
  },
123
123
  '&:after': {
124
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colors.default.inputPrimary))
124
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.inputPrimary))
125
125
  },
126
126
  '&$error:after': {
127
127
  borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -134,12 +134,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
134
134
  color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'color']),
135
135
  whiteSpace: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'whiteSpace'], 'initial'),
136
136
  '&$error': {
137
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'errorColor'], _colors.default.error)
137
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'errorColor'], _colorsModule.default.error)
138
138
  },
139
139
  '&$focused': {
140
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedColor'], _colors.default.inputPrimary),
140
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedColor'], _colorsModule.default.inputPrimary),
141
141
  '&$error': {
142
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedErrorColor'], _colors.default.error)
142
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
143
143
  }
144
144
  },
145
145
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -156,7 +156,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
156
156
  MuiFormHelperText: {
157
157
  root: {
158
158
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'helperText', 'fontSize'], 12),
159
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'helperText', 'color'], _colors.default.inputPrimary)
159
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'helperText', 'color'], _colorsModule.default.inputPrimary)
160
160
  },
161
161
  contained: {
162
162
  marginLeft: 0
@@ -164,12 +164,12 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
164
164
  },
165
165
  MuiCheckbox: {
166
166
  root: {
167
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colors.default.gray)
167
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colorsModule.default.gray)
168
168
  },
169
169
  colorPrimary: {
170
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colors.default.gray),
170
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colorsModule.default.gray),
171
171
  '&$checked': {
172
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'checkedColor'], _colors.default.inputPrimary)
172
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
173
173
  }
174
174
  }
175
175
  },
package/dist/components/UTSidebar/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/_mediaQueries.scss';
1
+ @import '../../scss/variables/mediaQueries.module.scss';
2
2
 
3
3
  .drawer {
4
4
  align-items: center;
package/dist/components/UTSidebar/theme.js CHANGED
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
9
- var _fontSizes = _interopRequireDefault(require("../../scss/variables/_fontSizes.scss"));
8
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
9
+ var _fontSizesModule = _interopRequireDefault(require("../../scss/variables/fontSizes.module.scss"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var retrieveStyle = function retrieveStyle(_ref) {
12
12
  var _theme$UTSidebar, _theme$UTSidebar2, _theme$UTSidebar3, _theme$UTSidebar4, _theme$UTSidebar5, _theme$UTSidebar6, _theme$UTSidebar7, _theme$UTSidebar8, _theme$UTSidebar9, _theme$UTSidebar10, _theme$UTSidebar11, _theme$UTSidebar12, _theme$UTSidebar13, _theme$UTSidebar14, _theme$UTSidebar15, _theme$UTSidebar16;
@@ -16,23 +16,23 @@ var retrieveStyle = function retrieveStyle(_ref) {
16
16
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'width'], 60)
17
17
  },
18
18
  drawer: {
19
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'backgroundColor'], _colors.default.white),
19
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'backgroundColor'], _colorsModule.default.white),
20
20
  borderRight: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'borderRight']),
21
21
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'width'], 60)
22
22
  },
23
23
  openedDrawer: {
24
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'openedDrawer', 'backgroundColor'], _colors.default.white),
24
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'openedDrawer', 'backgroundColor'], _colorsModule.default.white),
25
25
  borderRight: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'openedDrawer', 'borderRight']),
26
26
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'openedDrawer', 'width'], 180)
27
27
  },
28
28
  drawerTitle: {
29
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerTitle', 'color'], _colors.default.black),
29
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerTitle', 'color'], _colorsModule.default.black),
30
30
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerTitle', 'fontSize'], '16px'),
31
31
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerTitle', 'fontWeight'], 600),
32
32
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerTitle', 'margin'])
33
33
  },
34
34
  drawerSubtitle: {
35
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerSubtitle', 'color'], _colors.default.black),
35
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerSubtitle', 'color'], _colorsModule.default.black),
36
36
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerSubtitle', 'fontSize'], '14px'),
37
37
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerSubtitle', 'fontWeight'], 400),
38
38
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawerSubtitle', 'margin'])
@@ -53,7 +53,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
53
53
  logoContainer: {
54
54
  alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'justify']),
55
55
  justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'align'], 'center'),
56
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'backgroundColor'], _colors.default.white),
56
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'backgroundColor'], _colorsModule.default.white),
57
57
  borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'borderBottom']),
58
58
  height: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'height']),
59
59
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'logoContainer', 'padding'])
@@ -86,7 +86,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
86
86
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'footerSmallLogo', 'width'])
87
87
  },
88
88
  menuIcon: {
89
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'menuIcon', 'color'], _colors.default.black),
89
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'menuIcon', 'color'], _colorsModule.default.black),
90
90
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'menuIcon', 'fontSize']),
91
91
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'menuIcon', 'margin'], '20px 0'),
92
92
  width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'menuIcon', 'width'], '100%')
@@ -109,7 +109,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
109
109
  backgroundColor: theme === null || theme === void 0 || (_theme$UTSidebar = theme.UTSidebar) === null || _theme$UTSidebar === void 0 || (_theme$UTSidebar = _theme$UTSidebar.logoBadgeOpen) === null || _theme$UTSidebar === void 0 ? void 0 : _theme$UTSidebar.backgroundColor,
110
110
  borderRadius: (theme === null || theme === void 0 || (_theme$UTSidebar2 = theme.UTSidebar) === null || _theme$UTSidebar2 === void 0 || (_theme$UTSidebar2 = _theme$UTSidebar2.logoBadgeOpen) === null || _theme$UTSidebar2 === void 0 ? void 0 : _theme$UTSidebar2.borderRadius) || 8,
111
111
  color: theme === null || theme === void 0 || (_theme$UTSidebar3 = theme.UTSidebar) === null || _theme$UTSidebar3 === void 0 || (_theme$UTSidebar3 = _theme$UTSidebar3.logoBadgeOpen) === null || _theme$UTSidebar3 === void 0 ? void 0 : _theme$UTSidebar3.color,
112
- fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar4 = theme.UTSidebar) === null || _theme$UTSidebar4 === void 0 || (_theme$UTSidebar4 = _theme$UTSidebar4.logoBadgeOpen) === null || _theme$UTSidebar4 === void 0 ? void 0 : _theme$UTSidebar4.fontSize) || _fontSizes.default.small,
112
+ fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar4 = theme.UTSidebar) === null || _theme$UTSidebar4 === void 0 || (_theme$UTSidebar4 = _theme$UTSidebar4.logoBadgeOpen) === null || _theme$UTSidebar4 === void 0 ? void 0 : _theme$UTSidebar4.fontSize) || _fontSizesModule.default.small,
113
113
  fontWeight: (theme === null || theme === void 0 || (_theme$UTSidebar5 = theme.UTSidebar) === null || _theme$UTSidebar5 === void 0 || (_theme$UTSidebar5 = _theme$UTSidebar5.logoBadgeOpen) === null || _theme$UTSidebar5 === void 0 ? void 0 : _theme$UTSidebar5.fontWeight) || 600,
114
114
  margin: (theme === null || theme === void 0 || (_theme$UTSidebar6 = theme.UTSidebar) === null || _theme$UTSidebar6 === void 0 || (_theme$UTSidebar6 = _theme$UTSidebar6.logoBadgeOpen) === null || _theme$UTSidebar6 === void 0 ? void 0 : _theme$UTSidebar6.margin) || '12px auto 24px',
115
115
  maxWidth: (theme === null || theme === void 0 || (_theme$UTSidebar7 = theme.UTSidebar) === null || _theme$UTSidebar7 === void 0 || (_theme$UTSidebar7 = _theme$UTSidebar7.logoBadgeOpen) === null || _theme$UTSidebar7 === void 0 ? void 0 : _theme$UTSidebar7.maxWidth) || '96%',
@@ -119,7 +119,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
119
119
  backgroundColor: theme === null || theme === void 0 || (_theme$UTSidebar9 = theme.UTSidebar) === null || _theme$UTSidebar9 === void 0 || (_theme$UTSidebar9 = _theme$UTSidebar9.logoBadgeClose) === null || _theme$UTSidebar9 === void 0 ? void 0 : _theme$UTSidebar9.backgroundColor,
120
120
  borderRadius: (theme === null || theme === void 0 || (_theme$UTSidebar10 = theme.UTSidebar) === null || _theme$UTSidebar10 === void 0 || (_theme$UTSidebar10 = _theme$UTSidebar10.logoBadgeClose) === null || _theme$UTSidebar10 === void 0 ? void 0 : _theme$UTSidebar10.borderRadius) || 8,
121
121
  color: theme === null || theme === void 0 || (_theme$UTSidebar11 = theme.UTSidebar) === null || _theme$UTSidebar11 === void 0 || (_theme$UTSidebar11 = _theme$UTSidebar11.logoBadgeClose) === null || _theme$UTSidebar11 === void 0 ? void 0 : _theme$UTSidebar11.color,
122
- fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar12 = theme.UTSidebar) === null || _theme$UTSidebar12 === void 0 || (_theme$UTSidebar12 = _theme$UTSidebar12.logoBadgeClose) === null || _theme$UTSidebar12 === void 0 ? void 0 : _theme$UTSidebar12.fontSize) || _fontSizes.default.small,
122
+ fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar12 = theme.UTSidebar) === null || _theme$UTSidebar12 === void 0 || (_theme$UTSidebar12 = _theme$UTSidebar12.logoBadgeClose) === null || _theme$UTSidebar12 === void 0 ? void 0 : _theme$UTSidebar12.fontSize) || _fontSizesModule.default.small,
123
123
  fontWeight: (theme === null || theme === void 0 || (_theme$UTSidebar13 = theme.UTSidebar) === null || _theme$UTSidebar13 === void 0 || (_theme$UTSidebar13 = _theme$UTSidebar13.logoBadgeClose) === null || _theme$UTSidebar13 === void 0 ? void 0 : _theme$UTSidebar13.fontWeight) || 600,
124
124
  margin: (theme === null || theme === void 0 || (_theme$UTSidebar14 = theme.UTSidebar) === null || _theme$UTSidebar14 === void 0 || (_theme$UTSidebar14 = _theme$UTSidebar14.logoBadgeClose) === null || _theme$UTSidebar14 === void 0 ? void 0 : _theme$UTSidebar14.margin) || '12px auto 24px',
125
125
  maxWidth: (theme === null || theme === void 0 || (_theme$UTSidebar15 = theme.UTSidebar) === null || _theme$UTSidebar15 === void 0 || (_theme$UTSidebar15 = _theme$UTSidebar15.logoBadgeClose) === null || _theme$UTSidebar15 === void 0 ? void 0 : _theme$UTSidebar15.maxWidth) || '96%',
@@ -191,7 +191,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
191
191
  minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIconContainerSelected', 'minWidth'])
192
192
  },
193
193
  optionIcon: {
194
- color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIcon', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'option', 'color'], _colors.default.black)),
194
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIcon', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'option', 'color'], _colorsModule.default.black)),
195
195
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIcon', 'fontSize']),
196
196
  height: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIcon', 'height']),
197
197
  transition: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'optionIcon', 'transition']),
package/dist/components/UTSkeleton/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- @import '../../scss/variables/_colors.scss';
2
+ @import '../../scss/variables/colors.module.scss';
3
3
 
4
4
  @keyframes skeletonAnimation {
5
5
  0% {