emoji-picker-react 4.7.1 → 4.7.2

package/dist/components/emoji/ClickableEmojiButton.d.ts

@@ -8,6 +8,7 @@ declare type ClickableEmojiButtonProps = Readonly<{
     hasVariations: boolean;
     unified?: string;
     round?: boolean;
+    className?: string;
 }>;
-export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children, round }: ClickableEmojiButtonProps): JSX.Element;
+export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children, className, round }: ClickableEmojiButtonProps): JSX.Element;
 export {};

package/dist/components/emoji/Emoji.d.ts

@@ -9,5 +9,5 @@ declare type ClickableEmojiProps = Readonly<BaseEmojiProps & {
     className?: string;
     round?: boolean;
 }>;
-export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl, round }: ClickableEmojiProps): JSX.Element;
+export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl, className, round }: ClickableEmojiProps): JSX.Element;
 export {};

package/dist/emoji-picker-react.cjs.development.js

@@ -17850,10 +17850,11 @@ function ClickableEmojiButton(_ref) {
     showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
     hasVariations = _ref.hasVariations,
     children = _ref.children,
+    className = _ref.className,
     _ref$round = _ref.round,
     round = _ref$round === void 0 ? false : _ref$round;
   return React.createElement(Button, {
-    className: flairup.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: flairup.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),
     "data-unified": unified,
     "aria-label": emojiNames[0],
     "data-full-name": emojiNames
@@ -18032,6 +18033,7 @@ function ClickableEmoji(_ref) {
     size = _ref.size,
     lazyLoad = _ref.lazyLoad,
     getEmojiUrl = _ref.getEmojiUrl,
+    className = _ref.className,
     _ref$round = _ref.round,
     round = _ref$round === void 0 ? false : _ref$round;
   var hasVariations = emojiHasVariations(emoji);
@@ -18049,7 +18051,8 @@ function ClickableEmoji(_ref) {
     size: size,
     emojiStyle: emojiStyle,
     lazyLoad: lazyLoad,
-    getEmojiUrl: getEmojiUrl
+    getEmojiUrl: getEmojiUrl,
+    className: className
   }));
 }
 
@@ -18154,6 +18157,7 @@ function Reactions() {
       emojiStyle: emojiStyle,
       unified: reaction,
       showVariations: false,
+      className: flairup.cx(styles$5.emojiButton),
       round: true
     }));
   }), React.createElement("li", null, React.createElement(BtnPlus, null)));
@@ -18167,6 +18171,12 @@ var styles$5 = /*#__PURE__*/stylesheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
     height: '100%'
+  },
+  emojiButton: {
+    ':hover': {
+      transform: 'scale(1.2)'
+    },
+    transition: 'transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5)'
   }
 });