@hh.ru/magritte-ui-chat-bubble 3.0.5 → 3.0.6

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/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-DgO7_sM3.js';
9
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
10
10
 
11
11
  /** Входящий/исходящий звонок */
12
12
  const ChatBubbleCallComponent = forwardRef(({ '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-DgO7_sM3.js';
25
+ import { s as styles } from './chat-bubble-C5CrJD5o.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 { ExclamationTriangleOutlinedSize16, ArrowDownLineOutlinedSize24, DocumentOutlinedSize24 } 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-DgO7_sM3.js';
10
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
11
11
  import './internal/mode.js';
12
12
 
13
13
  /** Прикреплённый файл */
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-DgO7_sM3.js';
6
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  /**
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-DgO7_sM3.js';
6
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
7
7
 
8
8
  /**
9
9
  * Медиа в сообщении
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-DgO7_sM3.js';
7
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
8
8
  import './internal/mode.js';
9
9
 
10
10
  /**
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-DgO7_sM3.js';
6
+ import { s as styles } from './chat-bubble-C5CrJD5o.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-DgO7_sM3.js';
6
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  /**
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-DgO7_sM3.js';
6
+ import { s as styles } from './chat-bubble-C5CrJD5o.js';
7
7
  import './internal/mode.js';
8
8
 
9
9
  /**
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-DgO7_sM3.js';
10
+ import { s as styles } from './chat-bubble-C5CrJD5o.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-DgO7_sM3.js';
5
+ import { s as styles } from './chat-bubble-C5CrJD5o.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';
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-6","chatBubble":"magritte-chat-bubble___ds9CP_3-0-6","outgoing":"magritte-outgoing___3n00o_3-0-6","bot":"magritte-bot___Z6vZA_3-0-6","row":"magritte-row___mQNnt_3-0-6","bubble":"magritte-bubble___NVuDI_3-0-6","with-tail":"magritte-with-tail___IdixJ_3-0-6","withTail":"magritte-with-tail___IdixJ_3-0-6","tail":"magritte-tail___E2hdk_3-0-6","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-6","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-6","buttons":"magritte-buttons___yQqBi_3-0-6","aside":"magritte-aside___bTex-_3-0-6","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-6","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-6","error-text":"magritte-error-text___1ZxWY_3-0-6","errorText":"magritte-error-text___1ZxWY_3-0-6","file":"magritte-file___k2IKy_3-0-6","file-preview":"magritte-file-preview___eJKu8_3-0-6","filePreview":"magritte-file-preview___eJKu8_3-0-6","media":"magritte-media___9jH2k_3-0-6","media-blur":"magritte-media-blur___TbiMa_3-0-6","mediaBlur":"magritte-media-blur___TbiMa_3-0-6","media-image":"magritte-media-image___G-FkF_3-0-6","mediaImage":"magritte-media-image___G-FkF_3-0-6","media-content":"magritte-media-content___n3XbD_3-0-6","mediaContent":"magritte-media-content___n3XbD_3-0-6","media-format":"magritte-media-format___AdfCK_3-0-6","mediaFormat":"magritte-media-format___AdfCK_3-0-6","media-meta":"magritte-media-meta___oSxxr_3-0-6","mediaMeta":"magritte-media-meta___oSxxr_3-0-6","reply":"magritte-reply___-QCK7_3-0-6","reply-preview":"magritte-reply-preview___qvlNT_3-0-6","replyPreview":"magritte-reply-preview___qvlNT_3-0-6","reply-body":"magritte-reply-body___f2xx7_3-0-6","replyBody":"magritte-reply-body___f2xx7_3-0-6","snippet":"magritte-snippet___8k9xb_3-0-6","meta":"magritte-meta___1qhjm_3-0-6","edited":"magritte-edited___m-zmB_3-0-6","status":"magritte-status___dHzCt_3-0-6","message-title":"magritte-message-title___dgBFk_3-0-6","messageTitle":"magritte-message-title___dgBFk_3-0-6","label":"magritte-label___i0Wyt_3-0-6","message":"magritte-message___7TEpw_3-0-6"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=chat-bubble-C5CrJD5o.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-bubble-C5CrJD5o.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -1,85 +1,85 @@
1
1
  :root{
2
- --magritte-color-background-overlay-v25-1-1:#20262bad;
3
- --magritte-color-text-constant-v25-1-1:#ffffff;
4
- --magritte-color-component-chat-bubble-background-incoming-v25-1-1:#F4F6FB;
5
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#0070ff;
6
- --magritte-color-component-chat-bubble-background-bot-v25-1-1:#f9f7ff;
7
- --magritte-color-component-chat-bubble-border-incoming-v25-1-1:#EEF1F7;
8
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#0d63e3;
9
- --magritte-color-component-chat-bubble-border-bot-v25-1-1:#f3eeff;
10
- --magritte-color-component-chat-bubble-border-image-v25-1-1:#0000001a;
11
- --magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1:#EEF1F7;
12
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#2b7fff;
13
- --magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1:#f3eeff;
14
- --magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1:#0070ff;
15
- --magritte-color-component-chat-bubble-snippet-line-outgoing-v25-1-1:#f3f9ff;
16
- --magritte-color-component-chat-bubble-snippet-line-bot-v25-1-1:#9054ea;
2
+ --magritte-color-background-overlay-v26-0-0:#20262bad;
3
+ --magritte-color-text-constant-v26-0-0:#ffffff;
4
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-0:#F4F6FB;
5
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-0:#0070ff;
6
+ --magritte-color-component-chat-bubble-background-bot-v26-0-0:#f9f7ff;
7
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-0:#EEF1F7;
8
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-0:#0d63e3;
9
+ --magritte-color-component-chat-bubble-border-bot-v26-0-0:#f3eeff;
10
+ --magritte-color-component-chat-bubble-border-image-v26-0-0:#0000001a;
11
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-0:#EEF1F7;
12
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-0:#2b7fff;
13
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-0:#f3eeff;
14
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-0:#0070ff;
15
+ --magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-0:#f3f9ff;
16
+ --magritte-color-component-chat-bubble-snippet-line-bot-v26-0-0:#9054ea;
17
17
  }
18
18
 
19
19
  :root{
20
- --magritte-semantic-animation-time-s-duration-v25-1-1:200ms;
20
+ --magritte-semantic-animation-time-s-duration-v26-0-0:200ms;
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-component-chat-bubble-background-incoming-v25-1-1:#262626;
25
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#2b7fff;
26
- --magritte-color-component-chat-bubble-background-bot-v25-1-1:#312F47;
27
- --magritte-color-component-chat-bubble-border-incoming-v25-1-1:#303030;
28
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#0070ff;
29
- --magritte-color-component-chat-bubble-border-bot-v25-1-1:#403A59;
30
- --magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1:#303030;
31
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#468ffd;
32
- --magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1:#403A59;
24
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-0:#262626;
25
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-0:#2b7fff;
26
+ --magritte-color-component-chat-bubble-background-bot-v26-0-0:#312F47;
27
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-0:#303030;
28
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-0:#0070ff;
29
+ --magritte-color-component-chat-bubble-border-bot-v26-0-0:#403A59;
30
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-0:#303030;
31
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-0:#468ffd;
32
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-0:#403A59;
33
33
  }
34
34
 
35
35
  .magritte-zp-day-theme{
36
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#7195AF;
37
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#557B96;
38
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#90ACC1;
39
- --magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1:#557B96;
40
- }
41
- .magritte-chat-bubble___ds9CP_3-0-5{
42
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v25-1-1);
43
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v25-1-1);
44
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1);
45
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1);
36
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-0:#7195AF;
37
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-0:#557B96;
38
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-0:#90ACC1;
39
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-0:#557B96;
40
+ }
41
+ .magritte-chat-bubble___ds9CP_3-0-6{
42
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v26-0-0);
43
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v26-0-0);
44
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-0);
45
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-0);
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-5{
52
+ body.magritte-old-layout .magritte-chat-bubble___ds9CP_3-0-6{
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-5{
57
+ body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_3-0-6{
58
58
  max-width:min(460px, 100%);
59
59
  }
60
60
  }
61
- .magritte-outgoing___3n00o_3-0-5{
62
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v25-1-1);
63
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v25-1-1);
64
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1);
65
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v25-1-1);
61
+ .magritte-outgoing___3n00o_3-0-6{
62
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v26-0-0);
63
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v26-0-0);
64
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-0);
65
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-0);
66
66
  align-items:flex-end;
67
67
  margin-left:auto;
68
68
  }
69
- .magritte-bot___Z6vZA_3-0-5{
70
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v25-1-1);
71
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v25-1-1);
72
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1);
73
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v25-1-1);
69
+ .magritte-bot___Z6vZA_3-0-6{
70
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v26-0-0);
71
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v26-0-0);
72
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v26-0-0);
73
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v26-0-0);
74
74
  }
75
- .magritte-row___mQNnt_3-0-5{
75
+ .magritte-row___mQNnt_3-0-6{
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-5{
82
+ .magritte-bubble___NVuDI_3-0-6{
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-5 .magritte-bubble___NVuDI_3-0-5{
93
+ .magritte-with-tail___IdixJ_3-0-6 .magritte-bubble___NVuDI_3-0-6{
94
94
  border-bottom-left-radius:0;
95
95
  }
96
- .magritte-with-tail___IdixJ_3-0-5.magritte-outgoing___3n00o_3-0-5 .magritte-bubble___NVuDI_3-0-5{
96
+ .magritte-with-tail___IdixJ_3-0-6.magritte-outgoing___3n00o_3-0-6 .magritte-bubble___NVuDI_3-0-6{
97
97
  border-bottom-left-radius:20px;
98
98
  border-bottom-right-radius:0;
99
99
  }
100
- .magritte-tail___E2hdk_3-0-5{
100
+ .magritte-tail___E2hdk_3-0-6{
101
101
  position:absolute;
102
102
  bottom:-1px;
103
103
  left:-7px;
104
104
  }
105
- .magritte-tail-outgoing___Pn3MI_3-0-5{
105
+ .magritte-tail-outgoing___Pn3MI_3-0-6{
106
106
  left:auto;
107
107
  right:-7px;
108
108
  transform:scaleX(-1);
109
109
  }
110
- .magritte-buttons___yQqBi_3-0-5{
110
+ .magritte-buttons___yQqBi_3-0-6{
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-5{
117
+ .magritte-aside___bTex-_3-0-6{
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-v25-1-1) ease-in-out;
126
+ transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-0) ease-in-out;
127
127
  }
128
- .magritte-aside-revealed___CRBl7_3-0-5{
128
+ .magritte-aside-revealed___CRBl7_3-0-6{
129
129
  opacity:1;
130
130
  }
131
- .magritte-outgoing___3n00o_3-0-5 .magritte-aside___bTex-_3-0-5{
131
+ .magritte-outgoing___3n00o_3-0-6 .magritte-aside___bTex-_3-0-6{
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-5 > *:last-child:nth-child(odd){
137
+ .magritte-buttons___yQqBi_3-0-6 > *:last-child:nth-child(odd){
138
138
  grid-column:span 2;
139
139
  }
140
- .magritte-error-text___1ZxWY_3-0-5{
140
+ .magritte-error-text___1ZxWY_3-0-6{
141
141
  margin-top:2px;
142
142
  }
143
- .magritte-file___k2IKy_3-0-5{
143
+ .magritte-file___k2IKy_3-0-6{
144
144
  display:flex;
145
145
  align-items:flex-end;
146
146
  }
147
- .magritte-file-preview___eJKu8_3-0-5{
147
+ .magritte-file-preview___eJKu8_3-0-6{
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-5{
154
+ .magritte-media___9jH2k_3-0-6{
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-v25-1-1);
164
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-chat-bubble-border-image-v26-0-0);
165
165
  }
166
166
  @media (min-width: 1020px){
167
- body.magritte-old-layout .magritte-media___9jH2k_3-0-5{
167
+ body.magritte-old-layout .magritte-media___9jH2k_3-0-6{
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-5{
173
+ body:not(.magritte-old-layout) .magritte-media___9jH2k_3-0-6{
174
174
  max-width:452px;
175
175
  max-height:452px;
176
176
  }
177
177
  }
178
- .magritte-media-blur___TbiMa_3-0-5{
178
+ .magritte-media-blur___TbiMa_3-0-6{
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-5{
188
+ .magritte-media-image___G-FkF_3-0-6{
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-5{
198
+ body.magritte-old-layout .magritte-media-image___G-FkF_3-0-6{
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-5{
203
+ body:not(.magritte-old-layout) .magritte-media-image___G-FkF_3-0-6{
204
204
  max-height:452px;
205
205
  }
206
206
  }
207
- .magritte-media-content___n3XbD_3-0-5{
207
+ .magritte-media-content___n3XbD_3-0-6{
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-5{
214
+ .magritte-media-format___AdfCK_3-0-6{
215
215
  display:flex;
216
216
  position:absolute;
217
217
  padding:2px 8px;
218
- background-color:var(--magritte-color-background-overlay-v25-1-1);
218
+ background-color:var(--magritte-color-background-overlay-v26-0-0);
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-5{
225
- --magritte-ui-text-color-override:var(--magritte-color-text-constant-v25-1-1);
224
+ .magritte-media-meta___oSxxr_3-0-6{
225
+ --magritte-ui-text-color-override:var(--magritte-color-text-constant-v26-0-0);
226
226
  display:flex;
227
227
  position:absolute;
228
228
  padding:2px 8px;
229
- background-color:var(--magritte-color-background-overlay-v25-1-1);
229
+ background-color:var(--magritte-color-background-overlay-v26-0-0);
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-5:empty,
237
- .magritte-media-meta___oSxxr_3-0-5:has(> :empty){
236
+ .magritte-media-meta___oSxxr_3-0-6:empty,
237
+ .magritte-media-meta___oSxxr_3-0-6:has(> :empty){
238
238
  display:none;
239
239
  }
240
- .magritte-media-meta___oSxxr_3-0-5 > span{
240
+ .magritte-media-meta___oSxxr_3-0-6 > span{
241
241
  margin-left:0;
242
242
  }
243
- .magritte-reply___-QCK7_3-0-5{
243
+ .magritte-reply___-QCK7_3-0-6{
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-5::before{
254
+ .magritte-reply___-QCK7_3-0-6::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-5{
263
+ .magritte-reply-preview___qvlNT_3-0-6{
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-v25-1-1);
269
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-0);
270
270
  outline-offset:-1px;
271
271
  object-fit:cover;
272
272
  }
273
- .magritte-reply-body___f2xx7_3-0-5{
273
+ .magritte-reply-body___f2xx7_3-0-6{
274
274
  display:flex;
275
275
  flex-direction:column;
276
276
  min-width:0;
277
277
  }
278
- .magritte-snippet___8k9xb_3-0-5{
278
+ .magritte-snippet___8k9xb_3-0-6{
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-5::before{
289
+ .magritte-snippet___8k9xb_3-0-6::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-5 img{
298
+ .magritte-snippet___8k9xb_3-0-6 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-v25-1-1);
302
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-0);
303
303
  outline-offset:-1px;
304
304
  margin-top:6px;
305
305
  }
306
- .magritte-meta___1qhjm_3-0-5{
306
+ .magritte-meta___1qhjm_3-0-6{
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-5{
319
+ .magritte-edited___m-zmB_3-0-6{
320
320
  margin-right:4px;
321
321
  }
322
- .magritte-status___dHzCt_3-0-5{
322
+ .magritte-status___dHzCt_3-0-6{
323
323
  display:inline-flex;
324
324
  vertical-align:middle;
325
325
  }
326
- .magritte-status___dHzCt_3-0-5:not(:first-child){
326
+ .magritte-status___dHzCt_3-0-6:not(:first-child){
327
327
  margin-left:4px;
328
328
  }
329
- .magritte-message-title___dgBFk_3-0-5{
329
+ .magritte-message-title___dgBFk_3-0-6{
330
330
  margin-bottom:4px;
331
331
  }
332
- .magritte-label___i0Wyt_3-0-5 + .magritte-media___9jH2k_3-0-5,
333
- .magritte-label___i0Wyt_3-0-5 + .magritte-message___7TEpw_3-0-5,
334
- .magritte-label___i0Wyt_3-0-5 + .magritte-snippet___8k9xb_3-0-5,
335
- .magritte-message___7TEpw_3-0-5 + .magritte-message___7TEpw_3-0-5,
336
- .magritte-bubble___NVuDI_3-0-5 > .magritte-meta___1qhjm_3-0-5{
332
+ .magritte-label___i0Wyt_3-0-6 + .magritte-media___9jH2k_3-0-6,
333
+ .magritte-label___i0Wyt_3-0-6 + .magritte-message___7TEpw_3-0-6,
334
+ .magritte-label___i0Wyt_3-0-6 + .magritte-snippet___8k9xb_3-0-6,
335
+ .magritte-message___7TEpw_3-0-6 + .magritte-message___7TEpw_3-0-6,
336
+ .magritte-bubble___NVuDI_3-0-6 > .magritte-meta___1qhjm_3-0-6{
337
337
  margin-top:4px;
338
338
  }
339
- .magritte-label___i0Wyt_3-0-5 + .magritte-reply___-QCK7_3-0-5,
340
- .magritte-reply___-QCK7_3-0-5 + .magritte-media___9jH2k_3-0-5,
341
- .magritte-reply___-QCK7_3-0-5 + .magritte-message___7TEpw_3-0-5,
342
- .magritte-reply___-QCK7_3-0-5 + .magritte-snippet___8k9xb_3-0-5,
343
- .magritte-media___9jH2k_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
339
+ .magritte-label___i0Wyt_3-0-6 + .magritte-reply___-QCK7_3-0-6,
340
+ .magritte-reply___-QCK7_3-0-6 + .magritte-media___9jH2k_3-0-6,
341
+ .magritte-reply___-QCK7_3-0-6 + .magritte-message___7TEpw_3-0-6,
342
+ .magritte-reply___-QCK7_3-0-6 + .magritte-snippet___8k9xb_3-0-6,
343
+ .magritte-media___9jH2k_3-0-6 + .magritte-snippet___8k9xb_3-0-6{
344
344
  margin-top:8px;
345
345
  }
346
- .magritte-label___i0Wyt_3-0-5 + .magritte-file___k2IKy_3-0-5,
347
- .magritte-reply___-QCK7_3-0-5 + .magritte-file___k2IKy_3-0-5,
348
- .magritte-media___9jH2k_3-0-5 + .magritte-file___k2IKy_3-0-5,
349
- .magritte-media___9jH2k_3-0-5 + .magritte-message___7TEpw_3-0-5,
350
- .magritte-file___k2IKy_3-0-5 + .magritte-message___7TEpw_3-0-5,
351
- .magritte-file___k2IKy_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
346
+ .magritte-label___i0Wyt_3-0-6 + .magritte-file___k2IKy_3-0-6,
347
+ .magritte-reply___-QCK7_3-0-6 + .magritte-file___k2IKy_3-0-6,
348
+ .magritte-media___9jH2k_3-0-6 + .magritte-file___k2IKy_3-0-6,
349
+ .magritte-media___9jH2k_3-0-6 + .magritte-message___7TEpw_3-0-6,
350
+ .magritte-file___k2IKy_3-0-6 + .magritte-message___7TEpw_3-0-6,
351
+ .magritte-file___k2IKy_3-0-6 + .magritte-snippet___8k9xb_3-0-6{
352
352
  margin-top:12px;
353
353
  }
354
- .magritte-message___7TEpw_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
354
+ .magritte-message___7TEpw_3-0-6 + .magritte-snippet___8k9xb_3-0-6{
355
355
  margin-top:16px;
356
356
  }
357
- .magritte-file___k2IKy_3-0-5 + .magritte-file___k2IKy_3-0-5{
357
+ .magritte-file___k2IKy_3-0-6 + .magritte-file___k2IKy_3-0-6{
358
358
  margin-top:24px;
359
359
  }
360
- .magritte-label___i0Wyt_3-0-5{
360
+ .magritte-label___i0Wyt_3-0-6{
361
361
  margin-top:-4px;
362
362
  }
363
- .magritte-bubble___NVuDI_3-0-5 > .magritte-media___9jH2k_3-0-5:first-child{
363
+ .magritte-bubble___NVuDI_3-0-6 > .magritte-media___9jH2k_3-0-6:first-child{
364
364
  margin-top:-8px;
365
365
  }
366
- .magritte-bubble___NVuDI_3-0-5 > .magritte-media___9jH2k_3-0-5:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-5))){
366
+ .magritte-bubble___NVuDI_3-0-6 > .magritte-media___9jH2k_3-0-6:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-6))){
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-DgO7_sM3.js';
14
+ import './chat-bubble-C5CrJD5o.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.5",
3
+ "version": "3.0.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,17 +22,17 @@
22
22
  "@hh.ru/magritte-common-mouse": "1.2.1",
23
23
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
24
24
  "@hh.ru/magritte-common-use-translation": "3.6.1",
25
- "@hh.ru/magritte-design-tokens": "25.1.1",
25
+ "@hh.ru/magritte-design-tokens": "26.0.0",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.1.2",
27
- "@hh.ru/magritte-ui-button": "7.3.5",
28
- "@hh.ru/magritte-ui-cell": "7.3.1",
29
- "@hh.ru/magritte-ui-icon": "15.1.3",
30
- "@hh.ru/magritte-ui-link": "7.2.4",
31
- "@hh.ru/magritte-ui-loader": "4.1.4",
32
- "@hh.ru/magritte-ui-menu": "1.0.46",
27
+ "@hh.ru/magritte-ui-button": "7.3.6",
28
+ "@hh.ru/magritte-ui-cell": "7.3.2",
29
+ "@hh.ru/magritte-ui-icon": "15.1.4",
30
+ "@hh.ru/magritte-ui-link": "7.2.5",
31
+ "@hh.ru/magritte-ui-loader": "4.1.5",
32
+ "@hh.ru/magritte-ui-menu": "1.0.47",
33
33
  "@hh.ru/magritte-ui-mock-component": "1.1.8",
34
- "@hh.ru/magritte-ui-tooltip": "11.0.49",
35
- "@hh.ru/magritte-ui-typography": "5.3.14"
34
+ "@hh.ru/magritte-ui-tooltip": "11.0.50",
35
+ "@hh.ru/magritte-ui-typography": "5.3.15"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "classnames": ">=2.3.2",
@@ -41,5 +41,5 @@
41
41
  "publishConfig": {
42
42
  "access": "public"
43
43
  },
44
- "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
44
+ "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
45
45
  }
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-5","chatBubble":"magritte-chat-bubble___ds9CP_3-0-5","outgoing":"magritte-outgoing___3n00o_3-0-5","bot":"magritte-bot___Z6vZA_3-0-5","row":"magritte-row___mQNnt_3-0-5","bubble":"magritte-bubble___NVuDI_3-0-5","with-tail":"magritte-with-tail___IdixJ_3-0-5","withTail":"magritte-with-tail___IdixJ_3-0-5","tail":"magritte-tail___E2hdk_3-0-5","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-5","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-5","buttons":"magritte-buttons___yQqBi_3-0-5","aside":"magritte-aside___bTex-_3-0-5","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-5","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-5","error-text":"magritte-error-text___1ZxWY_3-0-5","errorText":"magritte-error-text___1ZxWY_3-0-5","file":"magritte-file___k2IKy_3-0-5","file-preview":"magritte-file-preview___eJKu8_3-0-5","filePreview":"magritte-file-preview___eJKu8_3-0-5","media":"magritte-media___9jH2k_3-0-5","media-blur":"magritte-media-blur___TbiMa_3-0-5","mediaBlur":"magritte-media-blur___TbiMa_3-0-5","media-image":"magritte-media-image___G-FkF_3-0-5","mediaImage":"magritte-media-image___G-FkF_3-0-5","media-content":"magritte-media-content___n3XbD_3-0-5","mediaContent":"magritte-media-content___n3XbD_3-0-5","media-format":"magritte-media-format___AdfCK_3-0-5","mediaFormat":"magritte-media-format___AdfCK_3-0-5","media-meta":"magritte-media-meta___oSxxr_3-0-5","mediaMeta":"magritte-media-meta___oSxxr_3-0-5","reply":"magritte-reply___-QCK7_3-0-5","reply-preview":"magritte-reply-preview___qvlNT_3-0-5","replyPreview":"magritte-reply-preview___qvlNT_3-0-5","reply-body":"magritte-reply-body___f2xx7_3-0-5","replyBody":"magritte-reply-body___f2xx7_3-0-5","snippet":"magritte-snippet___8k9xb_3-0-5","meta":"magritte-meta___1qhjm_3-0-5","edited":"magritte-edited___m-zmB_3-0-5","status":"magritte-status___dHzCt_3-0-5","message-title":"magritte-message-title___dgBFk_3-0-5","messageTitle":"magritte-message-title___dgBFk_3-0-5","label":"magritte-label___i0Wyt_3-0-5","message":"magritte-message___7TEpw_3-0-5"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=chat-bubble-DgO7_sM3.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chat-bubble-DgO7_sM3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}