@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 +21 -0
- package/dist/components/UTDialog/theme.js +2 -1
- package/dist/components/UTEmojiPicker/constants.js +1 -1
- package/dist/components/UTEmojiPicker/index.js +8 -10
- package/dist/components/UTEmojiPicker/styles.module.scss +17 -12
- package/dist/components/UTEmojiPicker/theme.js +23 -19
- package/dist/components/UTTable/theme.js +1 -0
- package/package.json +1 -1
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', '
|
|
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, "
|
|
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
|
-
|
|
145
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
89
|
+
height: $icon-size;
|
|
85
90
|
padding: 8px;
|
|
86
91
|
transition: background-color 200ms linear;
|
|
87
|
-
width:
|
|
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:
|
|
102
|
+
height: $icon-size;
|
|
98
103
|
justify-content: center;
|
|
99
|
-
width:
|
|
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) ||
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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) ||
|
|
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) ||
|
|
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) ||
|
|
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) ||
|
|
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) ||
|
|
29
|
-
|
|
30
|
-
|
|
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) ||
|
|
37
|
-
|
|
38
|
-
|
|
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) ||
|
|
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) ||
|
|
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')
|