emoji-picker-react 4.7.9 → 4.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/emoji-picker-react.cjs.development.js +18 -56
  2. package/dist/emoji-picker-react.cjs.development.js.map +1 -1
  3. package/dist/emoji-picker-react.cjs.production.min.js +1 -1
  4. package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
  5. package/dist/emoji-picker-react.esm.js +18 -56
  6. package/dist/emoji-picker-react.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/header/Search/BtnClearSearch.tsx +5 -16
  9. package/src/components/header/Search/Search.tsx +8 -25
  10. package/src/components/navigation/CategoryButton.tsx +2 -4
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "4.7.9",
2
+ "version": "4.7.10",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
package/src/components/header/Search/BtnClearSearch.tsx CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
 
4
4
  import {
5
5
  commonInteractionStyles,
6
+ darkMode,
6
7
  stylesheet
7
8
  } from '../../../Stylesheet/stylesheet';
8
9
  import { useClearSearch } from '../../../hooks/useFilter';
@@ -72,20 +73,8 @@ const styles = stylesheet.create({
72
73
  backgroundPositionY: '-20px'
73
74
  }
74
75
  },
75
- '.epr-dark-theme': {
76
- icnClearnSearch: {
77
- backgroundPositionY: '-40px'
78
- },
79
- btnClearSearch: HoverDark
80
- },
81
- '.epr-auto-theme': {
82
- icnClearnSearch: {
83
- '@media (prefers-color-scheme: dark)': {
84
- backgroundPositionY: '-40px'
85
- }
86
- },
87
- btnClearSearch: {
88
- '@media (prefers-color-scheme: dark)': HoverDark
89
- }
90
- }
76
+ ...darkMode('icnClearnSearch', {
77
+ backgroundPositionY: '-40px'
78
+ }),
79
+ ...darkMode('btnClearSearch', HoverDark)
91
80
  });
package/src/components/header/Search/Search.tsx CHANGED
@@ -2,7 +2,7 @@ import { cx } from 'flairup';
2
2
  import * as React from 'react';
3
3
  import { useState } from 'react';
4
4
 
5
- import { stylesheet } from '../../../Stylesheet/stylesheet';
5
+ import { darkMode, stylesheet } from '../../../Stylesheet/stylesheet';
6
6
  import {
7
7
  useAutoFocusSearchConfig,
8
8
  useSearchDisabledConfig,
@@ -161,29 +161,12 @@ const styles = stylesheet.create({
161
161
  backgroundPositionY: '-20px'
162
162
  }
163
163
  },
164
- '.epr-dark-theme': {
165
- icnClearnSearch: {
166
- backgroundPositionY: '-40px'
167
- },
168
- btnClearSearch: {
169
- ':hover > .epr-icn-clear-search': {
170
- backgroundPositionY: '-60px'
171
- }
164
+ ...darkMode('icnClearnSearch', {
165
+ backgroundPositionY: '-40px'
166
+ }),
167
+ ...darkMode('btnClearSearch', {
168
+ ':hover > .epr-icn-clear-search': {
169
+ backgroundPositionY: '-60px'
172
170
  }
173
- },
174
- '.epr-auto-theme': {
175
- icnClearnSearch: {
176
- '@media (prefers-color-scheme: dark)': {
177
- backgroundPositionY: '-40px'
178
- }
179
- },
180
- btnClearSearch: {
181
- '@media (prefers-color-scheme: dark)': {
182
- // @ts-ignore
183
- ':hover > .epr-icn-clear-search': {
184
- backgroundPositionY: '-60px'
185
- }
186
- }
187
- }
188
- }
171
+ })
189
172
  });
package/src/components/navigation/CategoryButton.tsx CHANGED
@@ -4,6 +4,7 @@ import * as React from 'react';
4
4
  import { ClassNames } from '../../DomUtils/classNames';
5
5
  import {
6
6
  commonInteractionStyles,
7
+ darkMode,
7
8
  stylesheet
8
9
  } from '../../Stylesheet/stylesheet';
9
10
  import {
@@ -128,14 +129,11 @@ const styles = stylesheet.create({
128
129
  'calc(var(--epr-category-navigation-button-size) * -3)'
129
130
  }
130
131
  },
132
+ ...darkMode('catBtn', DarkPositionY),
131
133
  '.epr-dark-theme': {
132
- catBtn: DarkPositionY,
133
134
  ...DarkInactivePosition
134
135
  },
135
136
  '.epr-auto-theme': {
136
- catBtn: {
137
- '@media (prefers-color-scheme: dark)': DarkPositionY
138
- },
139
137
  ...DarkInactivePosition
140
138
  }
141
139
  });