@hh.ru/magritte-ui-chat-input 1.2.3 → 1.2.4

package/index.css

@@ -1,42 +1,42 @@
 :root{
-  --magritte-color-background-primary-v26-0-1:#ffffff;
-  --magritte-color-background-secondary-v26-0-1:#F1F4F9;
-  --magritte-color-stroke-neutral-v26-0-1:#DCE3EB;
-  --magritte-color-stroke-phantom-v26-0-1:#DCE3EB;
-  --magritte-color-stroke-state-focused-accessible-v26-0-1:#0070ff7a;
-  --magritte-color-stroke-state-neutral-hovered-v26-0-1:#DCE3EB;
-  --magritte-color-text-primary-v26-0-1:#000000;
-  --magritte-color-text-secondary-v26-0-1:#768694;
-  --magritte-color-text-tertiary-v26-0-1:#AABBCA;
-  --magritte-color-icon-tertiary-v26-0-1:#AABBCA;
-  --magritte-gradient-component-chat-input-background-fade-v26-0-1:#ffffff00 0%, #ffffff 100%;
-  --magritte-shadow-level-1-color-v26-0-1:#7090b029;
-  --magritte-shadow-level-1-x-v26-0-1:0px;
-  --magritte-shadow-level-1-y-v26-0-1:4px;
-  --magritte-shadow-level-1-blur-v26-0-1:12px;
-  --magritte-shadow-level-1-spread-v26-0-1:0px;
+  --magritte-color-background-primary-v26-0-2:#ffffff;
+  --magritte-color-background-secondary-v26-0-2:#F1F4F9;
+  --magritte-color-stroke-neutral-v26-0-2:#DCE3EB;
+  --magritte-color-stroke-phantom-v26-0-2:#DCE3EB;
+  --magritte-color-stroke-state-focused-accessible-v26-0-2:#0070ff7a;
+  --magritte-color-stroke-state-neutral-hovered-v26-0-2:#DCE3EB;
+  --magritte-color-text-primary-v26-0-2:#000000;
+  --magritte-color-text-secondary-v26-0-2:#768694;
+  --magritte-color-text-tertiary-v26-0-2:#AABBCA;
+  --magritte-color-icon-tertiary-v26-0-2:#AABBCA;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-2:#ffffff00 0%, #ffffff 100%;
+  --magritte-shadow-level-1-color-v26-0-2:#7090b029;
+  --magritte-shadow-level-1-x-v26-0-2:0px;
+  --magritte-shadow-level-1-y-v26-0-2:4px;
+  --magritte-shadow-level-1-blur-v26-0-2:12px;
+  --magritte-shadow-level-1-spread-v26-0-2:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v26-0-1:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v26-0-2:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v26-0-2:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-background-primary-v26-0-1:#1B1B1B;
-  --magritte-color-background-secondary-v26-0-1:#303030;
-  --magritte-color-stroke-neutral-v26-0-1:#303030;
-  --magritte-color-stroke-phantom-v26-0-1:#30303000;
-  --magritte-color-stroke-state-neutral-hovered-v26-0-1:#303030;
-  --magritte-color-text-primary-v26-0-1:#ffffff;
-  --magritte-color-text-secondary-v26-0-1:#ABABAB;
-  --magritte-color-text-tertiary-v26-0-1:#767676;
-  --magritte-color-icon-tertiary-v26-0-1:#767676;
-  --magritte-gradient-component-chat-input-background-fade-v26-0-1:#1b1b1b00 0%, #1b1b1b 100%;
-  --magritte-shadow-level-1-color-v26-0-1:#00000029;
-}
-.magritte-chat-input___P69oN_1-2-3{
-  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-1);
+  --magritte-color-background-primary-v26-0-2:#1B1B1B;
+  --magritte-color-background-secondary-v26-0-2:#303030;
+  --magritte-color-stroke-neutral-v26-0-2:#303030;
+  --magritte-color-stroke-phantom-v26-0-2:#30303000;
+  --magritte-color-stroke-state-neutral-hovered-v26-0-2:#303030;
+  --magritte-color-text-primary-v26-0-2:#ffffff;
+  --magritte-color-text-secondary-v26-0-2:#ABABAB;
+  --magritte-color-text-tertiary-v26-0-2:#767676;
+  --magritte-color-icon-tertiary-v26-0-2:#767676;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-2:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-shadow-level-1-color-v26-0-2:#00000029;
+}
+.magritte-chat-input___P69oN_1-2-4{
+  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-2);
   --chat-input-focus-shadow:0 0 0 transparent;
   position:relative;
   isolation:isolate;
@@ -44,10 +44,10 @@
   border-radius:24px;
   padding:12px;
   overflow:hidden;
-  background-color:var(--magritte-color-background-primary-v26-0-1);
+  background-color:var(--magritte-color-background-primary-v26-0-2);
   --magritte-ui-scrollbar-offset-right:-12px;
 }
-.magritte-chat-input___P69oN_1-2-3::after{
+.magritte-chat-input___P69oN_1-2-4::after{
   content:'';
   position:absolute;
   z-index:1;
@@ -56,106 +56,106 @@
   box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color);
   pointer-events:none;
 }
-.magritte-chat-input___P69oN_1-2-3.magritte-no-background___eiIY1_1-2-3{
+.magritte-chat-input___P69oN_1-2-4.magritte-no-background___eiIY1_1-2-4{
   background:none;
   --chat-input-stroke-color:transparent !important;
 }
-.magritte-chat-input___P69oN_1-2-3:has(*:focus){
-  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-1) var(--magritte-shadow-level-1-y-v26-0-1) var(--magritte-shadow-level-1-blur-v26-0-1) var(--magritte-shadow-level-1-spread-v26-0-1) var(--magritte-shadow-level-1-color-v26-0-1);
+.magritte-chat-input___P69oN_1-2-4:has(*:focus){
+  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-2) var(--magritte-shadow-level-1-y-v26-0-2) var(--magritte-shadow-level-1-blur-v26-0-2) var(--magritte-shadow-level-1-spread-v26-0-2) var(--magritte-shadow-level-1-color-v26-0-2);
 }
-.magritte-chat-input___P69oN_1-2-3:has(.magritte-text-input-focused___TfyLu_1-2-3){
-  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-1);
+.magritte-chat-input___P69oN_1-2-4:has(.magritte-text-input-focused___TfyLu_1-2-4){
+  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-2);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-chat-input___P69oN_1-2-3:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-1);
+  body.magritte-old-layout .magritte-chat-input___P69oN_1-2-4:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-3:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-1);
+  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-4:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
   }
 }
-.magritte-content-grid___g03sT_1-2-3{
+.magritte-content-grid___g03sT_1-2-4{
   display:grid;
   grid-template-columns:auto minmax(0, 1fr) auto;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-preview___baXKi_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-preview___baXKi_1-2-4{
   grid-area:1 / 1 / 2 / -1;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-left___7JZYp_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-left___7JZYp_1-2-4{
   grid-area:3 / 1;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-central___zkguj_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-central___zkguj_1-2-4{
   grid-area:3 / 2;
   align-self:center;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-right___-tGcO_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-right___-tGcO_1-2-4{
   grid-area:3 / 3;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-scrollbar-cell___--M2x_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-scrollbar-cell___--M2x_1-2-4{
   grid-area:2 / 1 / 3 / -1;
   position:relative;
   pointer-events:none;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-scrollbar-cell___--M2x_1-2-3 > div{
+.magritte-content-grid___g03sT_1-2-4 .magritte-scrollbar-cell___--M2x_1-2-4 > div{
   pointer-events:auto;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-text-input___3AFO4_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-text-input___3AFO4_1-2-4{
   grid-area:3 / 2;
 }
-.magritte-content-grid___g03sT_1-2-3 .magritte-text-input___3AFO4_1-2-3.magritte-layout-vertical___mVTr-_1-2-3,
-.magritte-content-grid___g03sT_1-2-3.magritte-has-central___VRZik_1-2-3 .magritte-text-input___3AFO4_1-2-3{
+.magritte-content-grid___g03sT_1-2-4 .magritte-text-input___3AFO4_1-2-4.magritte-layout-vertical___mVTr-_1-2-4,
+.magritte-content-grid___g03sT_1-2-4.magritte-has-central___VRZik_1-2-4 .magritte-text-input___3AFO4_1-2-4{
   grid-area:2 / 1 / 3 / -1;
 }
-.magritte-content-grid___g03sT_1-2-3.magritte-no-left-controls___7r6yy_1-2-3:not(.magritte-has-central___VRZik_1-2-3) .magritte-text-input___3AFO4_1-2-3{
+.magritte-content-grid___g03sT_1-2-4.magritte-no-left-controls___7r6yy_1-2-4:not(.magritte-has-central___VRZik_1-2-4) .magritte-text-input___3AFO4_1-2-4{
   grid-area:2 / 1 / 4 / 3;
 }
-.magritte-content-grid___g03sT_1-2-3.magritte-no-right-controls___HBSag_1-2-3:not(.magritte-has-central___VRZik_1-2-3) .magritte-text-input___3AFO4_1-2-3{
+.magritte-content-grid___g03sT_1-2-4.magritte-no-right-controls___HBSag_1-2-4:not(.magritte-has-central___VRZik_1-2-4) .magritte-text-input___3AFO4_1-2-4{
   grid-area:2 / 2 / 4 / -1;
 }
-.magritte-content-grid___g03sT_1-2-3.magritte-no-left-controls___7r6yy_1-2-3:not(.magritte-has-central___VRZik_1-2-3){
+.magritte-content-grid___g03sT_1-2-4.magritte-no-left-controls___7r6yy_1-2-4:not(.magritte-has-central___VRZik_1-2-4){
   grid-template-rows:auto minmax(0, 1fr) auto;
 }
-.magritte-right___-tGcO_1-2-3,
-.magritte-left___7JZYp_1-2-3{
+.magritte-right___-tGcO_1-2-4,
+.magritte-left___7JZYp_1-2-4{
   display:flex;
   gap:8px;
 }
-.magritte-chips___gLao5_1-2-3{
+.magritte-chips___gLao5_1-2-4{
   display:flex;
   flex-wrap:nowrap;
   width:max-content;
   gap:8px;
 }
-.magritte-chips-container___-bS5O_1-2-3{
+.magritte-chips-container___-bS5O_1-2-4{
   padding:0 12px;
 }
-.magritte-no-left-controls___7r6yy_1-2-3 .magritte-chips-container___-bS5O_1-2-3{
+.magritte-no-left-controls___7r6yy_1-2-4 .magritte-chips-container___-bS5O_1-2-4{
   padding-left:0;
 }
-.magritte-no-right-controls___HBSag_1-2-3 .magritte-chips-container___-bS5O_1-2-3{
+.magritte-no-right-controls___HBSag_1-2-4 .magritte-chips-container___-bS5O_1-2-4{
   padding-right:0;
 }
-.magritte-preview-block___iiPdS_1-2-3{
+.magritte-preview-block___iiPdS_1-2-4{
   display:flex;
   align-items:center;
   gap:12px;
   padding-bottom:8px;
 }
-.magritte-preview-side___ymR-u_1-2-3{
+.magritte-preview-side___ymR-u_1-2-4{
   display:flex;
   flex-shrink:0;
 }
-.magritte-preview-content___ZgyBD_1-2-3{
+.magritte-preview-content___ZgyBD_1-2-4{
   display:flex;
   flex:1;
   flex-direction:column;
   min-width:0;
 }
-.magritte-preview-title___SkFeZ_1-2-3{
+.magritte-preview-title___SkFeZ_1-2-4{
   font-family:"hh sans";
   font-weight:500;
   line-height:18px;
@@ -164,9 +164,9 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v26-0-1);
+  color:var(--magritte-color-text-primary-v26-0-2);
 }
-.magritte-preview-subtitle___58qfR_1-2-3{
+.magritte-preview-subtitle___58qfR_1-2-4{
   font-family:"hh sans";
   font-weight:400;
   line-height:20px;
@@ -176,25 +176,25 @@
   text-transform:none;
   text-decoration:none;
   overflow:hidden;
-  color:var(--magritte-color-text-secondary-v26-0-1);
+  color:var(--magritte-color-text-secondary-v26-0-2);
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-files-container___zOkRK_1-2-3{
+.magritte-files-container___zOkRK_1-2-4{
   padding-bottom:8px;
 }
-.magritte-files___j2q5K_1-2-3{
+.magritte-files___j2q5K_1-2-4{
   display:flex;
   flex-wrap:nowrap;
   align-items:flex-start;
   width:max-content;
   gap:8px;
 }
-.magritte-file___lz9Ll_1-2-3{
+.magritte-file___lz9Ll_1-2-4{
   position:relative;
 }
-.magritte-file-card___hn5C9_1-2-3::after,
-.magritte-file-tile___OVlh3_1-2-3::after{
+.magritte-file-card___hn5C9_1-2-4::after,
+.magritte-file-tile___OVlh3_1-2-4::after{
   content:'';
   position:absolute;
   inset:0;
@@ -202,21 +202,21 @@
   border-radius:inherit;
   pointer-events:none;
 }
-.magritte-file-card___hn5C9_1-2-3{
+.magritte-file-card___hn5C9_1-2-4{
   position:relative;
   box-sizing:border-box;
   width:280px;
   padding:8px;
   border-radius:12px;
-  background-color:var(--magritte-color-background-primary-v26-0-1);
+  background-color:var(--magritte-color-background-primary-v26-0-2);
 }
-.magritte-file-card___hn5C9_1-2-3::after{
-  border-color:var(--magritte-color-stroke-neutral-v26-0-1);
+.magritte-file-card___hn5C9_1-2-4::after{
+  border-color:var(--magritte-color-stroke-neutral-v26-0-2);
 }
-.magritte-file-card-removable___GkxUe_1-2-3{
+.magritte-file-card-removable___GkxUe_1-2-4{
   padding-right:32px;
 }
-.magritte-file-tile___OVlh3_1-2-3{
+.magritte-file-tile___OVlh3_1-2-4{
   position:relative;
   display:flex;
   align-items:center;
@@ -226,41 +226,41 @@
   overflow:hidden;
   border-radius:12px;
 }
-.magritte-file-tile___OVlh3_1-2-3::after{
-  border-color:var(--magritte-color-stroke-phantom-v26-0-1);
+.magritte-file-tile___OVlh3_1-2-4::after{
+  border-color:var(--magritte-color-stroke-phantom-v26-0-2);
 }
-.magritte-file-tile-placeholder___yxLuR_1-2-3{
-  background-color:var(--magritte-color-background-secondary-v26-0-1);
+.magritte-file-tile-placeholder___yxLuR_1-2-4{
+  background-color:var(--magritte-color-background-secondary-v26-0-2);
 }
-.magritte-file-tile-image___cZFgL_1-2-3{
+.magritte-file-tile-image___cZFgL_1-2-4{
   display:block;
   width:100%;
   height:100%;
   object-fit:cover;
 }
-.magritte-file-remove___S0WB9_1-2-3{
+.magritte-file-remove___S0WB9_1-2-4{
   position:absolute;
   top:4px;
   right:4px;
   display:flex;
 }
-.magritte-file-name___L03-O_1-2-3{
+.magritte-file-name___L03-O_1-2-4{
   display:flex;
   min-width:0;
 }
-.magritte-file-name-base___ojdp6_1-2-3{
+.magritte-file-name-base___ojdp6_1-2-4{
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-file-name-extension___3QZtS_1-2-3{
+.magritte-file-name-extension___3QZtS_1-2-4{
   flex-shrink:0;
   white-space:nowrap;
 }
-.magritte-text-input-wrapper___TPbwC_1-2-3{
+.magritte-text-input-wrapper___TPbwC_1-2-4{
   display:contents;
 }
-.magritte-text-input___3AFO4_1-2-3{
+.magritte-text-input___3AFO4_1-2-4{
   box-sizing:content-box;
   padding:0 12px;
   border:none;
@@ -282,34 +282,34 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v26-0-1);
+  color:var(--magritte-color-text-primary-v26-0-2);
 }
-.magritte-text-input___3AFO4_1-2-3::placeholder{
-  color:var(--magritte-color-text-tertiary-v26-0-1);
+.magritte-text-input___3AFO4_1-2-4::placeholder{
+  color:var(--magritte-color-text-tertiary-v26-0-2);
   opacity:1;
 }
-.magritte-text-input___3AFO4_1-2-3:focus,
-.magritte-text-input___3AFO4_1-2-3:focus-visible{
+.magritte-text-input___3AFO4_1-2-4:focus,
+.magritte-text-input___3AFO4_1-2-4:focus-visible{
   border:none;
   outline:none;
 }
-.magritte-text-input___3AFO4_1-2-3.magritte-with-top-fade___okgqo_1-2-3,
-.magritte-text-input___3AFO4_1-2-3.magritte-with-bottom-fade___82gr8_1-2-3{
+.magritte-text-input___3AFO4_1-2-4.magritte-with-top-fade___okgqo_1-2-4,
+.magritte-text-input___3AFO4_1-2-4.magritte-with-bottom-fade___82gr8_1-2-4{
   -webkit-mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
   mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
 }
-.magritte-text-input___3AFO4_1-2-3.magritte-with-top-fade___okgqo_1-2-3{
-  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
+.magritte-text-input___3AFO4_1-2-4.magritte-with-top-fade___okgqo_1-2-4{
+  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
 }
-.magritte-text-input___3AFO4_1-2-3.magritte-with-bottom-fade___82gr8_1-2-3{
-  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
+.magritte-text-input___3AFO4_1-2-4.magritte-with-bottom-fade___82gr8_1-2-4{
+  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
 }
-.magritte-text-input___3AFO4_1-2-3.magritte-measure___xNKc0_1-2-3{
+.magritte-text-input___3AFO4_1-2-4.magritte-measure___xNKc0_1-2-4{
   height:20px !important;
   padding:0 !important;
   margin:0 !important;
 }
-.magritte-voice-record___p64PV_1-2-3{
+.magritte-voice-record___p64PV_1-2-4{
   display:flex;
   align-items:center;
   justify-content:space-between;
@@ -319,45 +319,45 @@
   min-height:40px;
   gap:8px;
 }
-.magritte-voice-record-left___njEt-_1-2-3{
+.magritte-voice-record-left___njEt-_1-2-4{
   display:flex;
   align-items:center;
   gap:8px;
   min-width:0;
 }
-.magritte-voice-record-right___UTv-U_1-2-3{
+.magritte-voice-record-right___UTv-U_1-2-4{
   display:flex;
   align-items:center;
   gap:8px;
 }
-.magritte-voice-record-right___UTv-U_1-2-3.magritte-voice-processing___C0xnX_1-2-3{
+.magritte-voice-record-right___UTv-U_1-2-4.magritte-voice-processing___C0xnX_1-2-4{
   padding:8px;
 }
-.magritte-voice-record-indicator___V8ybb_1-2-3{
+.magritte-voice-record-indicator___V8ybb_1-2-4{
   display:flex;
   flex-shrink:0;
   align-items:center;
   gap:2px;
 }
-.magritte-voice-record-indicator-bar___jgyqz_1-2-3{
+.magritte-voice-record-indicator-bar___jgyqz_1-2-4{
   width:2px;
   min-height:2px;
   max-height:2px;
   border-radius:1000px;
-  background-color:var(--magritte-color-icon-tertiary-v26-0-1);
-  transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-1) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-1);
-  animation:magritte-voice-record-indicator-wave___4VsyE_1-2-3 400ms linear infinite alternate paused;
+  background-color:var(--magritte-color-icon-tertiary-v26-0-2);
+  transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-2) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-2);
+  animation:magritte-voice-record-indicator-wave___4VsyE_1-2-4 400ms linear infinite alternate paused;
 }
-.magritte-voice-record-indicator-has-sound___67t5g_1-2-3 .magritte-voice-record-indicator-bar___jgyqz_1-2-3{
+.magritte-voice-record-indicator-has-sound___67t5g_1-2-4 .magritte-voice-record-indicator-bar___jgyqz_1-2-4{
   max-height:27px;
   animation-play-state:running;
 }
 @media (prefers-reduced-motion: reduce){
-  .magritte-voice-record-indicator-has-sound___67t5g_1-2-3 .magritte-voice-record-indicator-bar___jgyqz_1-2-3{
+  .magritte-voice-record-indicator-has-sound___67t5g_1-2-4 .magritte-voice-record-indicator-bar___jgyqz_1-2-4{
     animation-play-state:paused;
   }
 }
-@keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-3{
+@keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-4{
   from{
     height:calc(var(--target-height) * 0.62px);
   }
@@ -365,12 +365,12 @@
     height:calc(var(--target-height) * 1.22px);
   }
 }
-.magritte-mode-container___nATVD_1-2-3{
+.magritte-mode-container___nATVD_1-2-4{
   position:relative;
   display:grid;
   align-content:end;
 }
-.magritte-voice-overlay___LbxAI_1-2-3{
+.magritte-voice-overlay___LbxAI_1-2-4{
   position:absolute;
   right:0;
   bottom:0;

package/index.js

@@ -10,7 +10,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
-import './styles-hEUo5BXU.js';
+import './styles-DofLkp5v.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';

package/internal/ModeTransition.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReducedMotion, motion } from 'motion/react';
 import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const EASE_BASE = CoreTokens["magritte-semantic-animation-ease-base"];
 const MODE_TRANSITION_DURATION_MS = CoreTokens["magritte-semantic-animation-time-s"].duration;

package/internal/TextInput.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useSendOnEnter } from './useSendOnEnter.js';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 import '@hh.ru/magritte-common-keyboard';
 
 const MIN_HEIGHT = 20;

package/internal/VoiceRecord.js

@@ -9,7 +9,7 @@ import { FOCUS_PRIORITY } from './focusGroup.js';
 import { CrossOutlinedSize24, CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 import './useHasSound.js';
 
 const formatDuration = (totalSeconds) => {

package/internal/VoiceRecordIndicator.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useHasSound } from './useHasSound.js';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 import 'react';
 
 const TARGET_HEIGHT = [2, 11, 22, 22, 22, 11, 22, 11, 6, 2];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -16,6 +16,7 @@
     "ts-config": "yarn root:ts-config $(pwd)",
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
+    "test:types": "yarn root:test:types $(pwd)",
     "watch": "yarn root:watch $(pwd)"
   },
   "peerDependencies": {
@@ -27,20 +28,20 @@
     "access": "public"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-keyboard": "4.3.6",
-    "@hh.ru/magritte-common-use-disabled": "1.0.16",
-    "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
-    "@hh.ru/magritte-common-use-translation": "3.6.1",
-    "@hh.ru/magritte-design-tokens": "26.0.1",
-    "@hh.ru/magritte-internal-slot-registry": "1.1.1",
-    "@hh.ru/magritte-ui-cell": "7.3.3",
-    "@hh.ru/magritte-ui-chips": "7.0.47",
-    "@hh.ru/magritte-ui-icon": "15.1.5",
-    "@hh.ru/magritte-ui-link": "7.2.6",
-    "@hh.ru/magritte-ui-loader": "4.1.6",
-    "@hh.ru/magritte-ui-scrollable-container": "6.5.3",
-    "@hh.ru/magritte-ui-scrollbar": "1.0.39",
-    "@hh.ru/magritte-ui-typography": "5.3.16"
+    "@hh.ru/magritte-common-keyboard": "4.3.7",
+    "@hh.ru/magritte-common-use-disabled": "1.0.17",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.13",
+    "@hh.ru/magritte-common-use-translation": "3.6.2",
+    "@hh.ru/magritte-design-tokens": "26.0.2",
+    "@hh.ru/magritte-internal-slot-registry": "1.1.2",
+    "@hh.ru/magritte-ui-cell": "7.3.4",
+    "@hh.ru/magritte-ui-chips": "7.0.48",
+    "@hh.ru/magritte-ui-icon": "15.1.6",
+    "@hh.ru/magritte-ui-link": "7.2.7",
+    "@hh.ru/magritte-ui-loader": "4.1.7",
+    "@hh.ru/magritte-ui-scrollable-container": "6.5.4",
+    "@hh.ru/magritte-ui-scrollbar": "1.0.40",
+    "@hh.ru/magritte-ui-typography": "5.3.17"
   },
-  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
+  "gitHead": "33dbaa1dc9b9705e925ffc9f6fcc7a0dc153bd36"
 }

package/public/ChatInput.js

@@ -19,7 +19,7 @@ import { ChatInputPreview } from './ChatInputPreview.js';
 import { ChatInputSendButton } from './ChatInputSendButton.js';
 import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../internal/useSendOnEnter.js';

package/public/ChatInputChips.js

@@ -4,7 +4,7 @@ import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
 import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const CHIP_DEFAULT_PROPS = { size: "extra-small" };
 const ChatInputChips = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.chipsContainer, children: /* @__PURE__ */ jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: /* @__PURE__ */ jsx(ScrollableContainer, { children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(ScrollableContainer.Item, { children: child }, isValidElement(child) && child.key || index)) }) }) }) }) }) });

package/public/ChatInputFile.js

@@ -9,7 +9,7 @@ import { CrossOutlinedSize16, CheckCircleOutlinedSize16, ExclamationTriangleOutl
 import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const splitFileName = (name) => {
   const dotIndex = name.lastIndexOf(".");

package/public/ChatInputFiles.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const ChatInputFiles = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: /* @__PURE__ */ jsx(ScrollableContainer, { correction: 11, children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(
   ScrollableContainer.Item,

package/public/ChatInputPreview.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-hEUo5BXU.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const DEFAULT_ICON_PROPS = {
   initialColor: "secondary",

package/styles-DofLkp5v.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-4","chatInput":"magritte-chat-input___P69oN_1-2-4","no-background":"magritte-no-background___eiIY1_1-2-4","noBackground":"magritte-no-background___eiIY1_1-2-4","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-4","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-4","content-grid":"magritte-content-grid___g03sT_1-2-4","contentGrid":"magritte-content-grid___g03sT_1-2-4","preview":"magritte-preview___baXKi_1-2-4","left":"magritte-left___7JZYp_1-2-4","central":"magritte-central___zkguj_1-2-4","right":"magritte-right___-tGcO_1-2-4","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-4","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-4","text-input":"magritte-text-input___3AFO4_1-2-4","textInput":"magritte-text-input___3AFO4_1-2-4","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-4","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-4","has-central":"magritte-has-central___VRZik_1-2-4","hasCentral":"magritte-has-central___VRZik_1-2-4","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-4","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-4","no-right-controls":"magritte-no-right-controls___HBSag_1-2-4","noRightControls":"magritte-no-right-controls___HBSag_1-2-4","chips":"magritte-chips___gLao5_1-2-4","chips-container":"magritte-chips-container___-bS5O_1-2-4","chipsContainer":"magritte-chips-container___-bS5O_1-2-4","preview-block":"magritte-preview-block___iiPdS_1-2-4","previewBlock":"magritte-preview-block___iiPdS_1-2-4","preview-side":"magritte-preview-side___ymR-u_1-2-4","previewSide":"magritte-preview-side___ymR-u_1-2-4","preview-content":"magritte-preview-content___ZgyBD_1-2-4","previewContent":"magritte-preview-content___ZgyBD_1-2-4","preview-title":"magritte-preview-title___SkFeZ_1-2-4","previewTitle":"magritte-preview-title___SkFeZ_1-2-4","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-4","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-4","files-container":"magritte-files-container___zOkRK_1-2-4","filesContainer":"magritte-files-container___zOkRK_1-2-4","files":"magritte-files___j2q5K_1-2-4","file":"magritte-file___lz9Ll_1-2-4","file-card":"magritte-file-card___hn5C9_1-2-4","fileCard":"magritte-file-card___hn5C9_1-2-4","file-tile":"magritte-file-tile___OVlh3_1-2-4","fileTile":"magritte-file-tile___OVlh3_1-2-4","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-4","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-4","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-4","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-4","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-4","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-4","file-remove":"magritte-file-remove___S0WB9_1-2-4","fileRemove":"magritte-file-remove___S0WB9_1-2-4","file-name":"magritte-file-name___L03-O_1-2-4","fileName":"magritte-file-name___L03-O_1-2-4","file-name-base":"magritte-file-name-base___ojdp6_1-2-4","fileNameBase":"magritte-file-name-base___ojdp6_1-2-4","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-4","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-4","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-4","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-4","with-top-fade":"magritte-with-top-fade___okgqo_1-2-4","withTopFade":"magritte-with-top-fade___okgqo_1-2-4","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-4","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-4","measure":"magritte-measure___xNKc0_1-2-4","voice-record":"magritte-voice-record___p64PV_1-2-4","voiceRecord":"magritte-voice-record___p64PV_1-2-4","voice-record-left":"magritte-voice-record-left___njEt-_1-2-4","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-4","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-4","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-4","voice-processing":"magritte-voice-processing___C0xnX_1-2-4","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-4","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-4","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-4","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-4","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-4","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-4","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-4","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-4","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-4","mode-container":"magritte-mode-container___nATVD_1-2-4","modeContainer":"magritte-mode-container___nATVD_1-2-4","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-4","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-4"};
+
+export { styles as s };
+//# sourceMappingURL=styles-DofLkp5v.js.map

package/styles-DofLkp5v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-DofLkp5v.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/styles-hEUo5BXU.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-3","chatInput":"magritte-chat-input___P69oN_1-2-3","no-background":"magritte-no-background___eiIY1_1-2-3","noBackground":"magritte-no-background___eiIY1_1-2-3","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-3","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-3","content-grid":"magritte-content-grid___g03sT_1-2-3","contentGrid":"magritte-content-grid___g03sT_1-2-3","preview":"magritte-preview___baXKi_1-2-3","left":"magritte-left___7JZYp_1-2-3","central":"magritte-central___zkguj_1-2-3","right":"magritte-right___-tGcO_1-2-3","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-3","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-3","text-input":"magritte-text-input___3AFO4_1-2-3","textInput":"magritte-text-input___3AFO4_1-2-3","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-3","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-3","has-central":"magritte-has-central___VRZik_1-2-3","hasCentral":"magritte-has-central___VRZik_1-2-3","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-3","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-3","no-right-controls":"magritte-no-right-controls___HBSag_1-2-3","noRightControls":"magritte-no-right-controls___HBSag_1-2-3","chips":"magritte-chips___gLao5_1-2-3","chips-container":"magritte-chips-container___-bS5O_1-2-3","chipsContainer":"magritte-chips-container___-bS5O_1-2-3","preview-block":"magritte-preview-block___iiPdS_1-2-3","previewBlock":"magritte-preview-block___iiPdS_1-2-3","preview-side":"magritte-preview-side___ymR-u_1-2-3","previewSide":"magritte-preview-side___ymR-u_1-2-3","preview-content":"magritte-preview-content___ZgyBD_1-2-3","previewContent":"magritte-preview-content___ZgyBD_1-2-3","preview-title":"magritte-preview-title___SkFeZ_1-2-3","previewTitle":"magritte-preview-title___SkFeZ_1-2-3","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-3","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-3","files-container":"magritte-files-container___zOkRK_1-2-3","filesContainer":"magritte-files-container___zOkRK_1-2-3","files":"magritte-files___j2q5K_1-2-3","file":"magritte-file___lz9Ll_1-2-3","file-card":"magritte-file-card___hn5C9_1-2-3","fileCard":"magritte-file-card___hn5C9_1-2-3","file-tile":"magritte-file-tile___OVlh3_1-2-3","fileTile":"magritte-file-tile___OVlh3_1-2-3","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-3","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-3","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-3","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-3","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-3","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-3","file-remove":"magritte-file-remove___S0WB9_1-2-3","fileRemove":"magritte-file-remove___S0WB9_1-2-3","file-name":"magritte-file-name___L03-O_1-2-3","fileName":"magritte-file-name___L03-O_1-2-3","file-name-base":"magritte-file-name-base___ojdp6_1-2-3","fileNameBase":"magritte-file-name-base___ojdp6_1-2-3","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-3","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-3","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-3","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-3","with-top-fade":"magritte-with-top-fade___okgqo_1-2-3","withTopFade":"magritte-with-top-fade___okgqo_1-2-3","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-3","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-3","measure":"magritte-measure___xNKc0_1-2-3","voice-record":"magritte-voice-record___p64PV_1-2-3","voiceRecord":"magritte-voice-record___p64PV_1-2-3","voice-record-left":"magritte-voice-record-left___njEt-_1-2-3","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-3","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-3","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-3","voice-processing":"magritte-voice-processing___C0xnX_1-2-3","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-3","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-3","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-3","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-3","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-3","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-3","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-3","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-3","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-3","mode-container":"magritte-mode-container___nATVD_1-2-3","modeContainer":"magritte-mode-container___nATVD_1-2-3","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-3","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-3"};
-
-export { styles as s };
-//# sourceMappingURL=styles-hEUo5BXU.js.map

package/styles-hEUo5BXU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles-hEUo5BXU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}