@hh.ru/magritte-ui-chat-marker 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/ChatMarker.js +1 -1
  2. package/index.css +16 -16
  3. package/package.json +4 -4
package/ChatMarker.js CHANGED
@@ -8,7 +8,7 @@ import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
8
8
  import { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader';
9
9
  import { Text } from '@hh.ru/magritte-ui-typography';
10
10
 
11
- var styles = {"chat-marker":"magritte-chat-marker___ya9dO_1-0-1","chatMarker":"magritte-chat-marker___ya9dO_1-0-1","line":"magritte-line___0zxh4_1-0-1","icon":"magritte-icon___RUogw_1-0-1","label":"magritte-label___RKh8J_1-0-1","label-outgoing":"magritte-label-outgoing___gqTn0_1-0-1","labelOutgoing":"magritte-label-outgoing___gqTn0_1-0-1","fade-out":"magritte-fade-out___Mog0k_1-0-1","fadeOut":"magritte-fade-out___Mog0k_1-0-1","label-outgoing-centered":"magritte-label-outgoing-centered___GikqE_1-0-1","labelOutgoingCentered":"magritte-label-outgoing-centered___GikqE_1-0-1","label-incoming":"magritte-label-incoming___cq-7a_1-0-1","labelIncoming":"magritte-label-incoming___cq-7a_1-0-1","fade-in":"magritte-fade-in___gDnCc_1-0-1","fadeIn":"magritte-fade-in___gDnCc_1-0-1"};
11
+ var styles = {"chat-marker":"magritte-chat-marker___ya9dO_1-0-2","chatMarker":"magritte-chat-marker___ya9dO_1-0-2","line":"magritte-line___0zxh4_1-0-2","icon":"magritte-icon___RUogw_1-0-2","label":"magritte-label___RKh8J_1-0-2","label-outgoing":"magritte-label-outgoing___gqTn0_1-0-2","labelOutgoing":"magritte-label-outgoing___gqTn0_1-0-2","fade-out":"magritte-fade-out___Mog0k_1-0-2","fadeOut":"magritte-fade-out___Mog0k_1-0-2","label-outgoing-centered":"magritte-label-outgoing-centered___GikqE_1-0-2","labelOutgoingCentered":"magritte-label-outgoing-centered___GikqE_1-0-2","label-incoming":"magritte-label-incoming___cq-7a_1-0-2","labelIncoming":"magritte-label-incoming___cq-7a_1-0-2","fade-in":"magritte-fade-in___gDnCc_1-0-2","fadeIn":"magritte-fade-in___gDnCc_1-0-2"};
12
12
 
13
13
  const LABEL_ID = 'label';
14
14
  const ChatMarker = forwardRef(({ className, 'data-qa': dataQa = 'chat-marker', divider = false, icon, label, mode = 'secondary', ...props }, ref) => {
package/index.css CHANGED
@@ -2,54 +2,54 @@
2
2
  --magritte-semantic-animation-time-s-duration-v25-0-1:200ms;
3
3
  --magritte-semantic-animation-ease-base-timing-function-v25-0-1:cubic-bezier(0.4, 0.24, 0, 1);
4
4
  }
5
- .magritte-chat-marker___ya9dO_1-0-1{
5
+ .magritte-chat-marker___ya9dO_1-0-2{
6
6
  --label-animation-duration:0ms;
7
7
  display:flex;
8
8
  align-items:flex-start;
9
9
  gap:12px;
10
10
  }
11
11
  @media (prefers-reduced-motion: no-preference){
12
- .magritte-chat-marker___ya9dO_1-0-1{
12
+ .magritte-chat-marker___ya9dO_1-0-2{
13
13
  --label-animation-duration:var(--magritte-semantic-animation-time-s-duration-v25-0-1);
14
14
  }
15
15
  }
16
- .magritte-line___0zxh4_1-0-1,
17
- .magritte-icon___RUogw_1-0-1{
16
+ .magritte-line___0zxh4_1-0-2,
17
+ .magritte-icon___RUogw_1-0-2{
18
18
  display:flex;
19
19
  align-items:center;
20
20
  height:20px;
21
21
  }
22
- .magritte-line___0zxh4_1-0-1{
22
+ .magritte-line___0zxh4_1-0-2{
23
23
  flex:1 1 0;
24
24
  }
25
- .magritte-icon___RUogw_1-0-1{
25
+ .magritte-icon___RUogw_1-0-2{
26
26
  flex-shrink:0;
27
27
  }
28
- .magritte-label___RKh8J_1-0-1{
28
+ .magritte-label___RKh8J_1-0-2{
29
29
  position:relative;
30
30
  flex:0 1 auto;
31
31
  min-width:0;
32
32
  }
33
- .magritte-label-outgoing___gqTn0_1-0-1{
33
+ .magritte-label-outgoing___gqTn0_1-0-2{
34
34
  position:absolute;
35
35
  top:0;
36
36
  left:0;
37
- animation-name:magritte-fade-out___Mog0k_1-0-1;
37
+ animation-name:magritte-fade-out___Mog0k_1-0-2;
38
38
  }
39
- .magritte-label-outgoing-centered___GikqE_1-0-1{
39
+ .magritte-label-outgoing-centered___GikqE_1-0-2{
40
40
  left:50%;
41
41
  transform:translateX(-50%);
42
42
  }
43
- .magritte-label-incoming___cq-7a_1-0-1,
44
- .magritte-label-outgoing___gqTn0_1-0-1{
43
+ .magritte-label-incoming___cq-7a_1-0-2,
44
+ .magritte-label-outgoing___gqTn0_1-0-2{
45
45
  animation-duration:var(--label-animation-duration);
46
46
  animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
47
47
  animation-fill-mode:forwards;
48
48
  }
49
- .magritte-label-incoming___cq-7a_1-0-1{
50
- animation-name:magritte-fade-in___gDnCc_1-0-1;
49
+ .magritte-label-incoming___cq-7a_1-0-2{
50
+ animation-name:magritte-fade-in___gDnCc_1-0-2;
51
51
  }
52
- @keyframes magritte-fade-in___gDnCc_1-0-1{
52
+ @keyframes magritte-fade-in___gDnCc_1-0-2{
53
53
  from{
54
54
  opacity:0;
55
55
  }
@@ -57,7 +57,7 @@
57
57
  opacity:1;
58
58
  }
59
59
  }
60
- @keyframes magritte-fade-out___Mog0k_1-0-1{
60
+ @keyframes magritte-fade-out___Mog0k_1-0-2{
61
61
  from{
62
62
  opacity:1;
63
63
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chat-marker",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,8 +25,8 @@
25
25
  "@hh.ru/magritte-common-resize": "0.2.2",
26
26
  "@hh.ru/magritte-design-tokens": "25.0.1",
27
27
  "@hh.ru/magritte-ui-divider": "3.2.8",
28
- "@hh.ru/magritte-ui-icon": "15.0.3",
29
- "@hh.ru/magritte-ui-loader": "4.1.0",
28
+ "@hh.ru/magritte-ui-icon": "15.1.0",
29
+ "@hh.ru/magritte-ui-loader": "4.1.1",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
31
31
  "@hh.ru/magritte-ui-typography": "5.3.12"
32
32
  },
@@ -34,5 +34,5 @@
34
34
  "classnames": ">=2.3.2",
35
35
  "react": ">=18.2.0"
36
36
  },
37
- "gitHead": "654e4a7ad4debb3463a3c37b316fbdc7571e9dff"
37
+ "gitHead": "c90767ef9b007595559f19dd6a892fd0066ddc79"
38
38
  }