emoji-picker-react 4.7.9 → 4.7.10

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

@@ -19423,7 +19423,7 @@ var DarkInactivePosition = {
     }
   }
 };
-var styles$e = /*#__PURE__*/stylesheet.create({
+var styles$e = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   catBtn: {
     '.': 'epr-cat-btn',
     display: 'inline-block',
@@ -19476,16 +19476,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 = React.useState(null),
@@ -19567,7 +19562,7 @@ var HoverDark = {
     }
   }
 };
-var styles$g = /*#__PURE__*/stylesheet.create({
+var styles$g = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   btnClearSearch: {
     '.': 'epr-btn-clear-search',
     position: 'absolute',
@@ -19602,24 +19597,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('');
@@ -19715,7 +19696,7 @@ function Search() {
     "aria-atomic": "true"
   }, statusSearchResults) : null, React.createElement(IcnSearch, null), React.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)'
@@ -19787,33 +19768,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 React.createElement(Relative, {