emoji-picker-react 4.7.2 → 4.7.3

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 (13) hide show
  1. package/dist/components/emoji/ClickableEmojiButton.d.ts +2 -2
  2. package/dist/components/emoji/Emoji.d.ts +2 -2
  3. package/dist/emoji-picker-react.cjs.development.js +19 -10
  4. package/dist/emoji-picker-react.cjs.development.js.map +1 -1
  5. package/dist/emoji-picker-react.cjs.production.min.js +1 -1
  6. package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
  7. package/dist/emoji-picker-react.esm.js +19 -10
  8. package/dist/emoji-picker-react.esm.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/Reactions/BtnPlus.tsx +2 -1
  11. package/src/components/Reactions/Reactions.tsx +1 -1
  12. package/src/components/emoji/ClickableEmojiButton.tsx +13 -5
  13. package/src/components/emoji/Emoji.tsx +3 -3
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "4.7.2",
2
+ "version": "4.7.3",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
package/src/components/Reactions/BtnPlus.tsx CHANGED
@@ -49,7 +49,8 @@ const styles = stylesheet.create({
49
49
  backgroundColor: 'var(--epr-hover-bg-color)',
50
50
  // @ts-ignore
51
51
  ':after': {
52
- backgroundPositionY: '-20px'
52
+ backgroundPositionY: '-20px',
53
+ transform: 'scale(1.2)'
53
54
  }
54
55
  },
55
56
  ':focus': {
package/src/components/Reactions/Reactions.tsx CHANGED
@@ -40,7 +40,7 @@ export function Reactions() {
40
40
  unified={reaction}
41
41
  showVariations={false}
42
42
  className={cx(styles.emojiButton)}
43
- round
43
+ noBackground
44
44
  />
45
45
  </li>
46
46
  ))}
package/src/components/emoji/ClickableEmojiButton.tsx CHANGED
@@ -17,7 +17,7 @@ type ClickableEmojiButtonProps = Readonly<{
17
17
  children: React.ReactNode;
18
18
  hasVariations: boolean;
19
19
  unified?: string;
20
- round?: boolean;
20
+ noBackground?: boolean;
21
21
  className?: string;
22
22
  }>;
23
23
 
@@ -30,7 +30,7 @@ export function ClickableEmojiButton({
30
30
  hasVariations,
31
31
  children,
32
32
  className,
33
- round = false
33
+ noBackground = false
34
34
  }: ClickableEmojiButtonProps) {
35
35
  return (
36
36
  <Button
@@ -42,7 +42,7 @@ export function ClickableEmojiButton({
42
42
  [ClassNames.visible]: !hidden && !hiddenOnSearch
43
43
  },
44
44
  !!(hasVariations && showVariations) && styles.hasVariations,
45
- round && styles.round,
45
+ noBackground && styles.noBackground,
46
46
  className
47
47
  )}
48
48
  data-unified={unified}
@@ -76,8 +76,16 @@ const styles = stylesheet.create({
76
76
  backgroundColor: 'var(--epr-focus-bg-color)'
77
77
  }
78
78
  },
79
- round: {
80
- borderRadius: '50%'
79
+ noBackground: {
80
+ background: 'none',
81
+ ':hover': {
82
+ backgroundColor: 'transparent',
83
+ background: 'none'
84
+ },
85
+ ':focus': {
86
+ backgroundColor: 'transparent',
87
+ background: 'none'
88
+ }
81
89
  },
82
90
  hasVariations: {
83
91
  '.': ClassNames.emojiHasVariations,
package/src/components/emoji/Emoji.tsx CHANGED
@@ -14,7 +14,7 @@ type ClickableEmojiProps = Readonly<
14
14
  hiddenOnSearch?: boolean;
15
15
  emoji: DataEmoji;
16
16
  className?: string;
17
- round?: boolean;
17
+ noBackground?: boolean;
18
18
  }
19
19
  >;
20
20
 
@@ -29,7 +29,7 @@ export function ClickableEmoji({
29
29
  lazyLoad,
30
30
  getEmojiUrl,
31
31
  className,
32
- round = false
32
+ noBackground = false
33
33
  }: ClickableEmojiProps) {
34
34
  const hasVariations = emojiHasVariations(emoji);
35
35
 
@@ -41,7 +41,7 @@ export function ClickableEmoji({
41
41
  hiddenOnSearch={hiddenOnSearch}
42
42
  emojiNames={emojiNames(emoji)}
43
43
  unified={unified}
44
- round={round}
44
+ noBackground={noBackground}
45
45
  >
46
46
  <ViewOnlyEmoji
47
47
  unified={unified}