emoji-picker-react 4.7.8 → 4.7.10

package/dist/emoji-picker-react.esm.js

@@ -186,6 +186,15 @@ var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
     }, hidden)
   }
 });
+function darkMode(key, value) {
+  var _eprDarkTheme, _eprAutoTheme;
+  return {
+    '.epr-dark-theme': (_eprDarkTheme = {}, _eprDarkTheme[key] = value, _eprDarkTheme),
+    '.epr-auto-theme': (_eprAutoTheme = {}, _eprAutoTheme[key] = {
+      '@media (prefers-color-scheme: dark)': value
+    }, _eprAutoTheme)
+  };
+}
 
 var DEFAULT_REACTIONS = ['1f44d', '2764-fe0f', '1f603', '1f622', '1f64f', '1f44e', '1f621' // 😡
 ];
@@ -18080,7 +18089,7 @@ function BtnPlus() {
     }
   });
 }
-var styles$4 = /*#__PURE__*/stylesheet.create({
+var styles$4 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   plusSign: {
     fontSize: '20px',
     padding: '17px',
@@ -18120,30 +18129,15 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
         backgroundPositionY: '-40px'
       }
     }
+  }
+}, /*#__PURE__*/darkMode('plusSign', {
+  ':after': {
+    backgroundPositionY: '-40px'
   },
-  '.epr-dark-theme': {
-    plusSign: {
-      ':after': {
-        backgroundPositionY: '-40px'
-      },
-      ':hover:after': {
-        backgroundPositionY: '-60px'
-      }
-    }
-  },
-  '.epr-auto-theme': {
-    plusSign: {
-      '@media (prefers-color-scheme: dark)': {
-        ':after': {
-          backgroundPositionY: '-40px'
-        },
-        ':hover:after': {
-          backgroundPositionY: '-60px'
-        }
-      }
-    }
+  ':hover:after': {
+    backgroundPositionY: '-60px'
   }
-});
+})));
 
 function Reactions() {
   var _useReactionsModeStat = useReactionsModeState(),
@@ -18849,7 +18843,7 @@ function useVariationPickerTop(VariationPickerRef) {
     return emojiOffsetTop - height;
   }
 }
-var styles$8 = /*#__PURE__*/stylesheet.create({
+var styles$8 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   variationPicker: {
     '.': ClassNames.variationPicker,
     position: 'absolute',
@@ -18901,20 +18895,10 @@ var styles$8 = /*#__PURE__*/stylesheet.create({
     top: '100%',
     transform: 'translateX(-18px)',
     backgroundImage: "url(" + SVGTriangle + ")"
-  },
-  '.epr-dark-theme': {
-    pointer: {
-      backgroundPosition: '-25px 0'
-    }
-  },
-  '.epr-auto-theme': {
-    pointer: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPosition: '-25px 0'
-      }
-    }
   }
-});
+}, /*#__PURE__*/darkMode('pointer', {
+  backgroundPosition: '-25px 0'
+})));
 
 function Body() {
   var BodyRef = useBodyRef();
@@ -19438,7 +19422,7 @@ var DarkInactivePosition = {
     }
   }
 };
-var styles$e = /*#__PURE__*/stylesheet.create({
+var styles$e = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   catBtn: {
     '.': 'epr-cat-btn',
     display: 'inline-block',
@@ -19491,16 +19475,11 @@ var styles$e = /*#__PURE__*/stylesheet.create({
     '&.epr-icn-travel_places': {
       backgroundPositionX: 'calc(var(--epr-category-navigation-button-size) * -3)'
     }
-  },
-  '.epr-dark-theme': /*#__PURE__*/_extends({
-    catBtn: DarkPositionY
-  }, DarkInactivePosition),
-  '.epr-auto-theme': /*#__PURE__*/_extends({
-    catBtn: {
-      '@media (prefers-color-scheme: dark)': DarkPositionY
-    }
-  }, DarkInactivePosition)
-});
+  }
+}, /*#__PURE__*/darkMode('catBtn', DarkPositionY), {
+  '.epr-dark-theme': /*#__PURE__*/_extends({}, DarkInactivePosition),
+  '.epr-auto-theme': /*#__PURE__*/_extends({}, DarkInactivePosition)
+}));
 
 function CategoryNavigation() {
   var _useState = useState(null),
@@ -19582,7 +19561,7 @@ var HoverDark = {
     }
   }
 };
-var styles$g = /*#__PURE__*/stylesheet.create({
+var styles$g = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   btnClearSearch: {
     '.': 'epr-btn-clear-search',
     position: 'absolute',
@@ -19617,24 +19596,10 @@ var styles$g = /*#__PURE__*/stylesheet.create({
     ':focus': {
       backgroundPositionY: '-20px'
     }
-  },
-  '.epr-dark-theme': {
-    icnClearnSearch: {
-      backgroundPositionY: '-40px'
-    },
-    btnClearSearch: HoverDark
-  },
-  '.epr-auto-theme': {
-    icnClearnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-40px'
-      }
-    },
-    btnClearSearch: {
-      '@media (prefers-color-scheme: dark)': HoverDark
-    }
   }
-});
+}, /*#__PURE__*/darkMode('icnClearnSearch', {
+  backgroundPositionY: '-40px'
+}), /*#__PURE__*/darkMode('btnClearSearch', HoverDark)));
 
 var SCOPE = /*#__PURE__*/asSelectors(ClassNames.emojiPicker) + " " + /*#__PURE__*/asSelectors(ClassNames.emojiList);
 var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('');
@@ -19658,7 +19623,7 @@ function IcnSearch() {
     className: cx(styles$h.icnSearch)
   });
 }
-var styles$h = /*#__PURE__*/stylesheet.create({
+var styles$h = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   icnSearch: {
     '.': 'epr-icn-search',
     content: '',
@@ -19672,20 +19637,10 @@ var styles$h = /*#__PURE__*/stylesheet.create({
     backgroundPosition: '0 0',
     backgroundSize: '20px',
     backgroundImage: "url(" + SVGMagnifier + ")"
-  },
-  '.epr-dark-theme': {
-    icnSearch: {
-      backgroundPositionY: '-20px'
-    }
-  },
-  '.epr-auto-theme': {
-    icnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-20px'
-      }
-    }
   }
-});
+}, /*#__PURE__*/darkMode('icnSearch', {
+  backgroundPositionY: '-20px'
+})));
 
 function SearchContainer() {
   var searchDisabled = useSearchDisabledConfig();
@@ -19740,7 +19695,7 @@ function Search() {
     "aria-atomic": "true"
   }, statusSearchResults) : null, createElement(IcnSearch, null), createElement(BtnClearSearch, null));
 }
-var styles$i = /*#__PURE__*/stylesheet.create({
+var styles$i = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   overlay: {
     padding: 'var(--epr-header-padding)',
     zIndex: 'var(--epr-header-overlay-z-index)'
@@ -19812,33 +19767,14 @@ var styles$i = /*#__PURE__*/stylesheet.create({
     ':focus': {
       backgroundPositionY: '-20px'
     }
-  },
-  '.epr-dark-theme': {
-    icnClearnSearch: {
-      backgroundPositionY: '-40px'
-    },
-    btnClearSearch: {
-      ':hover > .epr-icn-clear-search': {
-        backgroundPositionY: '-60px'
-      }
-    }
-  },
-  '.epr-auto-theme': {
-    icnClearnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-40px'
-      }
-    },
-    btnClearSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        // @ts-ignore
-        ':hover > .epr-icn-clear-search': {
-          backgroundPositionY: '-60px'
-        }
-      }
-    }
   }
-});
+}, /*#__PURE__*/darkMode('icnClearnSearch', {
+  backgroundPositionY: '-40px'
+}), /*#__PURE__*/darkMode('btnClearSearch', {
+  ':hover > .epr-icn-clear-search': {
+    backgroundPositionY: '-60px'
+  }
+})));
 
 function Header() {
   return createElement(Relative, {