emoji-picker-react 4.7.7 → 4.7.8
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.
- package/dist/emoji-picker-react.cjs.development.js +8 -6
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +8 -6
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Reactions/BtnPlus.tsx +5 -6
- package/src/components/main/PickerMain.tsx +4 -0
|
@@ -18084,7 +18084,7 @@ function BtnPlus() {
|
|
|
18084
18084
|
var styles$4 = /*#__PURE__*/stylesheet.create({
|
|
18085
18085
|
plusSign: {
|
|
18086
18086
|
fontSize: '20px',
|
|
18087
|
-
padding: '
|
|
18087
|
+
padding: '17px',
|
|
18088
18088
|
color: 'var(--epr-text-color)',
|
|
18089
18089
|
borderRadius: '50%',
|
|
18090
18090
|
textAlign: 'center',
|
|
@@ -18094,7 +18094,7 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
|
|
|
18094
18094
|
display: 'flex',
|
|
18095
18095
|
justifyContent: 'center',
|
|
18096
18096
|
alignItems: 'center',
|
|
18097
|
-
transition: 'background-color 0.
|
|
18097
|
+
transition: 'background-color 0.2s ease-in-out',
|
|
18098
18098
|
':after': {
|
|
18099
18099
|
content: '',
|
|
18100
18100
|
minWidth: '20px',
|
|
@@ -18107,16 +18107,15 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
|
|
|
18107
18107
|
},
|
|
18108
18108
|
':hover': {
|
|
18109
18109
|
color: 'var(--epr-highlight-color)',
|
|
18110
|
-
backgroundColor: 'var(--epr-hover-bg-color)',
|
|
18110
|
+
backgroundColor: 'var(--epr-hover-bg-color-reduced-opacity)',
|
|
18111
18111
|
// @ts-ignore
|
|
18112
18112
|
':after': {
|
|
18113
|
-
backgroundPositionY: '-20px'
|
|
18114
|
-
transform: 'scale(1.2)'
|
|
18113
|
+
backgroundPositionY: '-20px'
|
|
18115
18114
|
}
|
|
18116
18115
|
},
|
|
18117
18116
|
':focus': {
|
|
18118
18117
|
color: 'var(--epr-highlight-color)',
|
|
18119
|
-
backgroundColor: 'var(--epr-hover-bg-color)',
|
|
18118
|
+
backgroundColor: 'var(--epr-hover-bg-color-reduced-opacity)',
|
|
18120
18119
|
// @ts-ignore
|
|
18121
18120
|
':after': {
|
|
18122
18121
|
backgroundPositionY: '-40px'
|
|
@@ -20281,6 +20280,7 @@ function PickerRootElement(_ref2) {
|
|
|
20281
20280
|
}
|
|
20282
20281
|
var DarkTheme = {
|
|
20283
20282
|
'--epr-emoji-variation-picker-bg-color': 'var(--epr-dark-emoji-variation-picker-bg-color)',
|
|
20283
|
+
'--epr-hover-bg-color-reduced-opacity': 'var(--epr-dark-hover-bg-color-reduced-opacity)',
|
|
20284
20284
|
'--epr-highlight-color': 'var(--epr-dark-highlight-color)',
|
|
20285
20285
|
'--epr-text-color': 'var(--epr-dark-text-color)',
|
|
20286
20286
|
'--epr-hover-bg-color': 'var(--epr-dark-hover-bg-color)',
|
|
@@ -20318,6 +20318,7 @@ var styles$j = /*#__PURE__*/stylesheet.create({
|
|
|
20318
20318
|
'--': {
|
|
20319
20319
|
'--epr-highlight-color': '#007aeb',
|
|
20320
20320
|
'--epr-hover-bg-color': '#f1f8ff',
|
|
20321
|
+
'--epr-hover-bg-color-reduced-opacity': '#f1f8ff80',
|
|
20321
20322
|
'--epr-focus-bg-color': '#e0f0ff',
|
|
20322
20323
|
'--epr-text-color': '#858585',
|
|
20323
20324
|
'--epr-search-input-bg-color': '#f6f6f6',
|
|
@@ -20379,6 +20380,7 @@ var styles$j = /*#__PURE__*/stylesheet.create({
|
|
|
20379
20380
|
'--epr-dark-highlight-color': '#c0c0c0',
|
|
20380
20381
|
'--epr-dark-text-color': 'var(--epr-highlight-color)',
|
|
20381
20382
|
'--epr-dark-hover-bg-color': '#363636f6',
|
|
20383
|
+
'--epr-dark-hover-bg-color-reduced-opacity': '#36363680',
|
|
20382
20384
|
'--epr-dark-focus-bg-color': '#474747',
|
|
20383
20385
|
'--epr-dark-search-input-bg-color': '#333333',
|
|
20384
20386
|
'--epr-dark-category-label-bg-color': '#222222e6',
|