@skbkontur/markdown 2.2.2 → 2.2.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/Markdown/Emoji/Emoji.styled.js +1 -1
  3. package/src/Markdown/Emoji/EmojiDropdown.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/markdown",
3
- "version": "2.2.2",
3
+ "version": "2.2.3",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org/",
6
6
  "access": "public"
package/src/Markdown/Emoji/Emoji.styled.js CHANGED
@@ -9,7 +9,7 @@ import styled from '../../styles/styled-components';
9
9
  * https://github.com/missive/emoji-mart/blob/main/packages/emoji-mart-website/example-custom-styles.html
10
10
  */
11
11
  /* stylelint-disable function-name-case */
12
- export var EmojiPickerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n em-emoji-picker {\n --font-family: inherit;\n --shadow: unset;\n --rgb-accent: ", ";\n --color-border: ", ";\n --rgb-background: ", ";\n --rgb-input: ", ";\n --rgb-color: ", ";\n\n max-height: 300px;\n }\n"], ["\n em-emoji-picker {\n --font-family: inherit;\n --shadow: unset;\n --rgb-accent: ", ";\n --color-border: ", ";\n --rgb-background: ", ";\n --rgb-input: ", ";\n --rgb-color: ", ";\n\n max-height: 300px;\n }\n"])), function (_a) {
12
+ export var EmojiPickerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n em-emoji-picker {\n --font-family: inherit;\n --shadow: unset;\n --rgb-accent: ", ";\n --color-border: ", ";\n --rgb-background: ", ";\n --rgb-input: ", ";\n --rgb-color: ", ";\n\n max-height: 300px;\n max-width: 300px;\n min-width: 300px;\n }\n"], ["\n em-emoji-picker {\n --font-family: inherit;\n --shadow: unset;\n --rgb-accent: ", ";\n --color-border: ", ";\n --rgb-background: ", ";\n --rgb-input: ", ";\n --rgb-color: ", ";\n\n max-height: 300px;\n max-width: 300px;\n min-width: 300px;\n }\n"])), function (_a) {
13
13
  var theme = _a.theme;
14
14
  return getColor(theme.colors.brand);
15
15
  }, function (_a) {
package/src/Markdown/Emoji/EmojiDropdown.js CHANGED
@@ -16,9 +16,9 @@ export var EmojiDropdown = function (_a) {
16
16
  return (React.createElement(DropdownMenu, { ref: dropdownMenuRef, caption: function (_a) {
17
17
  var toggleMenu = _a.toggleMenu;
18
18
  return (React.createElement(MarkdownFormatButton, { showShortKey: showShortKey, hintText: "Emoji", disabled: isPreviewMode, icon: React.createElement(EmojiFace, null), text: "Emoji", onClick: toggleMenu }));
19
- }, positions: ['bottom left', 'bottom right', 'top left', 'top right'] },
19
+ }, positions: ['bottom right', 'bottom left', 'top right', 'top right'] },
20
20
  React.createElement(EmojiPickerWrapper, null,
21
- React.createElement(EmojiPicker, { data: data, i18n: emojiLocale, locale: "ru", theme: currentTheme.themeMode, skinTonePosition: "none", previewPosition: "none", onEmojiSelect: handleSelectEmoji }))));
21
+ React.createElement(EmojiPicker, { dynamicWidth: true, data: data, i18n: emojiLocale, locale: "ru", theme: currentTheme.themeMode, skinTonePosition: "none", previewPosition: "none", onEmojiSelect: handleSelectEmoji }))));
22
22
  }));
23
23
  function handleSelectEmoji(data) {
24
24
  var _a;