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