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

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 +20 -20
  3. package/package.json +7 -7
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-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"};
11
+ var styles = {"chat-marker":"magritte-chat-marker___ya9dO_1-0-4","chatMarker":"magritte-chat-marker___ya9dO_1-0-4","line":"magritte-line___0zxh4_1-0-4","icon":"magritte-icon___RUogw_1-0-4","label":"magritte-label___RKh8J_1-0-4","label-outgoing":"magritte-label-outgoing___gqTn0_1-0-4","labelOutgoing":"magritte-label-outgoing___gqTn0_1-0-4","fade-out":"magritte-fade-out___Mog0k_1-0-4","fadeOut":"magritte-fade-out___Mog0k_1-0-4","label-outgoing-centered":"magritte-label-outgoing-centered___GikqE_1-0-4","labelOutgoingCentered":"magritte-label-outgoing-centered___GikqE_1-0-4","label-incoming":"magritte-label-incoming___cq-7a_1-0-4","labelIncoming":"magritte-label-incoming___cq-7a_1-0-4","fade-in":"magritte-fade-in___gDnCc_1-0-4","fadeIn":"magritte-fade-in___gDnCc_1-0-4"};
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
@@ -1,55 +1,55 @@
1
1
  :root{
2
- --magritte-semantic-animation-time-s-duration-v25-0-1:200ms;
3
- --magritte-semantic-animation-ease-base-timing-function-v25-0-1:cubic-bezier(0.4, 0.24, 0, 1);
2
+ --magritte-semantic-animation-time-s-duration-v25-1-0:200ms;
3
+ --magritte-semantic-animation-ease-base-timing-function-v25-1-0:cubic-bezier(0.4, 0.24, 0, 1);
4
4
  }
5
- .magritte-chat-marker___ya9dO_1-0-2{
5
+ .magritte-chat-marker___ya9dO_1-0-4{
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-2{
13
- --label-animation-duration:var(--magritte-semantic-animation-time-s-duration-v25-0-1);
12
+ .magritte-chat-marker___ya9dO_1-0-4{
13
+ --label-animation-duration:var(--magritte-semantic-animation-time-s-duration-v25-1-0);
14
14
  }
15
15
  }
16
- .magritte-line___0zxh4_1-0-2,
17
- .magritte-icon___RUogw_1-0-2{
16
+ .magritte-line___0zxh4_1-0-4,
17
+ .magritte-icon___RUogw_1-0-4{
18
18
  display:flex;
19
19
  align-items:center;
20
20
  height:20px;
21
21
  }
22
- .magritte-line___0zxh4_1-0-2{
22
+ .magritte-line___0zxh4_1-0-4{
23
23
  flex:1 1 0;
24
24
  }
25
- .magritte-icon___RUogw_1-0-2{
25
+ .magritte-icon___RUogw_1-0-4{
26
26
  flex-shrink:0;
27
27
  }
28
- .magritte-label___RKh8J_1-0-2{
28
+ .magritte-label___RKh8J_1-0-4{
29
29
  position:relative;
30
30
  flex:0 1 auto;
31
31
  min-width:0;
32
32
  }
33
- .magritte-label-outgoing___gqTn0_1-0-2{
33
+ .magritte-label-outgoing___gqTn0_1-0-4{
34
34
  position:absolute;
35
35
  top:0;
36
36
  left:0;
37
- animation-name:magritte-fade-out___Mog0k_1-0-2;
37
+ animation-name:magritte-fade-out___Mog0k_1-0-4;
38
38
  }
39
- .magritte-label-outgoing-centered___GikqE_1-0-2{
39
+ .magritte-label-outgoing-centered___GikqE_1-0-4{
40
40
  left:50%;
41
41
  transform:translateX(-50%);
42
42
  }
43
- .magritte-label-incoming___cq-7a_1-0-2,
44
- .magritte-label-outgoing___gqTn0_1-0-2{
43
+ .magritte-label-incoming___cq-7a_1-0-4,
44
+ .magritte-label-outgoing___gqTn0_1-0-4{
45
45
  animation-duration:var(--label-animation-duration);
46
- animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
46
+ animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-1-0);
47
47
  animation-fill-mode:forwards;
48
48
  }
49
- .magritte-label-incoming___cq-7a_1-0-2{
50
- animation-name:magritte-fade-in___gDnCc_1-0-2;
49
+ .magritte-label-incoming___cq-7a_1-0-4{
50
+ animation-name:magritte-fade-in___gDnCc_1-0-4;
51
51
  }
52
- @keyframes magritte-fade-in___gDnCc_1-0-2{
52
+ @keyframes magritte-fade-in___gDnCc_1-0-4{
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-2{
60
+ @keyframes magritte-fade-out___Mog0k_1-0-4{
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.2",
3
+ "version": "1.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,16 +23,16 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@hh.ru/magritte-common-resize": "0.2.2",
26
- "@hh.ru/magritte-design-tokens": "25.0.1",
27
- "@hh.ru/magritte-ui-divider": "3.2.8",
28
- "@hh.ru/magritte-ui-icon": "15.1.0",
29
- "@hh.ru/magritte-ui-loader": "4.1.1",
26
+ "@hh.ru/magritte-design-tokens": "25.1.0",
27
+ "@hh.ru/magritte-ui-divider": "3.2.9",
28
+ "@hh.ru/magritte-ui-icon": "15.1.2",
29
+ "@hh.ru/magritte-ui-loader": "4.1.3",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
31
- "@hh.ru/magritte-ui-typography": "5.3.12"
31
+ "@hh.ru/magritte-ui-typography": "5.3.13"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "classnames": ">=2.3.2",
35
35
  "react": ">=18.2.0"
36
36
  },
37
- "gitHead": "c90767ef9b007595559f19dd6a892fd0066ddc79"
37
+ "gitHead": "37c822e9d543ad23d6aec07b4a18c6d2d2b3ee3a"
38
38
  }