@widergy/energy-ui 2.6.0 → 2.7.0

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 (63) 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/styles.module.scss +1 -1
  6. package/dist/components/UTAttachment/utils.js +2 -1
  7. package/dist/components/UTAutocomplete/theme.js +15 -15
  8. package/dist/components/UTButton/styles.module.scss +1 -1
  9. package/dist/components/UTCard/theme.js +4 -4
  10. package/dist/components/UTCarousel/index.js +2 -2
  11. package/dist/components/UTCarousel/theme.js +14 -14
  12. package/dist/components/UTCheckList/theme.js +7 -7
  13. package/dist/components/UTCheckbox/theme.js +9 -9
  14. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/styles.module.scss +2 -2
  15. package/dist/components/UTConsumptionBar/styles.module.scss +3 -3
  16. package/dist/components/UTCuit/theme.js +10 -10
  17. package/dist/components/UTDatePicker/theme.js +32 -32
  18. package/dist/components/UTDialog/theme.js +3 -3
  19. package/dist/components/UTEmojiPicker/styles.module.scss +2 -2
  20. package/dist/components/UTEmojiPicker/theme.js +2 -2
  21. package/dist/components/UTFileInput/styles.module.scss +2 -2
  22. package/dist/components/UTImageRadio/components/ImageRadioCard/styles.module.scss +2 -2
  23. package/dist/components/UTImageRadio/theme.js +7 -7
  24. package/dist/components/UTLabel/theme.js +2 -2
  25. package/dist/components/UTMap/components/GoogleMaps/constants.js +3 -3
  26. package/dist/components/UTModal/index.js +35 -35
  27. package/dist/components/UTModal/styles.module.scss +2 -1
  28. package/dist/components/UTModal/theme.js +2 -8
  29. package/dist/components/UTPagination/theme.js +3 -3
  30. package/dist/components/UTPhoneInput/styles.module.scss +2 -2
  31. package/dist/components/UTPhoneInput/theme.js +17 -17
  32. package/dist/components/UTProgressBar/theme.js +3 -3
  33. package/dist/components/UTRadioGroup/theme.js +13 -13
  34. package/dist/components/UTRating/components/Circle/styles.module.scss +4 -4
  35. package/dist/components/UTRating/components/Star/styles.module.scss +3 -3
  36. package/dist/components/UTRating/index.js +2 -2
  37. package/dist/components/UTRating/styles.module.scss +1 -1
  38. package/dist/components/UTRating/theme.js +2 -2
  39. package/dist/components/UTSelect/stylesJS.js +2 -2
  40. package/dist/components/UTSelect/theme.js +21 -21
  41. package/dist/components/UTSidebar/styles.module.scss +1 -1
  42. package/dist/components/UTSidebar/theme.js +11 -11
  43. package/dist/components/UTSkeleton/styles.module.scss +1 -1
  44. package/dist/components/UTSwitch/theme.js +15 -15
  45. package/dist/components/UTTable/components/ActionIcons/styles.module.scss +1 -1
  46. package/dist/components/UTTable/components/TableRow/styles.module.scss +1 -1
  47. package/dist/components/UTTable/styles.module.scss +2 -2
  48. package/dist/components/UTTable/theme.js +17 -17
  49. package/dist/components/UTTabs/theme.js +7 -7
  50. package/dist/components/UTTextArea/theme.js +2 -2
  51. package/dist/components/UTTextInput/styles.module.scss +1 -1
  52. package/dist/components/UTTextInput/theme.js +16 -16
  53. package/dist/components/UTToggle/theme.js +3 -3
  54. package/dist/components/UTTooltip/styles.module.scss +1 -1
  55. package/dist/components/UTTopbar/theme.js +2 -2
  56. package/dist/components/UTWorkflowContainer/theme.js +3 -3
  57. package/dist/index.js +7 -0
  58. package/package.json +4 -4
  59. package/dist/scss/variables/_fontFamilies.scss +0 -1
  60. /package/dist/scss/variables/{_colors.scss → colors.module.scss} +0 -0
  61. /package/dist/scss/variables/{_fontSizes.scss → fontSizes.module.scss} +0 -0
  62. /package/dist/scss/variables/{_mediaQueries.scss → mediaQueries.module.scss} +0 -0
  63. /package/dist/scss/variables/{_sizes.scss → sizes.module.scss} +0 -0
package/dist/components/UTDatePicker/theme.js CHANGED
@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.retrieveStyle = exports.materialTheme = 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
  var _classesUtils = require("../../utils/classesUtils");
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;
14
14
  return {
15
15
  openerIcon: {
16
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'fill'], _colors.default.orangeIcon)
16
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'fill'], _colorsModule.default.orangeIcon)
17
17
  },
18
18
  disabledOpenerIcon: {
19
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'disabledOpenerIcon', 'fill'], _colors.default.gray)
19
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'disabledOpenerIcon', 'fill'], _colorsModule.default.gray)
20
20
  },
21
21
  day: {
22
22
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
@@ -25,22 +25,22 @@ var retrieveStyle = function retrieveStyle(_ref) {
25
25
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'margin'], '0 1px'),
26
26
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontWeight'], 500),
27
27
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'width'], '35px'),
28
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'color'], _colors.default.gray4)
28
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'color'], _colorsModule.default.gray4)
29
29
  },
30
30
  otherMonthDay: {
31
31
  visibility: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'otherMonthDay', 'visibility'], 'hidden')
32
32
  },
33
33
  selectedDay: {
34
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colors.default.lightBlue),
34
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.lightBlue),
35
35
  '&:hover': {
36
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colors.default.blue)
36
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.blue)
37
37
  },
38
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'color'], _colors.default.white),
38
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'color'], _colorsModule.default.white),
39
39
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'padding'], '1px 1px'),
40
40
  backgroundClip: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundClip'], 'contentBox')
41
41
  },
42
42
  upperTitle: {
43
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'color'], _colors.default.black),
43
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'color'], _colorsModule.default.black),
44
44
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'fontWeight']),
45
45
  marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'marginBottom'])
46
46
  }
@@ -70,7 +70,7 @@ var materialTheme = function materialTheme(theme) {
70
70
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'padding'], '8px 12px 8px 12px'),
71
71
  borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'borderRadious'], '4px'),
72
72
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'margin'], '16px 16px 0px 16px'),
73
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'backgroundColor'], _colors.default.gray3)
73
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'backgroundColor'], _colorsModule.default.gray3)
74
74
  }
75
75
  },
76
76
  MuiPickersToolbarButton: {
@@ -86,32 +86,32 @@ var materialTheme = function materialTheme(theme) {
86
86
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontWeight'], '500'),
87
87
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontSize'], '16px'),
88
88
  lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'lineHeight'], '22px'),
89
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colors.default.black)
89
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
90
90
  },
91
91
  toolbarBtnSelected: {
92
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colors.default.black)
92
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
93
93
  }
94
94
  },
95
95
  MuiPickersYear: {
96
96
  yearSelected: {
97
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colors.default.black),
97
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black),
98
98
  marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
99
99
  },
100
100
  root: {
101
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'color'], _colors.default.black),
101
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'color'], _colorsModule.default.black),
102
102
  marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
103
103
  }
104
104
  },
105
105
  MuiPickersCalendarHeader: {
106
106
  switchHeader: {
107
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'color'], _colors.default.gray4),
107
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'color'], _colorsModule.default.gray4),
108
108
  textTransform: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker = theme.UTDatePicker) === null || _theme$UTDatePicker === void 0 || (_theme$UTDatePicker = _theme$UTDatePicker.switchHeader) === null || _theme$UTDatePicker === void 0 ? void 0 : _theme$UTDatePicker.textTransform) || 'capitalize'),
109
109
  fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker2 = theme.UTDatePicker) === null || _theme$UTDatePicker2 === void 0 || (_theme$UTDatePicker2 = _theme$UTDatePicker2.switchHeader) === null || _theme$UTDatePicker2 === void 0 ? void 0 : _theme$UTDatePicker2.fontWeight) || 500),
110
110
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'margin'], '8px 17px'),
111
111
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'padding'], '15px 0 0')
112
112
  },
113
113
  dayLabel: {
114
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'color'], _colors.default.gray4),
114
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'color'], _colorsModule.default.gray4),
115
115
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'width'], '33px'),
116
116
  fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker3 = theme.UTDatePicker) === null || _theme$UTDatePicker3 === void 0 || (_theme$UTDatePicker3 = _theme$UTDatePicker3.dayLabel) === null || _theme$UTDatePicker3 === void 0 ? void 0 : _theme$UTDatePicker3.fontWeight) || 500),
117
117
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
@@ -123,25 +123,25 @@ var materialTheme = function materialTheme(theme) {
123
123
  MuiOutlinedInput: {
124
124
  root: {
125
125
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
126
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'backgroundColor'], _colors.default.white),
126
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'backgroundColor'], _colorsModule.default.white),
127
127
  fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontWeight'], 500),
128
128
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontSize'], '14px'),
129
129
  borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'borderRadius'], '30px'),
130
130
  height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'height'], '40px'),
131
131
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'width'], '250px'),
132
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], _colors.default.gray4),
132
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], _colorsModule.default.gray4),
133
133
  paddingLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '6px'),
134
134
  paddingRight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker4 = theme.UTDatePicker) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.outlinedInput) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.root) === null || _theme$UTDatePicker4 === void 0 ? void 0 : _theme$UTDatePicker4.paddingRight) || '12px'),
135
135
  '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
136
- borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], _colors.default.gray3)
136
+ borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], _colorsModule.default.gray3)
137
137
  },
138
138
  '&$focused $notchedOutline': {
139
- borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderColor'], _colors.default.gray3),
139
+ borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderColor'], _colorsModule.default.gray3),
140
140
  borderWidth: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderWidth'], 1)
141
141
  }
142
142
  },
143
143
  notchedOutline: {
144
- borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'borderColor'], _colors.default.gray3)
144
+ borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'borderColor'], _colorsModule.default.gray3)
145
145
  }
146
146
  },
147
147
  MuiInput: {
@@ -155,22 +155,22 @@ var materialTheme = function materialTheme(theme) {
155
155
  },
156
156
  underline: {
157
157
  '&:hover:not($disabled):not($focused):not($error):before': {
158
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
158
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
159
159
  },
160
160
  '&:hover:not($disabled):before': {
161
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
161
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
162
162
  },
163
163
  '&$disabled:before': {
164
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
164
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
165
165
  },
166
166
  '&:before': {
167
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colors.default.gray))
167
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
168
168
  },
169
169
  '&$focused:after': {
170
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
170
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
171
171
  },
172
172
  '&:after': {
173
- borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colors.default.primary))
173
+ borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
174
174
  },
175
175
  '&$error:after': {
176
176
  borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -182,12 +182,12 @@ var materialTheme = function materialTheme(theme) {
182
182
  root: {
183
183
  color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'color']),
184
184
  '&$error': {
185
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'errorColor'], _colors.default.gray)
185
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
186
186
  },
187
187
  '&$focused': {
188
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedColor'], _colors.default.primary),
188
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
189
189
  '&$error': {
190
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedErrorColor'], _colors.default.error)
190
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
191
191
  }
192
192
  },
193
193
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
@@ -199,8 +199,8 @@ var materialTheme = function materialTheme(theme) {
199
199
  paper: {
200
200
  borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'borderRadius'], '10px'),
201
201
  boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'boxShadow'], 'none'),
202
- border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'border'], "1px solid ".concat(_colors.default.gray3)),
203
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'color'], _colors.default.gray3)
202
+ border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'border'], "1px solid ".concat(_colorsModule.default.gray3)),
203
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'color'], _colorsModule.default.gray3)
204
204
  }
205
205
  },
206
206
  MuiIconButton: {
@@ -216,7 +216,7 @@ var materialTheme = function materialTheme(theme) {
216
216
  MuiFormHelperText: {
217
217
  root: {
218
218
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'helperText', 'fontSize'], 12),
219
- color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'helperText', 'color'], _colors.default.inputPrimary)
219
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'helperText', 'color'], _colorsModule.default.inputPrimary)
220
220
  },
221
221
  contained: {
222
222
  marginLeft: 0
package/dist/components/UTDialog/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
  var _classesUtils = require("../../utils/classesUtils");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var retrieveStyle = function retrieveStyle(_ref) {
@@ -44,7 +44,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
44
44
  borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'mainTitle', 'borderBottom'], 'none')
45
45
  },
46
46
  whiteTitle: {
47
- color: _colors.default.white
47
+ color: _colorsModule.default.white
48
48
  },
49
49
  content: {
50
50
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'content', 'padding']),
@@ -69,7 +69,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
69
69
  top: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeButton', 'top'], '5px')
70
70
  },
71
71
  whiteCloseButton: {
72
- color: _colors.default.white
72
+ color: _colorsModule.default.white
73
73
  },
74
74
  hidden: {
75
75
  display: 'none'
package/dist/components/UTEmojiPicker/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../scss/variables/_colors.scss';
2
- @import '../../scss/variables/mediaQueries';
1
+ @import '../../scss/variables/colors.module.scss';
2
+ @import '../../scss/variables/mediaQueries.module.scss';
3
3
 
4
4
  $icon-size: 40px;
5
5
 
package/dist/components/UTEmojiPicker/theme.js CHANGED
@@ -4,14 +4,14 @@ 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$UTEmojiPicker, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21, _theme$UTEmojiPicker22, _theme$UTEmojiPicker23;
11
11
  var theme = _ref.theme;
12
12
  return {
13
13
  container: {
14
- backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || _colors.default.white,
14
+ backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || _colorsModule.default.white,
15
15
  borderRadius: theme === null || theme === void 0 || (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 || (_theme$UTEmojiPicker2 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : _theme$UTEmojiPicker2.borderRadius,
16
16
  bottom: theme === null || theme === void 0 || (_theme$UTEmojiPicker3 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker3 === void 0 || (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker3.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.bottom,
17
17
  boxShadow: (theme === null || theme === void 0 || (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 || (_theme$UTEmojiPicker4 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : _theme$UTEmojiPicker4.boxShadow) || '0px 3px 6px #E4E6EA',
package/dist/components/UTFileInput/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../scss/variables/_colors.scss';
2
- @import '../../scss/variables/_mediaQueries.scss';
1
+ @import '../../scss/variables/colors.module.scss';
2
+ @import '../../scss/variables/mediaQueries.module.scss';
3
3
 
4
4
  .input {
5
5
  cursor: pointer;
package/dist/components/UTImageRadio/components/ImageRadioCard/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../../../scss/variables/_colors.scss';
2
- @import '../../../../scss/variables/mediaQueries';
1
+ @import '../../../../scss/variables/colors.module.scss';
2
+ @import '../../../../scss/variables/mediaQueries.module.scss';
3
3
 
4
4
  $default-text-grid-gap: 8px;
5
5
  $content-grid-gap: 16px;
package/dist/components/UTImageRadio/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
  var _classesUtils = require("../../utils/classesUtils");
10
10
  var _constants = require("./constants");
11
11
  var _utils = require("./utils");
@@ -20,7 +20,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
20
20
  var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
21
21
  return {
22
22
  containerCard: {
23
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'backgroundColor'], _colors.default.imageRadioBackground),
23
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'backgroundColor'], _colorsModule.default.imageRadioBackground),
24
24
  gap: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'gap'], "".concat(_constants.defaultGridGap, "px")),
25
25
  padding: (0, _utils.standarizePadding)((0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'padding'], '24px')),
26
26
  height: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'height'], 'fit-content'),
@@ -32,7 +32,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
32
32
  flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'flexDirection'], 'row')
33
33
  },
34
34
  isSelected: {
35
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'backgroundColor'], _colors.default.blue),
35
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'backgroundColor'], _colorsModule.default.blue),
36
36
  pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'pointerEvents'], 'none')
37
37
  },
38
38
  containerText: _defineProperty({
@@ -53,21 +53,21 @@ var retrieveStyle = function retrieveStyle(_ref) {
53
53
  width: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio3 = theme.UTImageRadio) === null || _theme$UTImageRadio3 === void 0 || (_theme$UTImageRadio3 = _theme$UTImageRadio3.vertical) === null || _theme$UTImageRadio3 === void 0 ? void 0 : _theme$UTImageRadio3.width) || 'fit-content'),
54
54
  pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'pointerEvents'], 'auto'),
55
55
  '&:hover': {
56
- border: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio4 = theme.UTImageRadio) === null || _theme$UTImageRadio4 === void 0 || (_theme$UTImageRadio4 = _theme$UTImageRadio4.vertical) === null || _theme$UTImageRadio4 === void 0 ? void 0 : _theme$UTImageRadio4.border) || "2px solid ".concat(_colors.default.imageRadioBackground))
56
+ border: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio4 = theme.UTImageRadio) === null || _theme$UTImageRadio4 === void 0 || (_theme$UTImageRadio4 = _theme$UTImageRadio4.vertical) === null || _theme$UTImageRadio4 === void 0 ? void 0 : _theme$UTImageRadio4.border) || "2px solid ".concat(_colorsModule.default.imageRadioBackground))
57
57
  }
58
58
  },
59
59
  description: {
60
- color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio5 = theme.UTImageRadio) === null || _theme$UTImageRadio5 === void 0 || (_theme$UTImageRadio5 = _theme$UTImageRadio5.description) === null || _theme$UTImageRadio5 === void 0 ? void 0 : _theme$UTImageRadio5.color) || _colors.default.black),
60
+ color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio5 = theme.UTImageRadio) === null || _theme$UTImageRadio5 === void 0 || (_theme$UTImageRadio5 = _theme$UTImageRadio5.description) === null || _theme$UTImageRadio5 === void 0 ? void 0 : _theme$UTImageRadio5.color) || _colorsModule.default.black),
61
61
  fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio6 = theme.UTImageRadio) === null || _theme$UTImageRadio6 === void 0 || (_theme$UTImageRadio6 = _theme$UTImageRadio6.description) === null || _theme$UTImageRadio6 === void 0 ? void 0 : _theme$UTImageRadio6.fontSize) || 14, "px")),
62
62
  fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio7 = theme.UTImageRadio) === null || _theme$UTImageRadio7 === void 0 || (_theme$UTImageRadio7 = _theme$UTImageRadio7.description) === null || _theme$UTImageRadio7 === void 0 ? void 0 : _theme$UTImageRadio7.fontWeight) || 400)
63
63
  },
64
64
  name: {
65
- color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio8 = theme.UTImageRadio) === null || _theme$UTImageRadio8 === void 0 || (_theme$UTImageRadio8 = _theme$UTImageRadio8.name) === null || _theme$UTImageRadio8 === void 0 ? void 0 : _theme$UTImageRadio8.color) || _colors.default.black),
65
+ color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio8 = theme.UTImageRadio) === null || _theme$UTImageRadio8 === void 0 || (_theme$UTImageRadio8 = _theme$UTImageRadio8.name) === null || _theme$UTImageRadio8 === void 0 ? void 0 : _theme$UTImageRadio8.color) || _colorsModule.default.black),
66
66
  fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio9 = theme.UTImageRadio) === null || _theme$UTImageRadio9 === void 0 || (_theme$UTImageRadio9 = _theme$UTImageRadio9.name) === null || _theme$UTImageRadio9 === void 0 ? void 0 : _theme$UTImageRadio9.fontSize) || 18, "px")),
67
67
  fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio10 = theme.UTImageRadio) === null || _theme$UTImageRadio10 === void 0 || (_theme$UTImageRadio10 = _theme$UTImageRadio10.name) === null || _theme$UTImageRadio10 === void 0 ? void 0 : _theme$UTImageRadio10.fontWeight) || 600)
68
68
  },
69
69
  selectedText: {
70
- color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio11 = theme.UTImageRadio) === null || _theme$UTImageRadio11 === void 0 || (_theme$UTImageRadio11 = _theme$UTImageRadio11.selectedText) === null || _theme$UTImageRadio11 === void 0 ? void 0 : _theme$UTImageRadio11.color) || _colors.default.white)
70
+ color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio11 = theme.UTImageRadio) === null || _theme$UTImageRadio11 === void 0 || (_theme$UTImageRadio11 = _theme$UTImageRadio11.selectedText) === null || _theme$UTImageRadio11 === void 0 ? void 0 : _theme$UTImageRadio11.color) || _colorsModule.default.white)
71
71
  }
72
72
  };
73
73
  };
package/dist/components/UTLabel/theme.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.variantsColorTheme = exports.retrieveStyle = exports.linkColor = void 0;
7
- var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
7
+ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
8
8
  var _constants = require("./constants");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  var getDefaultColorShade = function getDefaultColorShade(colorTheme) {
@@ -13,7 +13,7 @@ var getDefaultColorShade = function getDefaultColorShade(colorTheme) {
13
13
  var variantsColorTheme = function variantsColorTheme(colorTheme, shade, theme) {
14
14
  var colorThemeDefinition = theme.Palette[colorTheme] || theme.Palette.actions[colorTheme] || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
15
15
  var colorShade = Object.values(_constants.SHADES).includes(shade) ? shade : getDefaultColorShade(colorTheme);
16
- return colorThemeDefinition[colorShade] || _colors.default.black;
16
+ return colorThemeDefinition[colorShade] || _colorsModule.default.black;
17
17
  };
18
18
  exports.variantsColorTheme = variantsColorTheme;
19
19
  var linkColor = function linkColor(theme, colorTheme) {
package/dist/components/UTMap/components/GoogleMaps/constants.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.polygonDefaultOptions = exports.googleMapDefaultOptions = 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 googleMapDefaultOptions = {
10
10
  mapTypeControl: false
@@ -14,8 +14,8 @@ var polygonDefaultOptions = function polygonDefaultOptions(colorPolygon, colorBo
14
14
  return {
15
15
  strokeWeight: 2,
16
16
  strokeOpacity: 0.8,
17
- strokeColor: colorBorderPolygon || _colors.default.map,
18
- fillColor: colorPolygon || _colors.default.map,
17
+ strokeColor: colorBorderPolygon || _colorsModule.default.map,
18
+ fillColor: colorPolygon || _colorsModule.default.map,
19
19
  fillOpacity: 0.35
20
20
  };
21
21
  };
package/dist/components/UTModal/index.js CHANGED
@@ -21,35 +21,30 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
21
21
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
22
  var UTModal = function UTModal(_ref) {
23
23
  var _status$, _status$2;
24
- var acceptButton = _ref.acceptButton,
25
- cancelButton = _ref.cancelButton,
26
- CustomActions = _ref.CustomActions,
24
+ var cancelAction = _ref.cancelAction,
27
25
  children = _ref.children,
28
26
  themeClasses = _ref.classes,
29
27
  classNames = _ref.classNames,
30
- handleClose = _ref.handleClose,
28
+ description = _ref.description,
29
+ handleClickAway = _ref.handleClickAway,
31
30
  isOpen = _ref.isOpen,
31
+ primaryAction = _ref.primaryAction,
32
+ removeBodyPadding = _ref.removeBodyPadding,
33
+ secondaryAction = _ref.secondaryAction,
32
34
  size = _ref.size,
33
35
  status = _ref.status,
34
- subtitle = _ref.subtitle,
35
- title = _ref.title,
36
- _ref$useBodyPadding = _ref.useBodyPadding,
37
- useBodyPadding = _ref$useBodyPadding === void 0 ? true : _ref$useBodyPadding,
38
- _ref$withClickAway = _ref.withClickAway,
39
- withClickAway = _ref$withClickAway === void 0 ? true : _ref$withClickAway;
36
+ title = _ref.title;
40
37
  var dialogRef = (0, _react.useRef)(null);
41
38
  (0, _react.useEffect)(function () {
42
39
  if (isOpen) dialogRef.current.showModal();else dialogRef.current.close();
43
40
  }, [isOpen]);
44
41
  var onClickDialog = function onClickDialog(event) {
45
- return withClickAway && handleClose && event.target.tagName === 'DIALOG' && handleClose();
42
+ return handleClickAway && event.target.tagName === 'DIALOG' && handleClickAway();
46
43
  };
47
44
  var classes = (0, _react.useMemo)(function () {
48
45
  return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
49
46
  }, [classNames]);
50
47
  var StatusIcon = _constants.STATUS_ICONS[status];
51
- var hasDefaultActions = !(0, _object.objectIsEmpty)(acceptButton) || !(0, _object.objectIsEmpty)(cancelButton);
52
- var hasActions = hasDefaultActions || CustomActions;
53
48
  return /*#__PURE__*/_react.default.createElement("dialog", {
54
49
  className: "".concat(_stylesModule.default.container, " ").concat(size ? _stylesModule.default["container".concat(size[0].toUpperCase()).concat(size.toLowerCase().slice(1))] : _stylesModule.default.containerM),
55
50
  onClick: onClickDialog,
@@ -62,43 +57,48 @@ var UTModal = function UTModal(_ref) {
62
57
  className: _stylesModule.default.header
63
58
  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
64
59
  variant: "title3",
65
- className: classes.title
66
- }, title), subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
67
- className: classes.subtitle
68
- }, subtitle)), children && /*#__PURE__*/_react.default.createElement("div", {
69
- className: "".concat(_stylesModule.default.body, " ").concat(useBodyPadding && _stylesModule.default.bodyPadding)
70
- }, children), hasActions && /*#__PURE__*/_react.default.createElement("div", {
71
- className: "".concat(_stylesModule.default.actions, " ").concat(CustomActions && _stylesModule.default.withCustomActions, " ").concat(classes.actions)
72
- }, CustomActions && /*#__PURE__*/_react.default.createElement(CustomActions, null), hasDefaultActions && /*#__PURE__*/_react.default.createElement("div", {
60
+ weight: "medium"
61
+ }, title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
62
+ colorTheme: "gray"
63
+ }, description)), children && /*#__PURE__*/_react.default.createElement("div", {
64
+ className: "".concat(_stylesModule.default.body, " ").concat(!removeBodyPadding && _stylesModule.default.bodyPadding)
65
+ }, children), /*#__PURE__*/_react.default.createElement("div", {
66
+ className: "\n ".concat(_stylesModule.default.actions, "\n ").concat(classes.actions, "\n ").concat(!(0, _object.objectIsEmpty)(secondaryAction) && _stylesModule.default.withCustomActions, "\n ")
67
+ }, !(0, _object.objectIsEmpty)(secondaryAction) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
68
+ colorTheme: "secondary",
69
+ variant: "semitransparent"
70
+ }, secondaryAction), secondaryAction.label)), /*#__PURE__*/_react.default.createElement("div", {
73
71
  className: _stylesModule.default.defaultActions
74
- }, !(0, _object.objectIsEmpty)(cancelButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
72
+ }, !(0, _object.objectIsEmpty)(cancelAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
75
73
  colorTheme: "secondary",
76
74
  variant: "text"
77
- }, cancelButton), cancelButton.label || _constants.CANCEL_BUTTON_TEXT), !(0, _object.objectIsEmpty)(acceptButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
75
+ }, cancelAction), cancelAction.label || _constants.CANCEL_BUTTON_TEXT), !(0, _object.objectIsEmpty)(primaryAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
78
76
  colorTheme: "primary",
79
77
  variant: "filled"
80
- }, acceptButton), acceptButton.label || _constants.ACCEPT_BUTTON_TEXT)))));
78
+ }, primaryAction), primaryAction.label || _constants.ACCEPT_BUTTON_TEXT)))));
81
79
  };
82
80
  UTModal.propTypes = {
83
- acceptButton: (0, _propTypes.shape)({
84
- label: _propTypes.string,
85
- onClick: _propTypes.func
86
- }),
87
- cancelButton: (0, _propTypes.shape)({
81
+ cancelAction: (0, _propTypes.shape)({
88
82
  label: _propTypes.string,
89
83
  onClick: _propTypes.func
90
84
  }),
91
85
  classes: (0, _propTypes.objectOf)(_propTypes.string),
92
86
  classNames: (0, _propTypes.objectOf)(_propTypes.string),
93
- CustomActions: _propTypes.node,
94
- handleClose: _propTypes.func,
87
+ description: _propTypes.string,
88
+ handleClickAway: _propTypes.func,
95
89
  isOpen: _propTypes.bool,
90
+ primaryAction: (0, _propTypes.shape)({
91
+ label: _propTypes.string,
92
+ onClick: _propTypes.func
93
+ }),
94
+ removeBodyPadding: _propTypes.bool,
95
+ secondaryAction: (0, _propTypes.shape)({
96
+ label: _propTypes.string,
97
+ onClick: _propTypes.func
98
+ }),
96
99
  size: _propTypes.string,
97
100
  status: _propTypes.string,
98
- subtitle: _propTypes.string,
99
- title: _propTypes.string,
100
- useBodyPadding: _propTypes.bool,
101
- withClickAway: _propTypes.bool
101
+ title: _propTypes.string
102
102
  };
103
103
  var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTModal);
104
104
  exports.default = _default;
package/dist/components/UTModal/styles.module.scss CHANGED
@@ -55,7 +55,8 @@ $icon-size: 56px;
55
55
 
56
56
  .actions {
57
57
  align-items: center;
58
- border-top: solid 1px;
58
+ border-top-style: solid;
59
+ border-top-width: 1px;
59
60
  display: flex;
60
61
  flex-direction: row;
61
62
  grid-gap: 16px;
package/dist/components/UTModal/theme.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
  var retrieveStyle = function retrieveStyle(_ref) {
8
- var _theme$UTModal$contai;
8
+ var _theme$UTModal;
9
9
  var theme = _ref.theme;
10
10
  return {
11
11
  container: {
12
12
  backgroundColor: theme.Palette.light['01'],
13
- boxShadow: ((_theme$UTModal$contai = theme.UTModal.container) === null || _theme$UTModal$contai === void 0 ? void 0 : _theme$UTModal$contai.boxShadow) || '0 3px 6px rgba(228, 230, 234, 0.9)'
13
+ boxShadow: ((_theme$UTModal = theme.UTModal) === null || _theme$UTModal === void 0 || (_theme$UTModal = _theme$UTModal.container) === null || _theme$UTModal === void 0 ? void 0 : _theme$UTModal.boxShadow) || '0 3px 6px rgba(228, 230, 234, 0.9)'
14
14
  },
15
15
  statusInfo: {
16
16
  backgroundColor: theme.Palette.information['04']
@@ -36,12 +36,6 @@ var retrieveStyle = function retrieveStyle(_ref) {
36
36
  iconError: {
37
37
  backgroundColor: theme.Palette.error['02']
38
38
  },
39
- title: {
40
- color: theme.Palette.dark['05']
41
- },
42
- subtitle: {
43
- color: theme.Palette.gray['04']
44
- },
45
39
  actions: {
46
40
  borderTopColor: theme.Palette.light['04']
47
41
  }
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;