@hh.ru/magritte-ui-chat-bubble 3.0.0 → 3.0.1

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