@hh.ru/magritte-ui-chat-bubble 3.0.7 → 3.0.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.
Files changed (18) hide show
  1. package/Call.js +1 -1
  2. package/ChatBubble.js +1 -1
  3. package/File.js +1 -1
  4. package/Label.js +1 -1
  5. package/Media.js +1 -1
  6. package/Message.js +1 -1
  7. package/Meta.js +1 -1
  8. package/Reply.js +1 -1
  9. package/Snippet.js +1 -1
  10. package/Status.js +1 -1
  11. package/Tail.js +1 -1
  12. package/chat-bubble-BdJO3-jr.js +5 -0
  13. package/chat-bubble-BdJO3-jr.js.map +1 -0
  14. package/index.css +114 -114
  15. package/index.js +1 -1
  16. package/package.json +17 -16
  17. package/chat-bubble-BOBGge0h.js +0 -5
  18. package/chat-bubble-BOBGge0h.js.map +0 -1
package/Call.js CHANGED
@@ -6,7 +6,7 @@ import { useChatBubbleColors } from './internal/colors.js';
6
6
  import { useChatBubbleMode } from './internal/mode.js';
7
7
  import { markMetaHost } from './internal/utils.js';
8
8
  import { PhoneCrossFilledSize24, PhoneArrowOutFilledSize24, PhoneArrowInFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';
9
- import { s as styles } from './chat-bubble-BOBGge0h.js';
9
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
10
10
 
11
11
  const ChatBubbleCallComponent = forwardRef(
12
12
  ({ "data-qa": dataQa = "chat-bubble-call", title, description, meta, state = "connected", ...props }, ref) => {
package/ChatBubble.js CHANGED
@@ -22,7 +22,7 @@ import { flattenFragments, isMetaHost } from './internal/utils.js';
22
22
  import { ExclamationCircleFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';
23
23
  import { Menu } from '@hh.ru/magritte-ui-menu';
24
24
  import { Text } from '@hh.ru/magritte-ui-typography';
25
- import { s as styles } from './chat-bubble-BOBGge0h.js';
25
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
26
26
  import '@hh.ru/magritte-ui-cell';
27
27
  import '@hh.ru/magritte-ui-link';
28
28
  import '@hh.ru/magritte-ui-loader';
package/File.js CHANGED
@@ -7,7 +7,7 @@ import { markMetaHost } from './internal/utils.js';
7
7
  import { ArrowDownLineOutlinedSize24, DocumentOutlinedSize24, ExclamationTriangleOutlinedSize16 } from '@hh.ru/magritte-ui-icon/icon';
8
8
  import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
9
9
  import { Loader } from '@hh.ru/magritte-ui-loader';
10
- import { s as styles } from './chat-bubble-BOBGge0h.js';
10
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
11
11
  import './internal/mode.js';
12
12
 
13
13
  const ChatBubbleFileComponent = forwardRef(
package/Label.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { useChatBubbleColors } from './internal/colors.js';
5
5
  import { Text } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from './chat-bubble-BOBGge0h.js';
6
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  const ChatBubbleLabel = forwardRef(({ children, ...props }, ref) => {
package/Media.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { markMetaHost } from './internal/utils.js';
5
5
  import { Text } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from './chat-bubble-BOBGge0h.js';
6
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
7
7
 
8
8
  const ChatBubbleMediaComponent = forwardRef(
9
9
  ({ alt, children, "data-qa": dataQa = "chat-bubble-media", meta, src, format, width, height, ...props }, ref) => {
package/Message.js CHANGED
@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
4
4
  import { useChatBubbleColors } from './internal/colors.js';
5
5
  import { markMetaHost } from './internal/utils.js';
6
6
  import { Text } from '@hh.ru/magritte-ui-typography';
7
- import { s as styles } from './chat-bubble-BOBGge0h.js';
7
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
8
8
  import './internal/mode.js';
9
9
 
10
10
  const ChatBubbleMessageComponent = forwardRef(
package/Meta.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useTranslation } from '@hh.ru/magritte-common-use-translation';
4
4
  import { getColors } from './internal/colors.js';
5
5
  import { Text } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from './chat-bubble-BOBGge0h.js';
6
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
7
7
  import './internal/mode.js';
8
8
  import 'react';
9
9
 
package/Reply.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { useChatBubbleColors } from './internal/colors.js';
5
5
  import { Text } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from './chat-bubble-BOBGge0h.js';
6
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  const ChatBubbleReply = forwardRef(
package/Snippet.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { useChatBubbleColors } from './internal/colors.js';
5
5
  import { Text } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from './chat-bubble-BOBGge0h.js';
6
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  const ChatBubbleSnippetComponent = forwardRef(
package/Status.js CHANGED
@@ -7,7 +7,7 @@ import { getColors } from './internal/colors.js';
7
7
  import { useChatBubbleMode } from './internal/mode.js';
8
8
  import { EyeOutlinedSize16, ClockOutlinedSize16, CheckOutlinedSize16, CheckDoubleOutlinedSize16, TrashOutlinedSize16 } from '@hh.ru/magritte-ui-icon/icon';
9
9
  import { TooltipHover } from '@hh.ru/magritte-ui-tooltip';
10
- import { s as styles } from './chat-bubble-BOBGge0h.js';
10
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
11
11
 
12
12
  const ICON = {
13
13
  sending: ClockOutlinedSize16,
package/Tail.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { useChatBubbleMode } from './internal/mode.js';
5
- import { s as styles } from './chat-bubble-BOBGge0h.js';
5
+ import { s as styles } from './chat-bubble-BdJO3-jr.js';
6
6
  import 'react';
7
7
 
8
8
  const OUTLINE = "M6.5 0C6.5 7.5 5.2 11.8 1.6 13.4C0.9 13.9 0.6 14.5 1.1 14.5H7";
package/chat-bubble-BdJO3-jr.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-8","chatBubble":"magritte-chat-bubble___ds9CP_3-0-8","outgoing":"magritte-outgoing___3n00o_3-0-8","bot":"magritte-bot___Z6vZA_3-0-8","row":"magritte-row___mQNnt_3-0-8","bubble":"magritte-bubble___NVuDI_3-0-8","with-tail":"magritte-with-tail___IdixJ_3-0-8","withTail":"magritte-with-tail___IdixJ_3-0-8","tail":"magritte-tail___E2hdk_3-0-8","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-8","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-8","buttons":"magritte-buttons___yQqBi_3-0-8","aside":"magritte-aside___bTex-_3-0-8","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-8","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-8","error-text":"magritte-error-text___1ZxWY_3-0-8","errorText":"magritte-error-text___1ZxWY_3-0-8","file":"magritte-file___k2IKy_3-0-8","file-preview":"magritte-file-preview___eJKu8_3-0-8","filePreview":"magritte-file-preview___eJKu8_3-0-8","media":"magritte-media___9jH2k_3-0-8","media-blur":"magritte-media-blur___TbiMa_3-0-8","mediaBlur":"magritte-media-blur___TbiMa_3-0-8","media-image":"magritte-media-image___G-FkF_3-0-8","mediaImage":"magritte-media-image___G-FkF_3-0-8","media-content":"magritte-media-content___n3XbD_3-0-8","mediaContent":"magritte-media-content___n3XbD_3-0-8","media-format":"magritte-media-format___AdfCK_3-0-8","mediaFormat":"magritte-media-format___AdfCK_3-0-8","media-meta":"magritte-media-meta___oSxxr_3-0-8","mediaMeta":"magritte-media-meta___oSxxr_3-0-8","reply":"magritte-reply___-QCK7_3-0-8","reply-preview":"magritte-reply-preview___qvlNT_3-0-8","replyPreview":"magritte-reply-preview___qvlNT_3-0-8","reply-body":"magritte-reply-body___f2xx7_3-0-8","replyBody":"magritte-reply-body___f2xx7_3-0-8","snippet":"magritte-snippet___8k9xb_3-0-8","meta":"magritte-meta___1qhjm_3-0-8","edited":"magritte-edited___m-zmB_3-0-8","status":"magritte-status___dHzCt_3-0-8","message-title":"magritte-message-title___dgBFk_3-0-8","messageTitle":"magritte-message-title___dgBFk_3-0-8","label":"magritte-label___i0Wyt_3-0-8","message":"magritte-message___7TEpw_3-0-8"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=chat-bubble-BdJO3-jr.js.map
package/chat-bubble-BdJO3-jr.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-bubble-BdJO3-jr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -1,85 +1,85 @@
1
1
  :root{
2
- --magritte-color-background-overlay-v26-0-1:#20262bad;
3
- --magritte-color-text-constant-v26-0-1:#ffffff;
4
- --magritte-color-component-chat-bubble-background-incoming-v26-0-1:#F4F6FB;
5
- --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#0070ff;
6
- --magritte-color-component-chat-bubble-background-bot-v26-0-1:#f9f7ff;
7
- --magritte-color-component-chat-bubble-border-incoming-v26-0-1:#EEF1F7;
8
- --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#0d63e3;
9
- --magritte-color-component-chat-bubble-border-bot-v26-0-1:#f3eeff;
10
- --magritte-color-component-chat-bubble-border-image-v26-0-1:#0000001a;
11
- --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1:#EEF1F7;
12
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#2b7fff;
13
- --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1:#f3eeff;
14
- --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1:#0070ff;
15
- --magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-1:#f3f9ff;
16
- --magritte-color-component-chat-bubble-snippet-line-bot-v26-0-1:#9054ea;
2
+ --magritte-color-background-overlay-v26-0-2:#20262bad;
3
+ --magritte-color-text-constant-v26-0-2:#ffffff;
4
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-2:#F4F6FB;
5
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-2:#0070ff;
6
+ --magritte-color-component-chat-bubble-background-bot-v26-0-2:#f9f7ff;
7
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-2:#EEF1F7;
8
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-2:#0d63e3;
9
+ --magritte-color-component-chat-bubble-border-bot-v26-0-2:#f3eeff;
10
+ --magritte-color-component-chat-bubble-border-image-v26-0-2:#0000001a;
11
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-2:#EEF1F7;
12
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-2:#2b7fff;
13
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-2:#f3eeff;
14
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-2:#0070ff;
15
+ --magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-2:#f3f9ff;
16
+ --magritte-color-component-chat-bubble-snippet-line-bot-v26-0-2:#9054ea;
17
17
  }
18
18
 
19
19
  :root{
20
- --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
20
+ --magritte-semantic-animation-time-s-duration-v26-0-2:200ms;
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-component-chat-bubble-background-incoming-v26-0-1:#262626;
25
- --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#2b7fff;
26
- --magritte-color-component-chat-bubble-background-bot-v26-0-1:#312F47;
27
- --magritte-color-component-chat-bubble-border-incoming-v26-0-1:#303030;
28
- --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#0070ff;
29
- --magritte-color-component-chat-bubble-border-bot-v26-0-1:#403A59;
30
- --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1:#303030;
31
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#468ffd;
32
- --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1:#403A59;
24
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-2:#262626;
25
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-2:#2b7fff;
26
+ --magritte-color-component-chat-bubble-background-bot-v26-0-2:#312F47;
27
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-2:#303030;
28
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-2:#0070ff;
29
+ --magritte-color-component-chat-bubble-border-bot-v26-0-2:#403A59;
30
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-2:#303030;
31
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-2:#468ffd;
32
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-2:#403A59;
33
33
  }
34
34
 
35
35
  .magritte-zp-day-theme{
36
- --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#7195AF;
37
- --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#557B96;
38
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#90ACC1;
39
- --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1:#557B96;
40
- }
41
- .magritte-chat-bubble___ds9CP_3-0-7{
42
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v26-0-1);
43
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v26-0-1);
44
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1);
45
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1);
36
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-2:#7195AF;
37
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-2:#557B96;
38
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-2:#90ACC1;
39
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-2:#557B96;
40
+ }
41
+ .magritte-chat-bubble___ds9CP_3-0-8{
42
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v26-0-2);
43
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v26-0-2);
44
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-2);
45
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-2);
46
46
  display:flex;
47
47
  flex-direction:column;
48
48
  align-items:flex-start;
49
49
  max-width:calc(100% - 40px);
50
50
  }
51
51
  @media (min-width: 1020px){
52
- body.magritte-old-layout .magritte-chat-bubble___ds9CP_3-0-7{
52
+ body.magritte-old-layout .magritte-chat-bubble___ds9CP_3-0-8{
53
53
  max-width:min(460px, 100%);
54
54
  }
55
55
  }
56
56
  @media (min-width: 1024px){
57
- body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_3-0-7{
57
+ body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_3-0-8{
58
58
  max-width:min(460px, 100%);
59
59
  }
60
60
  }
61
- .magritte-outgoing___3n00o_3-0-7{
62
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v26-0-1);
63
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v26-0-1);
64
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1);
65
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-1);
61
+ .magritte-outgoing___3n00o_3-0-8{
62
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v26-0-2);
63
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v26-0-2);
64
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-2);
65
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-2);
66
66
  align-items:flex-end;
67
67
  margin-left:auto;
68
68
  }
69
- .magritte-bot___Z6vZA_3-0-7{
70
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v26-0-1);
71
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v26-0-1);
72
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1);
73
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v26-0-1);
69
+ .magritte-bot___Z6vZA_3-0-8{
70
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v26-0-2);
71
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v26-0-2);
72
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v26-0-2);
73
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v26-0-2);
74
74
  }
75
- .magritte-row___mQNnt_3-0-7{
75
+ .magritte-row___mQNnt_3-0-8{
76
76
  display:flex;
77
77
  position:relative;
78
78
  align-items:flex-end;
79
79
  gap:8px;
80
80
  max-width:100%;
81
81
  }
82
- .magritte-bubble___NVuDI_3-0-7{
82
+ .magritte-bubble___NVuDI_3-0-8{
83
83
  position:relative;
84
84
  box-sizing:border-box;
85
85
  min-width:0;
@@ -90,31 +90,31 @@
90
90
  border-radius:20px;
91
91
  overflow-wrap:break-word;
92
92
  }
93
- .magritte-with-tail___IdixJ_3-0-7 .magritte-bubble___NVuDI_3-0-7{
93
+ .magritte-with-tail___IdixJ_3-0-8 .magritte-bubble___NVuDI_3-0-8{
94
94
  border-bottom-left-radius:0;
95
95
  }
96
- .magritte-with-tail___IdixJ_3-0-7.magritte-outgoing___3n00o_3-0-7 .magritte-bubble___NVuDI_3-0-7{
96
+ .magritte-with-tail___IdixJ_3-0-8.magritte-outgoing___3n00o_3-0-8 .magritte-bubble___NVuDI_3-0-8{
97
97
  border-bottom-left-radius:20px;
98
98
  border-bottom-right-radius:0;
99
99
  }
100
- .magritte-tail___E2hdk_3-0-7{
100
+ .magritte-tail___E2hdk_3-0-8{
101
101
  position:absolute;
102
102
  bottom:-1px;
103
103
  left:-7px;
104
104
  }
105
- .magritte-tail-outgoing___Pn3MI_3-0-7{
105
+ .magritte-tail-outgoing___Pn3MI_3-0-8{
106
106
  left:auto;
107
107
  right:-7px;
108
108
  transform:scaleX(-1);
109
109
  }
110
- .magritte-buttons___yQqBi_3-0-7{
110
+ .magritte-buttons___yQqBi_3-0-8{
111
111
  display:grid;
112
112
  grid-template-columns:repeat(2, 1fr);
113
113
  gap:8px;
114
114
  width:100%;
115
115
  margin-top:4px;
116
116
  }
117
- .magritte-aside___bTex-_3-0-7{
117
+ .magritte-aside___bTex-_3-0-8{
118
118
  display:flex;
119
119
  position:absolute;
120
120
  top:0;
@@ -123,35 +123,35 @@
123
123
  align-items:flex-start;
124
124
  padding-left:8px;
125
125
  opacity:0;
126
- transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-1) ease-in-out;
126
+ transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-2) ease-in-out;
127
127
  }
128
- .magritte-aside-revealed___CRBl7_3-0-7{
128
+ .magritte-aside-revealed___CRBl7_3-0-8{
129
129
  opacity:1;
130
130
  }
131
- .magritte-outgoing___3n00o_3-0-7 .magritte-aside___bTex-_3-0-7{
131
+ .magritte-outgoing___3n00o_3-0-8 .magritte-aside___bTex-_3-0-8{
132
132
  left:auto;
133
133
  right:100%;
134
134
  padding-right:8px;
135
135
  padding-left:0;
136
136
  }
137
- .magritte-buttons___yQqBi_3-0-7 > *:last-child:nth-child(odd){
137
+ .magritte-buttons___yQqBi_3-0-8 > *:last-child:nth-child(odd){
138
138
  grid-column:span 2;
139
139
  }
140
- .magritte-error-text___1ZxWY_3-0-7{
140
+ .magritte-error-text___1ZxWY_3-0-8{
141
141
  margin-top:2px;
142
142
  }
143
- .magritte-file___k2IKy_3-0-7{
143
+ .magritte-file___k2IKy_3-0-8{
144
144
  display:flex;
145
145
  align-items:flex-end;
146
146
  }
147
- .magritte-file-preview___eJKu8_3-0-7{
147
+ .magritte-file-preview___eJKu8_3-0-8{
148
148
  display:block;
149
149
  width:48px;
150
150
  height:48px;
151
151
  border-radius:8px;
152
152
  object-fit:cover;
153
153
  }
154
- .magritte-media___9jH2k_3-0-7{
154
+ .magritte-media___9jH2k_3-0-8{
155
155
  display:flex;
156
156
  position:relative;
157
157
  box-sizing:border-box;
@@ -161,21 +161,21 @@
161
161
  margin:0 -8px;
162
162
  border-radius:16px;
163
163
  overflow:hidden;
164
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
164
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-chat-bubble-border-image-v26-0-2);
165
165
  }
166
166
  @media (min-width: 1020px){
167
- body.magritte-old-layout .magritte-media___9jH2k_3-0-7{
167
+ body.magritte-old-layout .magritte-media___9jH2k_3-0-8{
168
168
  max-width:452px;
169
169
  max-height:452px;
170
170
  }
171
171
  }
172
172
  @media (min-width: 1024px){
173
- body:not(.magritte-old-layout) .magritte-media___9jH2k_3-0-7{
173
+ body:not(.magritte-old-layout) .magritte-media___9jH2k_3-0-8{
174
174
  max-width:452px;
175
175
  max-height:452px;
176
176
  }
177
177
  }
178
- .magritte-media-blur___TbiMa_3-0-7{
178
+ .magritte-media-blur___TbiMa_3-0-8{
179
179
  position:absolute;
180
180
  top:-96px;
181
181
  left:-96px;
@@ -185,7 +185,7 @@
185
185
  filter:blur(48px);
186
186
  object-fit:cover;
187
187
  }
188
- .magritte-media-image___G-FkF_3-0-7{
188
+ .magritte-media-image___G-FkF_3-0-8{
189
189
  display:block;
190
190
  position:relative;
191
191
  height:auto;
@@ -195,52 +195,52 @@
195
195
  object-fit:contain;
196
196
  }
197
197
  @media (min-width: 1020px){
198
- body.magritte-old-layout .magritte-media-image___G-FkF_3-0-7{
198
+ body.magritte-old-layout .magritte-media-image___G-FkF_3-0-8{
199
199
  max-height:452px;
200
200
  }
201
201
  }
202
202
  @media (min-width: 1024px){
203
- body:not(.magritte-old-layout) .magritte-media-image___G-FkF_3-0-7{
203
+ body:not(.magritte-old-layout) .magritte-media-image___G-FkF_3-0-8{
204
204
  max-height:452px;
205
205
  }
206
206
  }
207
- .magritte-media-content___n3XbD_3-0-7{
207
+ .magritte-media-content___n3XbD_3-0-8{
208
208
  display:flex;
209
209
  position:absolute;
210
210
  inset:0;
211
211
  align-items:center;
212
212
  justify-content:center;
213
213
  }
214
- .magritte-media-format___AdfCK_3-0-7{
214
+ .magritte-media-format___AdfCK_3-0-8{
215
215
  display:flex;
216
216
  position:absolute;
217
217
  padding:2px 8px;
218
- background-color:var(--magritte-color-background-overlay-v26-0-1);
218
+ background-color:var(--magritte-color-background-overlay-v26-0-2);
219
219
  border-radius:12px;
220
220
  backdrop-filter:blur(24px);
221
221
  top:4px;
222
222
  left:4px;
223
223
  }
224
- .magritte-media-meta___oSxxr_3-0-7{
225
- --magritte-ui-text-color-override:var(--magritte-color-text-constant-v26-0-1);
224
+ .magritte-media-meta___oSxxr_3-0-8{
225
+ --magritte-ui-text-color-override:var(--magritte-color-text-constant-v26-0-2);
226
226
  display:flex;
227
227
  position:absolute;
228
228
  padding:2px 8px;
229
- background-color:var(--magritte-color-background-overlay-v26-0-1);
229
+ background-color:var(--magritte-color-background-overlay-v26-0-2);
230
230
  border-radius:12px;
231
231
  backdrop-filter:blur(24px);
232
232
  right:4px;
233
233
  bottom:4px;
234
234
  align-items:center;
235
235
  }
236
- .magritte-media-meta___oSxxr_3-0-7:empty,
237
- .magritte-media-meta___oSxxr_3-0-7:has(> :empty){
236
+ .magritte-media-meta___oSxxr_3-0-8:empty,
237
+ .magritte-media-meta___oSxxr_3-0-8:has(> :empty){
238
238
  display:none;
239
239
  }
240
- .magritte-media-meta___oSxxr_3-0-7 > span{
240
+ .magritte-media-meta___oSxxr_3-0-8 > span{
241
241
  margin-left:0;
242
242
  }
243
- .magritte-reply___-QCK7_3-0-7{
243
+ .magritte-reply___-QCK7_3-0-8{
244
244
  display:flex;
245
245
  position:relative;
246
246
  padding:8px;
@@ -251,7 +251,7 @@
251
251
  align-items:center;
252
252
  gap:8px;
253
253
  }
254
- .magritte-reply___-QCK7_3-0-7::before{
254
+ .magritte-reply___-QCK7_3-0-8::before{
255
255
  content:'';
256
256
  position:absolute;
257
257
  top:0;
@@ -260,22 +260,22 @@
260
260
  width:4px;
261
261
  background-color:var(--magritte-chat-bubble-snippet-line);
262
262
  }
263
- .magritte-reply-preview___qvlNT_3-0-7{
263
+ .magritte-reply-preview___qvlNT_3-0-8{
264
264
  display:block;
265
265
  flex-shrink:0;
266
266
  width:40px;
267
267
  height:40px;
268
268
  border-radius:8px;
269
- outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
269
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-2);
270
270
  outline-offset:-1px;
271
271
  object-fit:cover;
272
272
  }
273
- .magritte-reply-body___f2xx7_3-0-7{
273
+ .magritte-reply-body___f2xx7_3-0-8{
274
274
  display:flex;
275
275
  flex-direction:column;
276
276
  min-width:0;
277
277
  }
278
- .magritte-snippet___8k9xb_3-0-7{
278
+ .magritte-snippet___8k9xb_3-0-8{
279
279
  display:flex;
280
280
  position:relative;
281
281
  padding:8px;
@@ -286,7 +286,7 @@
286
286
  flex-direction:column;
287
287
  gap:2px;
288
288
  }
289
- .magritte-snippet___8k9xb_3-0-7::before{
289
+ .magritte-snippet___8k9xb_3-0-8::before{
290
290
  content:'';
291
291
  position:absolute;
292
292
  top:0;
@@ -295,15 +295,15 @@
295
295
  width:4px;
296
296
  background-color:var(--magritte-chat-bubble-snippet-line);
297
297
  }
298
- .magritte-snippet___8k9xb_3-0-7 img{
298
+ .magritte-snippet___8k9xb_3-0-8 img{
299
299
  display:block;
300
300
  max-width:100%;
301
301
  border-radius:4px;
302
- outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
302
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-2);
303
303
  outline-offset:-1px;
304
304
  margin-top:6px;
305
305
  }
306
- .magritte-meta___1qhjm_3-0-7{
306
+ .magritte-meta___1qhjm_3-0-8{
307
307
  float:right;
308
308
  margin-left:12px;
309
309
  white-space:nowrap;
@@ -316,53 +316,53 @@
316
316
  text-transform:none;
317
317
  text-decoration:none;
318
318
  }
319
- .magritte-edited___m-zmB_3-0-7{
319
+ .magritte-edited___m-zmB_3-0-8{
320
320
  margin-right:4px;
321
321
  }
322
- .magritte-status___dHzCt_3-0-7{
322
+ .magritte-status___dHzCt_3-0-8{
323
323
  display:inline-flex;
324
324
  vertical-align:middle;
325
325
  }
326
- .magritte-status___dHzCt_3-0-7:not(:first-child){
326
+ .magritte-status___dHzCt_3-0-8:not(:first-child){
327
327
  margin-left:4px;
328
328
  }
329
- .magritte-message-title___dgBFk_3-0-7{
329
+ .magritte-message-title___dgBFk_3-0-8{
330
330
  margin-bottom:4px;
331
331
  }
332
- .magritte-label___i0Wyt_3-0-7 + .magritte-media___9jH2k_3-0-7,
333
- .magritte-label___i0Wyt_3-0-7 + .magritte-message___7TEpw_3-0-7,
334
- .magritte-label___i0Wyt_3-0-7 + .magritte-snippet___8k9xb_3-0-7,
335
- .magritte-message___7TEpw_3-0-7 + .magritte-message___7TEpw_3-0-7,
336
- .magritte-bubble___NVuDI_3-0-7 > .magritte-meta___1qhjm_3-0-7{
332
+ .magritte-label___i0Wyt_3-0-8 + .magritte-media___9jH2k_3-0-8,
333
+ .magritte-label___i0Wyt_3-0-8 + .magritte-message___7TEpw_3-0-8,
334
+ .magritte-label___i0Wyt_3-0-8 + .magritte-snippet___8k9xb_3-0-8,
335
+ .magritte-message___7TEpw_3-0-8 + .magritte-message___7TEpw_3-0-8,
336
+ .magritte-bubble___NVuDI_3-0-8 > .magritte-meta___1qhjm_3-0-8{
337
337
  margin-top:4px;
338
338
  }
339
- .magritte-label___i0Wyt_3-0-7 + .magritte-reply___-QCK7_3-0-7,
340
- .magritte-reply___-QCK7_3-0-7 + .magritte-media___9jH2k_3-0-7,
341
- .magritte-reply___-QCK7_3-0-7 + .magritte-message___7TEpw_3-0-7,
342
- .magritte-reply___-QCK7_3-0-7 + .magritte-snippet___8k9xb_3-0-7,
343
- .magritte-media___9jH2k_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
339
+ .magritte-label___i0Wyt_3-0-8 + .magritte-reply___-QCK7_3-0-8,
340
+ .magritte-reply___-QCK7_3-0-8 + .magritte-media___9jH2k_3-0-8,
341
+ .magritte-reply___-QCK7_3-0-8 + .magritte-message___7TEpw_3-0-8,
342
+ .magritte-reply___-QCK7_3-0-8 + .magritte-snippet___8k9xb_3-0-8,
343
+ .magritte-media___9jH2k_3-0-8 + .magritte-snippet___8k9xb_3-0-8{
344
344
  margin-top:8px;
345
345
  }
346
- .magritte-label___i0Wyt_3-0-7 + .magritte-file___k2IKy_3-0-7,
347
- .magritte-reply___-QCK7_3-0-7 + .magritte-file___k2IKy_3-0-7,
348
- .magritte-media___9jH2k_3-0-7 + .magritte-file___k2IKy_3-0-7,
349
- .magritte-media___9jH2k_3-0-7 + .magritte-message___7TEpw_3-0-7,
350
- .magritte-file___k2IKy_3-0-7 + .magritte-message___7TEpw_3-0-7,
351
- .magritte-file___k2IKy_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
346
+ .magritte-label___i0Wyt_3-0-8 + .magritte-file___k2IKy_3-0-8,
347
+ .magritte-reply___-QCK7_3-0-8 + .magritte-file___k2IKy_3-0-8,
348
+ .magritte-media___9jH2k_3-0-8 + .magritte-file___k2IKy_3-0-8,
349
+ .magritte-media___9jH2k_3-0-8 + .magritte-message___7TEpw_3-0-8,
350
+ .magritte-file___k2IKy_3-0-8 + .magritte-message___7TEpw_3-0-8,
351
+ .magritte-file___k2IKy_3-0-8 + .magritte-snippet___8k9xb_3-0-8{
352
352
  margin-top:12px;
353
353
  }
354
- .magritte-message___7TEpw_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
354
+ .magritte-message___7TEpw_3-0-8 + .magritte-snippet___8k9xb_3-0-8{
355
355
  margin-top:16px;
356
356
  }
357
- .magritte-file___k2IKy_3-0-7 + .magritte-file___k2IKy_3-0-7{
357
+ .magritte-file___k2IKy_3-0-8 + .magritte-file___k2IKy_3-0-8{
358
358
  margin-top:24px;
359
359
  }
360
- .magritte-label___i0Wyt_3-0-7{
360
+ .magritte-label___i0Wyt_3-0-8{
361
361
  margin-top:-4px;
362
362
  }
363
- .magritte-bubble___NVuDI_3-0-7 > .magritte-media___9jH2k_3-0-7:first-child{
363
+ .magritte-bubble___NVuDI_3-0-8 > .magritte-media___9jH2k_3-0-8:first-child{
364
364
  margin-top:-8px;
365
365
  }
366
- .magritte-bubble___NVuDI_3-0-7 > .magritte-media___9jH2k_3-0-7:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-7))){
366
+ .magritte-bubble___NVuDI_3-0-8 > .magritte-media___9jH2k_3-0-8:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-8))){
367
367
  margin-bottom:-8px;
368
368
  }
package/index.js CHANGED
@@ -11,7 +11,7 @@ import './internal/colors.js';
11
11
  import './internal/mode.js';
12
12
  import './internal/utils.js';
13
13
  import '@hh.ru/magritte-ui-icon/icon';
14
- import './chat-bubble-BOBGge0h.js';
14
+ import './chat-bubble-BdJO3-jr.js';
15
15
  import './ErrorAction.js';
16
16
  import './internal/errorMenu.js';
17
17
  import '@hh.ru/magritte-ui-menu';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chat-bubble",
3
- "version": "3.0.7",
3
+ "version": "3.0.8",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -16,23 +16,24 @@
16
16
  "ts-config": "yarn root:ts-config $(pwd)",
17
17
  "ts-check": "yarn root:ts-check $(pwd)",
18
18
  "test": "yarn root:test $(pwd)",
19
+ "test:types": "yarn root:test:types $(pwd)",
19
20
  "watch": "yarn root:watch $(pwd)"
20
21
  },
21
22
  "dependencies": {
22
- "@hh.ru/magritte-common-mouse": "1.2.1",
23
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
24
- "@hh.ru/magritte-common-use-translation": "3.6.1",
25
- "@hh.ru/magritte-design-tokens": "26.0.1",
26
- "@hh.ru/magritte-ui-breakpoint": "6.1.2",
27
- "@hh.ru/magritte-ui-button": "7.3.7",
28
- "@hh.ru/magritte-ui-cell": "7.3.3",
29
- "@hh.ru/magritte-ui-icon": "15.1.5",
30
- "@hh.ru/magritte-ui-link": "7.2.6",
31
- "@hh.ru/magritte-ui-loader": "4.1.6",
32
- "@hh.ru/magritte-ui-menu": "1.0.48",
33
- "@hh.ru/magritte-ui-mock-component": "1.1.8",
34
- "@hh.ru/magritte-ui-tooltip": "11.0.51",
35
- "@hh.ru/magritte-ui-typography": "5.3.16"
23
+ "@hh.ru/magritte-common-mouse": "1.2.2",
24
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.13",
25
+ "@hh.ru/magritte-common-use-translation": "3.6.2",
26
+ "@hh.ru/magritte-design-tokens": "26.0.2",
27
+ "@hh.ru/magritte-ui-breakpoint": "6.1.3",
28
+ "@hh.ru/magritte-ui-button": "7.3.8",
29
+ "@hh.ru/magritte-ui-cell": "7.3.4",
30
+ "@hh.ru/magritte-ui-icon": "15.1.6",
31
+ "@hh.ru/magritte-ui-link": "7.2.7",
32
+ "@hh.ru/magritte-ui-loader": "4.1.7",
33
+ "@hh.ru/magritte-ui-menu": "1.0.49",
34
+ "@hh.ru/magritte-ui-mock-component": "1.1.9",
35
+ "@hh.ru/magritte-ui-tooltip": "11.0.52",
36
+ "@hh.ru/magritte-ui-typography": "5.3.17"
36
37
  },
37
38
  "peerDependencies": {
38
39
  "classnames": ">=2.3.2",
@@ -41,5 +42,5 @@
41
42
  "publishConfig": {
42
43
  "access": "public"
43
44
  },
44
- "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
45
+ "gitHead": "33dbaa1dc9b9705e925ffc9f6fcc7a0dc153bd36"
45
46
  }
package/chat-bubble-BOBGge0h.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-7","chatBubble":"magritte-chat-bubble___ds9CP_3-0-7","outgoing":"magritte-outgoing___3n00o_3-0-7","bot":"magritte-bot___Z6vZA_3-0-7","row":"magritte-row___mQNnt_3-0-7","bubble":"magritte-bubble___NVuDI_3-0-7","with-tail":"magritte-with-tail___IdixJ_3-0-7","withTail":"magritte-with-tail___IdixJ_3-0-7","tail":"magritte-tail___E2hdk_3-0-7","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-7","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-7","buttons":"magritte-buttons___yQqBi_3-0-7","aside":"magritte-aside___bTex-_3-0-7","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-7","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-7","error-text":"magritte-error-text___1ZxWY_3-0-7","errorText":"magritte-error-text___1ZxWY_3-0-7","file":"magritte-file___k2IKy_3-0-7","file-preview":"magritte-file-preview___eJKu8_3-0-7","filePreview":"magritte-file-preview___eJKu8_3-0-7","media":"magritte-media___9jH2k_3-0-7","media-blur":"magritte-media-blur___TbiMa_3-0-7","mediaBlur":"magritte-media-blur___TbiMa_3-0-7","media-image":"magritte-media-image___G-FkF_3-0-7","mediaImage":"magritte-media-image___G-FkF_3-0-7","media-content":"magritte-media-content___n3XbD_3-0-7","mediaContent":"magritte-media-content___n3XbD_3-0-7","media-format":"magritte-media-format___AdfCK_3-0-7","mediaFormat":"magritte-media-format___AdfCK_3-0-7","media-meta":"magritte-media-meta___oSxxr_3-0-7","mediaMeta":"magritte-media-meta___oSxxr_3-0-7","reply":"magritte-reply___-QCK7_3-0-7","reply-preview":"magritte-reply-preview___qvlNT_3-0-7","replyPreview":"magritte-reply-preview___qvlNT_3-0-7","reply-body":"magritte-reply-body___f2xx7_3-0-7","replyBody":"magritte-reply-body___f2xx7_3-0-7","snippet":"magritte-snippet___8k9xb_3-0-7","meta":"magritte-meta___1qhjm_3-0-7","edited":"magritte-edited___m-zmB_3-0-7","status":"magritte-status___dHzCt_3-0-7","message-title":"magritte-message-title___dgBFk_3-0-7","messageTitle":"magritte-message-title___dgBFk_3-0-7","label":"magritte-label___i0Wyt_3-0-7","message":"magritte-message___7TEpw_3-0-7"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=chat-bubble-BOBGge0h.js.map
package/chat-bubble-BOBGge0h.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"chat-bubble-BOBGge0h.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}