emoji-picker-react 4.9.3 → 4.10.0

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

@@ -159,7 +159,6 @@ var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
         opacity: '1',
         backgroundPositionY: 'var(--epr-category-navigation-button-size)'
       },
-      // @ts-ignore
       '&.epr-active': {
         opacity: '1',
         backgroundPositionY: 'var(--epr-category-navigation-button-size)'
@@ -16810,6 +16809,9 @@ function mergeConfig(userConfig) {
   var categories = mergeCategoriesConfig(userConfig.categories, {
     suggestionMode: config.suggestedEmojisMode
   });
+  config.hiddenEmojis.forEach(function (emoji) {
+    config.unicodeToHide.add(emoji);
+  });
   setCustomEmojis((_config$customEmojis = config.customEmojis) != null ? _config$customEmojis : []);
   var skinTonePickerLocation = config.searchDisabled ? SkinTonePickerLocation.PREVIEW : config.skinTonePickerLocation;
   return _extends({}, config, {
@@ -16844,7 +16846,8 @@ function basePickerConfig() {
     reactionsDefaultOpen: false,
     reactions: DEFAULT_REACTIONS,
     open: true,
-    allowExpandReactions: true
+    allowExpandReactions: true,
+    hiddenEmojis: []
   };
 }
 var basePreviewConfig = {
@@ -18196,7 +18199,6 @@ var styles = /*#__PURE__*/stylesheet.create({
     backgroundColor: 'var(--epr-bg-color)',
     overflow: 'hidden',
     transition: 'all 0.3s ease-in-out, background-color 0.1s ease-in-out',
-    // @ts-expect-error - need to work on this
     '*': {
       boxSizing: 'border-box',
       fontFamily: 'sans-serif'
@@ -18296,7 +18298,7 @@ var styles = /*#__PURE__*/stylesheet.create({
     height: '50px',
     display: 'inline-flex',
     backgroundColor: 'var(--epr-reactions-bg-color)',
-    // @ts-expect-error - need to work on this
+    // @ts-ignore - backdropFilter is not recognized.
     backdropFilter: 'blur(8px)',
     '--': {
       '--epr-picker-border-radius': '50px'
@@ -19092,7 +19094,6 @@ var styles$5 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
     ':hover': {
       color: 'var(--epr-highlight-color)',
       backgroundColor: 'var(--epr-hover-bg-color-reduced-opacity)',
-      // @ts-ignore
       ':after': {
         backgroundPositionY: '-20px'
       }
@@ -19100,7 +19101,6 @@ var styles$5 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
     ':focus': {
       color: 'var(--epr-highlight-color)',
       backgroundColor: 'var(--epr-hover-bg-color-reduced-opacity)',
-      // @ts-ignore
       ':after': {
         backgroundPositionY: '-40px'
       }
@@ -19237,7 +19237,7 @@ var styles$7 = /*#__PURE__*/stylesheet.create({
   label: {
     '.': ClassNames.label,
     alignItems: 'center',
-    // @ts-expect-error - backdropFilter is a valid CSS property
+    // @ts-ignore - backdropFilter is not recognized.
     backdropFilter: 'blur(3px)',
     backgroundColor: 'var(--epr-category-label-bg-color)',
     color: 'var(--epr-category-label-text-color)',
@@ -19764,7 +19764,6 @@ var styles$c = /*#__PURE__*/stylesheet.create({
     ':focus': {
       boxShadow: '0 0 0 3px var(--epr-focus-bg-color)'
     },
-    // @ts-ignore
     '&.epr-tone-neutral': {
       backgroundColor: '#ffd225'
     },
@@ -19884,10 +19883,9 @@ var styles$d = /*#__PURE__*/stylesheet.create({
     boxShadow: '0px 0 7px var(--epr-picker-border-color)'
   },
   open: {
-    // @ts-ignore
+    // @ts-ignore - backdropFilter is not recognized.
     backdropFilter: 'blur(5px)',
     background: 'var(--epr-skin-tone-picker-menu-color)',
-    // @ts-ignore
     '.epr-active:after': {
       content: '',
       position: 'absolute',
@@ -19904,7 +19902,6 @@ var styles$d = /*#__PURE__*/stylesheet.create({
     position: 'relative',
     width: 'var(--epr-skin-tone-size)',
     height: 'var(--epr-skin-tone-size)',
-    // @ts-ignore
     '> button': {
       width: 'var(--epr-skin-tone-size)',
       display: 'block',
@@ -20111,7 +20108,6 @@ var styles$f = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
       border: '2px solid var(--epr-category-icon-active-color)',
       borderRadius: '50%'
     },
-    // @ts-ignore
     '&.epr-icn-suggested': {
       backgroundPositionX: 'calc(var(--epr-category-navigation-button-size) * -8)'
     },