emoji-picker-react 4.19.4 → 4.20.0

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

@@ -28918,7 +28918,12 @@ var styles$1 = /*#__PURE__*/stylesheet.create({
     '.': 'epr-btn',
     cursor: 'pointer',
     border: '0',
-    background: 'none',
+    // Longhand, not `background: 'none'`: a shorthand reset shares its
+    // conflict keys with every background longhand, so cx() would drop
+    // this whole class wherever a later class sets background-image
+    // (e.g. the category nav sprite) and the native button face would
+    // show through.
+    backgroundColor: 'transparent',
     outline: 'none'
   }
 });
@@ -29048,7 +29053,11 @@ function NativeEmoji(_ref) {
     style = _ref.style,
     className = _ref.className;
   return React.createElement("span", {
-    className: flairup.cx(styles$4.nativeEmoji, emojiStyles.common, emojiStyles.external, className),
+    className: flairup.cx(
+    // Order matters: cx() lets the later class win same-property
+    // conflicts, so the zeroing reset must come first and the real
+    // font-size last — otherwise the emoji renders at 0px.
+    emojiStyles.external, emojiStyles.common, styles$4.nativeEmoji, className),
     "data-unified": unified,
     style: style
   }, parseNativeEmoji(unified));