emoji-picker-react 4.19.4 → 4.20.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.19.4",
+  "version": "4.20.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -116,6 +116,6 @@
     "vitest": "^2.0.5"
   },
   "dependencies": {
-    "flairup": "1.0.0"
+    "flairup": "1.1.1"
   }
 }

package/src/components/atoms/Button.tsx

@@ -27,7 +27,12 @@ const styles = 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',
   },
 });

package/src/components/emoji/NativeEmoji.tsx

@@ -18,9 +18,12 @@ export function NativeEmoji({
   return (
     <span
       className={cx(
-        styles.nativeEmoji,
-        emojiStyles.common,
+        // 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.nativeEmoji,
         className,
       )}
       data-unified={unified}