@hh.ru/magritte-ui-chat-bubble 1.1.0 → 1.1.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/ChatBubble.js CHANGED
@@ -17,11 +17,11 @@ import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
17
17
  import { ExclamationCircleFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';
18
18
  import { Menu } from '@hh.ru/magritte-ui-menu';
19
19
  import { Text } from '@hh.ru/magritte-ui-typography';
20
- import { s as styles } from './chat-bubble-Djyvds6I.js';
20
+ import { s as styles } from './chat-bubble-DKV1cS0i.js';
21
21
  import '@hh.ru/magritte-common-use-multiple-refs';
22
22
  import '@hh.ru/magritte-common-use-translation';
23
23
  import '@hh.ru/magritte-ui-tooltip';
24
- import './chat-bubble-B2HOuNTb.js';
24
+ import './chat-bubble-CWB30AST.js';
25
25
 
26
26
  const ChatBubble = forwardRef(({ actions, buttons, children, header, errorActions, mode = 'incoming', showTail = false, status, time, error = false, errorText, 'data-qa': dataQa = 'chat-bubble', className, }, ref) => {
27
27
  const [menuVisible, setMenuVisible] = useState(false);
package/Message.js CHANGED
@@ -5,7 +5,7 @@ import { getColors } from './internal/colors.js';
5
5
  import { useChatBubbleMode } from './internal/mode.js';
6
6
  import { markMetaHost } from './internal/utils.js';
7
7
  import { Text } from '@hh.ru/magritte-ui-typography';
8
- import { s as styles } from './chat-bubble-Djyvds6I.js';
8
+ import { s as styles } from './chat-bubble-DKV1cS0i.js';
9
9
 
10
10
  /**
11
11
  * Текстовая часть сообщения.
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 } 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-Djyvds6I.js';
10
+ import { s as styles } from './chat-bubble-DKV1cS0i.js';
11
11
 
12
12
  const ICON = {
13
13
  sending: ClockOutlinedSize16,
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"tail":"magritte-tail___-1lJ0_1-1-1","tail_outgoing":"magritte-tail_outgoing___cnyh3_1-1-1","tailOutgoing":"magritte-tail_outgoing___cnyh3_1-1-1","meta":"magritte-meta___HT7lp_1-1-1"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=chat-bubble-CWB30AST.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-bubble-CWB30AST.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_1-1-1","chatBubble":"magritte-chat-bubble___ds9CP_1-1-1","outgoing":"magritte-outgoing___3n00o_1-1-1","bot":"magritte-bot___Z6vZA_1-1-1","row":"magritte-row___mQNnt_1-1-1","bubble":"magritte-bubble___NVuDI_1-1-1","with-tail":"magritte-with-tail___IdixJ_1-1-1","withTail":"magritte-with-tail___IdixJ_1-1-1","header":"magritte-header___Px2to_1-1-1","message-title":"magritte-message-title___dgBFk_1-1-1","messageTitle":"magritte-message-title___dgBFk_1-1-1","message":"magritte-message___7TEpw_1-1-1","buttons":"magritte-buttons___yQqBi_1-1-1","actions":"magritte-actions___I5GSz_1-1-1","error-text":"magritte-error-text___1ZxWY_1-1-1","errorText":"magritte-error-text___1ZxWY_1-1-1","status":"magritte-status___dHzCt_1-1-1"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=chat-bubble-DKV1cS0i.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-bubble-DKV1cS0i.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -20,7 +20,7 @@
20
20
  --magritte-color-component-chat-bubble-background-outgoing-v25-0-1:#7195AF;
21
21
  --magritte-color-component-chat-bubble-border-outgoing-v25-0-1:#557B96;
22
22
  }
23
- .magritte-chat-bubble___ds9CP_1-1-0{
23
+ .magritte-chat-bubble___ds9CP_1-1-1{
24
24
  --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v25-0-1);
25
25
  --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v25-0-1);
26
26
  display:flex;
@@ -29,32 +29,32 @@
29
29
  max-width:calc(100% - 40px);
30
30
  }
31
31
  @media (min-width: 1020px){
32
- body.magritte-old-layout .magritte-chat-bubble___ds9CP_1-1-0{
32
+ body.magritte-old-layout .magritte-chat-bubble___ds9CP_1-1-1{
33
33
  max-width:min(460px, 100%);
34
34
  }
35
35
  }
36
36
  @media (min-width: 1024px){
37
- body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_1-1-0{
37
+ body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_1-1-1{
38
38
  max-width:min(460px, 100%);
39
39
  }
40
40
  }
41
- .magritte-outgoing___3n00o_1-1-0{
41
+ .magritte-outgoing___3n00o_1-1-1{
42
42
  --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v25-0-1);
43
43
  --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v25-0-1);
44
44
  align-items:flex-end;
45
45
  margin-left:auto;
46
46
  }
47
- .magritte-bot___Z6vZA_1-1-0{
47
+ .magritte-bot___Z6vZA_1-1-1{
48
48
  --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v25-0-1);
49
49
  --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v25-0-1);
50
50
  }
51
- .magritte-row___mQNnt_1-1-0{
51
+ .magritte-row___mQNnt_1-1-1{
52
52
  display:flex;
53
53
  align-items:flex-end;
54
54
  gap:8px;
55
55
  max-width:100%;
56
56
  }
57
- .magritte-bubble___NVuDI_1-1-0{
57
+ .magritte-bubble___NVuDI_1-1-1{
58
58
  position:relative;
59
59
  box-sizing:border-box;
60
60
  min-width:0;
@@ -65,61 +65,61 @@
65
65
  border-radius:20px;
66
66
  overflow-wrap:break-word;
67
67
  }
68
- .magritte-with-tail___IdixJ_1-1-0 .magritte-bubble___NVuDI_1-1-0{
68
+ .magritte-with-tail___IdixJ_1-1-1 .magritte-bubble___NVuDI_1-1-1{
69
69
  border-bottom-left-radius:0;
70
70
  }
71
- .magritte-with-tail___IdixJ_1-1-0.magritte-outgoing___3n00o_1-1-0 .magritte-bubble___NVuDI_1-1-0{
71
+ .magritte-with-tail___IdixJ_1-1-1.magritte-outgoing___3n00o_1-1-1 .magritte-bubble___NVuDI_1-1-1{
72
72
  border-bottom-left-radius:20px;
73
73
  border-bottom-right-radius:0;
74
74
  }
75
- .magritte-header___Px2to_1-1-0{
75
+ .magritte-header___Px2to_1-1-1{
76
76
  display:flex;
77
77
  flex-direction:column;
78
78
  gap:4px;
79
79
  margin-bottom:4px;
80
80
  }
81
- .magritte-message-title___dgBFk_1-1-0{
81
+ .magritte-message-title___dgBFk_1-1-1{
82
82
  margin-bottom:4px;
83
83
  }
84
- .magritte-message___7TEpw_1-1-0:not(:first-child){
84
+ .magritte-message___7TEpw_1-1-1:not(:first-child){
85
85
  margin-top:8px;
86
86
  }
87
- .magritte-buttons___yQqBi_1-1-0{
87
+ .magritte-buttons___yQqBi_1-1-1{
88
88
  display:grid;
89
89
  grid-template-columns:repeat(2, 1fr);
90
90
  gap:8px;
91
91
  width:100%;
92
92
  margin-top:4px;
93
93
  }
94
- .magritte-buttons___yQqBi_1-1-0 > *:last-child:nth-child(odd){
94
+ .magritte-buttons___yQqBi_1-1-1 > *:last-child:nth-child(odd){
95
95
  grid-column:span 2;
96
96
  }
97
- .magritte-actions___I5GSz_1-1-0{
97
+ .magritte-actions___I5GSz_1-1-1{
98
98
  display:flex;
99
99
  flex-wrap:wrap;
100
100
  gap:2px;
101
101
  margin-top:4px;
102
102
  }
103
- .magritte-error-text___1ZxWY_1-1-0{
103
+ .magritte-error-text___1ZxWY_1-1-1{
104
104
  margin-top:2px;
105
105
  }
106
- .magritte-status___dHzCt_1-1-0{
106
+ .magritte-status___dHzCt_1-1-1{
107
107
  display:inline-flex;
108
108
  vertical-align:middle;
109
109
  margin-left:4px;
110
110
  }
111
111
 
112
- .magritte-tail___-1lJ0_1-1-0{
112
+ .magritte-tail___-1lJ0_1-1-1{
113
113
  position:absolute;
114
114
  bottom:-1px;
115
115
  left:-7px;
116
116
  }
117
- .magritte-tail_outgoing___cnyh3_1-1-0{
117
+ .magritte-tail_outgoing___cnyh3_1-1-1{
118
118
  left:auto;
119
119
  right:-7px;
120
120
  transform:scaleX(-1);
121
121
  }
122
- .magritte-meta___HT7lp_1-1-0{
122
+ .magritte-meta___HT7lp_1-1-1{
123
123
  float:right;
124
124
  margin-left:12px;
125
125
  white-space:nowrap;
package/index.js CHANGED
@@ -13,14 +13,14 @@ import './internal/mode.js';
13
13
  import '@hh.ru/magritte-ui-typography';
14
14
  import './Message.js';
15
15
  import './internal/utils.js';
16
- import './chat-bubble-Djyvds6I.js';
16
+ import './chat-bubble-DKV1cS0i.js';
17
17
  import './Status.js';
18
18
  import '@hh.ru/magritte-common-use-multiple-refs';
19
19
  import '@hh.ru/magritte-common-use-translation';
20
20
  import '@hh.ru/magritte-ui-icon/icon';
21
21
  import '@hh.ru/magritte-ui-tooltip';
22
22
  import './internal/Meta.js';
23
- import './chat-bubble-B2HOuNTb.js';
23
+ import './chat-bubble-CWB30AST.js';
24
24
  import './internal/Tail.js';
25
25
  import '@hh.ru/magritte-ui-icon';
26
26
  //# sourceMappingURL=index.js.map
package/internal/Meta.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { getColors } from './colors.js';
4
4
  import { Text } from '@hh.ru/magritte-ui-typography';
5
- import { s as styles } from '../chat-bubble-B2HOuNTb.js';
5
+ import { s as styles } from '../chat-bubble-CWB30AST.js';
6
6
 
7
7
  /**
8
8
  * Время и статус сообщения
package/internal/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 './mode.js';
5
- import { s as styles } from '../chat-bubble-B2HOuNTb.js';
5
+ import { s as styles } from '../chat-bubble-CWB30AST.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chat-bubble",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,7 +25,7 @@
25
25
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
26
26
  "@hh.ru/magritte-ui-button": "7.3.0",
27
27
  "@hh.ru/magritte-ui-icon": "15.0.3",
28
- "@hh.ru/magritte-ui-menu": "1.0.32",
28
+ "@hh.ru/magritte-ui-menu": "1.0.33",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
30
30
  "@hh.ru/magritte-ui-tooltip": "11.0.44",
31
31
  "@hh.ru/magritte-ui-typography": "5.3.12"
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "ca6dd4b6ab147bf47045aa7608e7b6f60df53749"
40
+ "gitHead": "f50fc3a4db7ad150969c506d53c343fac7c6ef77"
41
41
  }
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"tail":"magritte-tail___-1lJ0_1-1-0","tail_outgoing":"magritte-tail_outgoing___cnyh3_1-1-0","tailOutgoing":"magritte-tail_outgoing___cnyh3_1-1-0","meta":"magritte-meta___HT7lp_1-1-0"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=chat-bubble-B2HOuNTb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chat-bubble-B2HOuNTb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_1-1-0","chatBubble":"magritte-chat-bubble___ds9CP_1-1-0","outgoing":"magritte-outgoing___3n00o_1-1-0","bot":"magritte-bot___Z6vZA_1-1-0","row":"magritte-row___mQNnt_1-1-0","bubble":"magritte-bubble___NVuDI_1-1-0","with-tail":"magritte-with-tail___IdixJ_1-1-0","withTail":"magritte-with-tail___IdixJ_1-1-0","header":"magritte-header___Px2to_1-1-0","message-title":"magritte-message-title___dgBFk_1-1-0","messageTitle":"magritte-message-title___dgBFk_1-1-0","message":"magritte-message___7TEpw_1-1-0","buttons":"magritte-buttons___yQqBi_1-1-0","actions":"magritte-actions___I5GSz_1-1-0","error-text":"magritte-error-text___1ZxWY_1-1-0","errorText":"magritte-error-text___1ZxWY_1-1-0","status":"magritte-status___dHzCt_1-1-0"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=chat-bubble-Djyvds6I.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chat-bubble-Djyvds6I.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}