@widergy/energy-ui 1.123.0 → 1.125.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,24 @@
1
+ # [1.125.0](https://github.com/widergy/energy-ui/compare/v1.124.0...v1.125.0) (2022-06-03)
2
+
3
+
4
+ ### Features
5
+
6
+ * uttable row theme ([#298](https://github.com/widergy/energy-ui/issues/298)) ([2755106](https://github.com/widergy/energy-ui/commit/2755106fedceee9db68d58a8be491a9f2cd873c8))
7
+
8
+ # [1.124.0](https://github.com/widergy/energy-ui/compare/v1.123.1...v1.124.0) (2022-06-03)
9
+
10
+
11
+ ### Features
12
+
13
+ * added theme ([#297](https://github.com/widergy/energy-ui/issues/297)) ([2d7046b](https://github.com/widergy/energy-ui/commit/2d7046b2fa3b438cc16706b4981931c6a564efd8))
14
+
15
+ ## [1.123.1](https://github.com/widergy/energy-ui/compare/v1.123.0...v1.123.1) (2022-06-03)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * fixes in rich text ([#292](https://github.com/widergy/energy-ui/issues/292)) ([0b7cead](https://github.com/widergy/energy-ui/commit/0b7cead118978fa2f47e7eaa4ac60d76dae67f85))
21
+
1
22
  # [1.123.0](https://github.com/widergy/energy-ui/compare/v1.122.0...v1.123.0) (2022-06-02)
2
23
 
3
24
 
@@ -101,7 +101,8 @@ var retrieveStyle = function retrieveStyle(theme) {
101
101
  closeIcon: {
102
102
  fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'fontSize']),
103
103
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'width']),
104
- height: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'height'])
104
+ height: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'height']),
105
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'fill'])
105
106
  }
106
107
  };
107
108
  };
@@ -215,7 +215,7 @@ var GROUPS = [{
215
215
  Icon: Language
216
216
  }, {
217
217
  key: 'flags',
218
- ranges: [['chequered_flag', 'flag_wales'], ['transgender flag']],
218
+ ranges: [['chequered_flag', 'pirate_flag'], ['transgender flag']],
219
219
  Icon: Flags
220
220
  }];
221
221
  exports.GROUPS = GROUPS;
@@ -19,8 +19,6 @@ var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchable
19
19
 
20
20
  var _classesUtils = require("../../utils/classesUtils");
21
21
 
22
- var _types = require("../UTDatePicker/types");
23
-
24
22
  var _WithTheme = _interopRequireDefault(require("../WithTheme"));
25
23
 
26
24
  var _theme = require("./theme");
@@ -109,7 +107,7 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
109
107
  className: "".concat(_stylesModule.default.groupItem, " ").concat(classes.groupItem),
110
108
  key: key,
111
109
  onClick: function onClick() {
112
- setActiveGroup(isActive ? null : key);
110
+ return setActiveGroup(isActive ? null : key);
113
111
  },
114
112
  role: "button"
115
113
  }, /*#__PURE__*/_react.default.createElement(Icon, {
@@ -126,7 +124,7 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
126
124
  className: classes.emojiButton,
127
125
  onClick: toggleOpen
128
126
  }, buttonEmoji), /*#__PURE__*/_react.default.createElement("div", {
129
- className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(_stylesModule.default[popperPosition], " ").concat(!isOpen && _stylesModule.default.hiddenPicker)
127
+ className: "\n ".concat(_stylesModule.default.container, "\n ").concat(classes.container, "\n ").concat(_stylesModule.default[popperPosition], "\n ").concat(!isOpen && _stylesModule.default.hiddenPicker, "\n ")
130
128
  }, /*#__PURE__*/_react.default.createElement("div", {
131
129
  className: "".concat(_stylesModule.default.groups, " ").concat(classes.groups)
132
130
  }, groups.map(groupEmojiRenderer)), /*#__PURE__*/_react.default.createElement("div", {
@@ -141,15 +139,15 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
141
139
  };
142
140
 
143
141
  UTEmojiPicker.propTypes = {
144
- virtualizedListProps: _propTypes.object,
145
- groupsModifier: _propTypes.func,
142
+ ButtonComponent: _propTypes.elementType,
143
+ classes: (0, _propTypes.objectOf)(_propTypes.string),
144
+ classNames: (0, _propTypes.objectOf)(_propTypes.string),
145
+ closeOnPick: _propTypes.bool,
146
146
  excludedEmojis: (0, _propTypes.arrayOf)(_propTypes.string),
147
- ButtonComponent: _propTypes.element,
148
147
  handlePick: _propTypes.func,
148
+ groupsModifier: _propTypes.func,
149
149
  popperPosition: _propTypes.string,
150
- closeOnPick: _propTypes.bool,
151
- classNames: _types.classesPropTypes,
152
- classes: (0, _propTypes.objectOf)(_propTypes.string)
150
+ virtualizedListProps: _propTypes.object
153
151
  };
154
152
 
155
153
  var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);
@@ -1,8 +1,10 @@
1
1
  @import '../../scss/variables/_colors.scss';
2
2
  @import '../../scss/variables/mediaQueries';
3
3
 
4
+ $icon-size: 40px;
5
+
4
6
  .container {
5
- border: none;
7
+ border: 0;
6
8
  padding: 0;
7
9
  position: absolute;
8
10
  transition: visibility 0.5s, opacity 0.15s ease-in-out;
@@ -10,7 +12,6 @@
10
12
 
11
13
  @media #{$mobile} {
12
14
  left: 0;
13
- position: absolute;
14
15
  top: 110px;
15
16
  }
16
17
  }
@@ -51,6 +52,10 @@
51
52
  .hiddenPicker {
52
53
  opacity: 0;
53
54
  visibility: hidden;
55
+
56
+ .emoji {
57
+ pointer-events: none;
58
+ }
54
59
  }
55
60
 
56
61
  .buttonContainer {
@@ -64,27 +69,27 @@
64
69
 
65
70
  @font-face {
66
71
  font-family: NotoColorEmojiLimited;
67
- unicode-range: U+1F1E6-1F1FF;
68
72
  src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
73
+ unicode-range: U+1F1E6-1F1FF;
69
74
  }
70
75
 
71
76
  .emoji {
72
77
  align-items: center;
73
78
  cursor: pointer;
74
79
  display: flex;
80
+ font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont,
81
+ 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji',
82
+ 'Segoe UI Emoji', 'Segoe UI Symbol';
75
83
  justify-content: center;
76
84
  user-select: none;
77
- font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont,
78
- 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji',
79
- 'Segoe UI Emoji', 'Segoe UI Symbol';
80
85
  }
81
86
 
82
87
  .activeIcon {
83
88
  box-sizing: border-box;
84
- height: 40px;
89
+ height: $icon-size;
85
90
  padding: 8px;
86
91
  transition: background-color 200ms linear;
87
- width: 40px;
92
+ width: $icon-size;
88
93
  }
89
94
 
90
95
  .groups {
@@ -94,9 +99,9 @@
94
99
  .groupItem {
95
100
  align-items: center;
96
101
  display: flex;
97
- height: 40px;
102
+ height: $icon-size;
98
103
  justify-content: center;
99
- width: 40px;
104
+ width: $icon-size;
100
105
 
101
106
  &:hover {
102
107
  cursor: pointer;
@@ -120,16 +125,16 @@
120
125
 
121
126
  .topRight {
122
127
  @media #{$desktop-tablet} {
123
- left: 100% !important;
124
128
  bottom: 0 !important;
129
+ left: 100% !important;
125
130
  }
126
131
  }
127
132
 
128
133
  .topLeft {
129
134
  @media #{$desktop-tablet} {
135
+ bottom: 0 !important;
130
136
  left: auto !important;
131
137
  right: 100% !important;
132
- bottom: 0 !important;
133
138
  }
134
139
  }
135
140
 
@@ -5,46 +5,50 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
 
8
+ var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
8
12
  var retrieveStyle = function retrieveStyle(theme) {
9
13
  var _theme$UTEmojiPicker, _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, _theme$UTEmojiPicker24, _theme$UTEmojiPicker25, _theme$UTEmojiPicker26, _theme$UTEmojiPicker27, _theme$UTEmojiPicker28, _theme$UTEmojiPicker29, _theme$UTEmojiPicker30, _theme$UTEmojiPicker31, _theme$UTEmojiPicker32, _theme$UTEmojiPicker33, _theme$UTEmojiPicker34, _theme$UTEmojiPicker35, _theme$UTEmojiPicker36, _theme$UTEmojiPicker37, _theme$UTEmojiPicker38, _theme$UTEmojiPicker39, _theme$UTEmojiPicker40, _theme$UTEmojiPicker41, _theme$UTEmojiPicker42, _theme$UTEmojiPicker43, _theme$UTEmojiPicker44, _theme$UTEmojiPicker45, _theme$UTEmojiPicker46, _theme$UTEmojiPicker47, _theme$UTEmojiPicker48, _theme$UTEmojiPicker49;
10
14
 
11
15
  return {
12
16
  container: {
13
- backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 ? void 0 : (_theme$UTEmojiPicker$ = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker$ === void 0 ? void 0 : _theme$UTEmojiPicker$.backgroundColor) || '#FFF',
14
- boxShadow: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.boxShadow) || '0px 3px 6px #E4E6EA',
15
- left: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.left,
16
- right: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.right,
17
- top: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker8.container) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.top,
18
- bottom: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker10.container) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.bottom,
19
- borderRadius: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker12.container) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.borderRadius
17
+ backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 ? void 0 : (_theme$UTEmojiPicker$ = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker$ === void 0 ? void 0 : _theme$UTEmojiPicker$.backgroundColor) || _colors.default.white,
18
+ borderRadius: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.borderRadius,
19
+ bottom: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.bottom,
20
+ boxShadow: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.boxShadow) || '0px 3px 6px #E4E6EA',
21
+ left: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker8.container) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.left,
22
+ right: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker10.container) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.right,
23
+ top: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker12.container) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.top
20
24
  },
21
25
  listContainer: {
22
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker14.listContainer) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.height) || '216px',
23
- width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker16.listContainer) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.width) || '336px'
26
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker14.listContainer) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.height) || 216,
27
+ width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker16.listContainer) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.width) || 336
24
28
  },
25
29
  emoji: {
26
- borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker18.emoji) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.borderRadius) || '4px',
27
- fontSize: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker20.emoji) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.fontSize) || '20px',
28
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker22 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker22 === void 0 ? void 0 : (_theme$UTEmojiPicker23 = _theme$UTEmojiPicker22.emoji) === null || _theme$UTEmojiPicker23 === void 0 ? void 0 : _theme$UTEmojiPicker23.height) || '32px',
29
- width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker24 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker24 === void 0 ? void 0 : (_theme$UTEmojiPicker25 = _theme$UTEmojiPicker24.emoji) === null || _theme$UTEmojiPicker25 === void 0 ? void 0 : _theme$UTEmojiPicker25.width) || '32px',
30
- margin: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker26 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker26 === void 0 ? void 0 : (_theme$UTEmojiPicker27 = _theme$UTEmojiPicker26.emoji) === null || _theme$UTEmojiPicker27 === void 0 ? void 0 : _theme$UTEmojiPicker27.margin) || '4px',
30
+ borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker18.emoji) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.borderRadius) || 4,
31
+ fontSize: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker20.emoji) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.fontSize) || 20,
32
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker22 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker22 === void 0 ? void 0 : (_theme$UTEmojiPicker23 = _theme$UTEmojiPicker22.emoji) === null || _theme$UTEmojiPicker23 === void 0 ? void 0 : _theme$UTEmojiPicker23.height) || 32,
33
+ margin: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker24 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker24 === void 0 ? void 0 : (_theme$UTEmojiPicker25 = _theme$UTEmojiPicker24.emoji) === null || _theme$UTEmojiPicker25 === void 0 ? void 0 : _theme$UTEmojiPicker25.margin) || 4,
34
+ width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker26 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker26 === void 0 ? void 0 : (_theme$UTEmojiPicker27 = _theme$UTEmojiPicker26.emoji) === null || _theme$UTEmojiPicker27 === void 0 ? void 0 : _theme$UTEmojiPicker27.width) || 32,
31
35
  '&:hover': {
32
36
  backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker28 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker28 === void 0 ? void 0 : (_theme$UTEmojiPicker29 = _theme$UTEmojiPicker28.emoji) === null || _theme$UTEmojiPicker29 === void 0 ? void 0 : (_theme$UTEmojiPicker30 = _theme$UTEmojiPicker29.hover) === null || _theme$UTEmojiPicker30 === void 0 ? void 0 : _theme$UTEmojiPicker30.backgroundColor) || '#E9F0FD'
33
37
  }
34
38
  },
35
39
  groupItem: {
36
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker31 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker31 === void 0 ? void 0 : (_theme$UTEmojiPicker32 = _theme$UTEmojiPicker31.groupItem) === null || _theme$UTEmojiPicker32 === void 0 ? void 0 : _theme$UTEmojiPicker32.height) || '40px',
37
- stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker33 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker33 === void 0 ? void 0 : (_theme$UTEmojiPicker34 = _theme$UTEmojiPicker33.groupItem) === null || _theme$UTEmojiPicker34 === void 0 ? void 0 : _theme$UTEmojiPicker34.color) || '#677489',
38
- fill: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker35 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker35 === void 0 ? void 0 : (_theme$UTEmojiPicker36 = _theme$UTEmojiPicker35.groupItem) === null || _theme$UTEmojiPicker36 === void 0 ? void 0 : _theme$UTEmojiPicker36.color) || '#677489'
40
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker31 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker31 === void 0 ? void 0 : (_theme$UTEmojiPicker32 = _theme$UTEmojiPicker31.groupItem) === null || _theme$UTEmojiPicker32 === void 0 ? void 0 : _theme$UTEmojiPicker32.height) || 40,
41
+ fill: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker33 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker33 === void 0 ? void 0 : (_theme$UTEmojiPicker34 = _theme$UTEmojiPicker33.groupItem) === null || _theme$UTEmojiPicker34 === void 0 ? void 0 : _theme$UTEmojiPicker34.color) || '#677489',
42
+ stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker35 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker35 === void 0 ? void 0 : (_theme$UTEmojiPicker36 = _theme$UTEmojiPicker35.groupItem) === null || _theme$UTEmojiPicker36 === void 0 ? void 0 : _theme$UTEmojiPicker36.color) || '#677489'
39
43
  },
40
44
  activeIcon: {
41
45
  backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker37 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker37 === void 0 ? void 0 : (_theme$UTEmojiPicker38 = _theme$UTEmojiPicker37.groupItem) === null || _theme$UTEmojiPicker38 === void 0 ? void 0 : (_theme$UTEmojiPicker39 = _theme$UTEmojiPicker38.active) === null || _theme$UTEmojiPicker39 === void 0 ? void 0 : _theme$UTEmojiPicker39.backgroundColor) || '#E9F0FD',
42
- borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker40 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker40 === void 0 ? void 0 : (_theme$UTEmojiPicker41 = _theme$UTEmojiPicker40.groupItem) === null || _theme$UTEmojiPicker41 === void 0 ? void 0 : (_theme$UTEmojiPicker42 = _theme$UTEmojiPicker41.active) === null || _theme$UTEmojiPicker42 === void 0 ? void 0 : _theme$UTEmojiPicker42.borderRadius) || '5px',
46
+ borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker40 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker40 === void 0 ? void 0 : (_theme$UTEmojiPicker41 = _theme$UTEmojiPicker40.groupItem) === null || _theme$UTEmojiPicker41 === void 0 ? void 0 : (_theme$UTEmojiPicker42 = _theme$UTEmojiPicker41.active) === null || _theme$UTEmojiPicker42 === void 0 ? void 0 : _theme$UTEmojiPicker42.borderRadius) || 5,
43
47
  stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker43 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker43 === void 0 ? void 0 : (_theme$UTEmojiPicker44 = _theme$UTEmojiPicker43.groupItem) === null || _theme$UTEmojiPicker44 === void 0 ? void 0 : (_theme$UTEmojiPicker45 = _theme$UTEmojiPicker44.active) === null || _theme$UTEmojiPicker45 === void 0 ? void 0 : _theme$UTEmojiPicker45.color) || '#2b70fb'
44
48
  },
45
49
  groups: {
46
50
  borderBottom: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker46 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker46 === void 0 ? void 0 : (_theme$UTEmojiPicker47 = _theme$UTEmojiPicker46.groups) === null || _theme$UTEmojiPicker47 === void 0 ? void 0 : _theme$UTEmojiPicker47.borderBottom) || '1px solid #E4E6EA',
47
- padding: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker48 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker48 === void 0 ? void 0 : (_theme$UTEmojiPicker49 = _theme$UTEmojiPicker48.groups) === null || _theme$UTEmojiPicker49 === void 0 ? void 0 : _theme$UTEmojiPicker49.padding) || '8px'
51
+ padding: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker48 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker48 === void 0 ? void 0 : (_theme$UTEmojiPicker49 = _theme$UTEmojiPicker48.groups) === null || _theme$UTEmojiPicker49 === void 0 ? void 0 : _theme$UTEmojiPicker49.padding) || 8
48
52
  }
49
53
  };
50
54
  };
@@ -104,6 +104,7 @@ var retrieveStyle = function retrieveStyle(theme) {
104
104
  },
105
105
  row: {
106
106
  backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colors.default.white),
107
+ boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'boxShadow']),
107
108
  borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderRadius']),
108
109
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderColor']),
109
110
  borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderStyle'], 'solid')
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "1.123.0",
3
+ "version": "1.125.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",