emoji-picker-react 4.9.3 → 4.9.4

package/dist/Stylesheet/stylesheet.d.ts

@@ -1,10 +1,10 @@
 import { Styles } from 'flairup';
 import * as React from 'react';
 export declare const stylesheet: {
-    create: <K extends string>(styles: Partial<{ [k in K]: Partial<Partial<CSSStyleDeclaration> & Partial<{
+    create: <K extends string>(styles: Partial<{ [k in K]: Partial<Partial<CSSStyleDeclaration>> | Partial<{
         '.'?: string | string[] | undefined;
         '--'?: any;
-    }>>; }> | Partial<{}>) => Record<Exclude<Exclude<K, any>, any>, Set<string>> & Record<never, Set<string>>;
+    }>; }> | Partial<{}>) => Record<Exclude<Exclude<K, any>, any>, Set<string>> & Record<never, Set<string>>;
     getStyle: () => string;
     isApplied: () => boolean;
 };
@@ -13,17 +13,11 @@ export declare const PickerStyleTag: React.NamedExoticComponent<object>;
 export declare const commonInteractionStyles: Record<never, Set<string>>;
 export declare function darkMode(key: string, value: Styles): {
     '.epr-dark-theme': {
-        [x: string]: Partial<Partial<CSSStyleDeclaration> & Partial<{
-            '.'?: string | string[] | undefined;
-            '--'?: any;
-        }>>;
+        [x: string]: Partial<Partial<CSSStyleDeclaration>>;
     };
     '.epr-auto-theme': {
         [x: string]: {
-            '@media (prefers-color-scheme: dark)': Partial<Partial<CSSStyleDeclaration> & Partial<{
-                '.'?: string | string[] | undefined;
-                '--'?: any;
-            }>>;
+            '@media (prefers-color-scheme: dark)': Partial<Partial<CSSStyleDeclaration>>;
         };
     };
 };

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

@@ -166,7 +166,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)'
@@ -18197,7 +18196,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'
@@ -18297,7 +18295,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'
@@ -19093,7 +19091,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'
       }
@@ -19101,7 +19098,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'
       }
@@ -19238,7 +19234,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)',
@@ -19765,7 +19761,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'
     },
@@ -19885,10 +19880,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',
@@ -19905,7 +19899,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',
@@ -20112,7 +20105,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)'
     },