emoji-picker-react 4.7.1 → 4.7.2
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/dist/components/emoji/ClickableEmojiButton.d.ts +2 -1
- package/dist/components/emoji/Emoji.d.ts +1 -1
- package/dist/emoji-picker-react.cjs.development.js +12 -2
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +12 -2
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Reactions/Reactions.tsx +8 -0
- package/src/components/emoji/ClickableEmojiButton.tsx +4 -1
- package/src/components/emoji/Emoji.tsx +2 -0
|
@@ -17849,10 +17849,11 @@ function ClickableEmojiButton(_ref) {
|
|
|
17849
17849
|
showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
|
|
17850
17850
|
hasVariations = _ref.hasVariations,
|
|
17851
17851
|
children = _ref.children,
|
|
17852
|
+
className = _ref.className,
|
|
17852
17853
|
_ref$round = _ref.round,
|
|
17853
17854
|
round = _ref$round === void 0 ? false : _ref$round;
|
|
17854
17855
|
return createElement(Button, {
|
|
17855
|
-
className: cx(styles$1.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$1.hasVariations, round && styles$1.round),
|
|
17856
|
+
className: cx(styles$1.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$1.hasVariations, round && styles$1.round, className),
|
|
17856
17857
|
"data-unified": unified,
|
|
17857
17858
|
"aria-label": emojiNames[0],
|
|
17858
17859
|
"data-full-name": emojiNames
|
|
@@ -18031,6 +18032,7 @@ function ClickableEmoji(_ref) {
|
|
|
18031
18032
|
size = _ref.size,
|
|
18032
18033
|
lazyLoad = _ref.lazyLoad,
|
|
18033
18034
|
getEmojiUrl = _ref.getEmojiUrl,
|
|
18035
|
+
className = _ref.className,
|
|
18034
18036
|
_ref$round = _ref.round,
|
|
18035
18037
|
round = _ref$round === void 0 ? false : _ref$round;
|
|
18036
18038
|
var hasVariations = emojiHasVariations(emoji);
|
|
@@ -18048,7 +18050,8 @@ function ClickableEmoji(_ref) {
|
|
|
18048
18050
|
size: size,
|
|
18049
18051
|
emojiStyle: emojiStyle,
|
|
18050
18052
|
lazyLoad: lazyLoad,
|
|
18051
|
-
getEmojiUrl: getEmojiUrl
|
|
18053
|
+
getEmojiUrl: getEmojiUrl,
|
|
18054
|
+
className: className
|
|
18052
18055
|
}));
|
|
18053
18056
|
}
|
|
18054
18057
|
|
|
@@ -18153,6 +18156,7 @@ function Reactions() {
|
|
|
18153
18156
|
emojiStyle: emojiStyle,
|
|
18154
18157
|
unified: reaction,
|
|
18155
18158
|
showVariations: false,
|
|
18159
|
+
className: cx(styles$5.emojiButton),
|
|
18156
18160
|
round: true
|
|
18157
18161
|
}));
|
|
18158
18162
|
}), createElement("li", null, createElement(BtnPlus, null)));
|
|
@@ -18166,6 +18170,12 @@ var styles$5 = /*#__PURE__*/stylesheet.create({
|
|
|
18166
18170
|
justifyContent: 'space-between',
|
|
18167
18171
|
alignItems: 'center',
|
|
18168
18172
|
height: '100%'
|
|
18173
|
+
},
|
|
18174
|
+
emojiButton: {
|
|
18175
|
+
':hover': {
|
|
18176
|
+
transform: 'scale(1.2)'
|
|
18177
|
+
},
|
|
18178
|
+
transition: 'transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5)'
|
|
18169
18179
|
}
|
|
18170
18180
|
});
|
|
18171
18181
|
|