@hh.ru/magritte-ui-floating-button 2.1.3 → 3.0.0

package/index.css

@@ -74,21 +74,21 @@
   --magritte-shadow-level-2-color-v24-3-0:#0000003d;
   --magritte-shadow-level-1-color-v24-3-0:#00000029;
 }
-.magritte-wrapper___7m9lC_2-1-3{
+.magritte-wrapper___7m9lC_3-0-0{
   display:inline-block;
   position:fixed;
 }
-.magritte-wrapper___7m9lC_2-1-3,
-.magritte-animation-timeout___NL8n0_2-1-3{
+.magritte-wrapper___7m9lC_3-0-0,
+.magritte-animation-timeout___NL8n0_3-0-0{
   --animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-wrapper___7m9lC_2-1-3,
-  .magritte-animation-timeout___NL8n0_2-1-3{
+  .magritte-wrapper___7m9lC_3-0-0,
+  .magritte-animation-timeout___NL8n0_3-0-0{
     --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-3-0);
   }
 }
-.magritte-button___nL-Hn_2-1-3{
+.magritte-button___nL-Hn_3-0-0{
   display:inline-block;
   padding:12px;
   border-radius:24px;
@@ -96,87 +96,87 @@
   transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-3-0);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-3-0);
 }
-.magritte-button___nL-Hn_2-1-3:disabled,
-.magritte-button___nL-Hn_2-1-3[aria-disabled='true'],
-.magritte-button___nL-Hn_2-1-3.magritte-loading___C0oPZ_2-1-3{
+.magritte-button___nL-Hn_3-0-0:disabled,
+.magritte-button___nL-Hn_3-0-0[aria-disabled='true'],
+.magritte-button___nL-Hn_3-0-0.magritte-loading___C0oPZ_3-0-0{
   pointer-events:none;
   cursor:not-allowed;
 }
-.magritte-button___nL-Hn_2-1-3:not(:disabled):active,
-.magritte-button___nL-Hn_2-1-3:not([aria-disabled='true']):active{
+.magritte-button___nL-Hn_3-0-0:not(:disabled):active,
+.magritte-button___nL-Hn_3-0-0:not([aria-disabled='true']):active{
   transform:scale(0.96);
   transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-3-0);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-3-0);
 }
-.magritte-withIconAndLabel___Qa-lU_2-1-3{
+.magritte-withIconAndLabel___Qa-lU_3-0-0{
   padding:12px 16px;
 }
-.magritte-right___3n0Rz_2-1-3{
+.magritte-right___3n0Rz_3-0-0{
   right:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-right___3n0Rz_2-1-3{
+  body.magritte-old-layout .magritte-right___3n0Rz_3-0-0{
     right:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-right___3n0Rz_2-1-3{
+  body:not(.magritte-old-layout) .magritte-right___3n0Rz_3-0-0{
     right:36px;
     bottom:32px;
   }
 }
-.magritte-right___3n0Rz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-right___3n0Rz_3-0-0 .magritte-content___JNpTZ_3-0-0{
   justify-content:end;
 }
-.magritte-left___GnzU7_2-1-3{
+.magritte-left___GnzU7_3-0-0{
   left:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-left___GnzU7_2-1-3{
+  body.magritte-old-layout .magritte-left___GnzU7_3-0-0{
     left:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-left___GnzU7_2-1-3{
+  body:not(.magritte-old-layout) .magritte-left___GnzU7_3-0-0{
     left:36px;
     bottom:32px;
   }
 }
-.magritte-left___GnzU7_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-left___GnzU7_3-0-0 .magritte-content___JNpTZ_3-0-0{
   justify-content:start;
 }
-.magritte-center___MdA40_2-1-3{
+.magritte-center___MdA40_3-0-0{
   left:50%;
   bottom:20px;
   transform:translateX(-50%);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-center___MdA40_2-1-3{
+  body.magritte-old-layout .magritte-center___MdA40_3-0-0{
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-center___MdA40_2-1-3{
+  body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-0{
     bottom:32px;
   }
 }
-.magritte-center___MdA40_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-center___MdA40_3-0-0 .magritte-content___JNpTZ_3-0-0{
   justify-content:space-between;
 }
-.magritte-postfix___r0EZ6_2-1-3{
+.magritte-postfix___r0EZ6_3-0-0{
   padding:0 4px;
 }
-.magritte-icon___VpqJt_2-1-3{
+.magritte-icon___VpqJt_3-0-0{
   margin-right:4px;
 }
-.magritte-textless___IbYgp_2-1-3 .magritte-icon___VpqJt_2-1-3{
+.magritte-textless___IbYgp_3-0-0 .magritte-icon___VpqJt_3-0-0{
   margin:0;
 }
-.magritte-label___EPgvj_2-1-3{
+.magritte-label___EPgvj_3-0-0{
   text-align:left;
   overflow:hidden;
   transition-property:padding;
@@ -184,7 +184,7 @@
   transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
   padding:0 4px;
 }
-.magritte-content___JNpTZ_2-1-3{
+.magritte-content___JNpTZ_3-0-0{
   display:inline-grid;
   justify-content:flex-end;
   grid-template-columns:max-content 1fr;
@@ -193,73 +193,73 @@
   transition-duration:var(--animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
 }
-.magritte-withPostfix___PmQAz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-withPostfix___PmQAz_3-0-0 .magritte-content___JNpTZ_3-0-0{
   grid-template-columns:max-content 1fr max-content;
 }
-.magritte-hideLabel___K79XM_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-hideLabel___K79XM_3-0-0 .magritte-content___JNpTZ_3-0-0{
   grid-template-columns:max-content 0fr;
 }
-.magritte-hideLabel___K79XM_2-1-3 .magritte-label___EPgvj_2-1-3{
+.magritte-hideLabel___K79XM_3-0-0 .magritte-label___EPgvj_3-0-0{
   padding:0;
 }
-.magritte-hideLabel___K79XM_2-1-3.magritte-withPostfix___PmQAz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-hideLabel___K79XM_3-0-0.magritte-withPostfix___PmQAz_3-0-0 .magritte-content___JNpTZ_3-0-0{
   grid-template-columns:max-content 0fr max-content;
 }
-.magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3).magritte-withIconAndLabel___Qa-lU_2-1-3{
+.magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0).magritte-withIconAndLabel___Qa-lU_3-0-0{
   padding:12px;
 }
-.magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):not(.magritte-withPostfix___PmQAz_2-1-3) .magritte-icon___VpqJt_2-1-3{
+.magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):not(.magritte-withPostfix___PmQAz_3-0-0) .magritte-icon___VpqJt_3-0-0{
   margin:0;
 }
-.magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3) .magritte-content___JNpTZ_2-1-3{
+.magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0) .magritte-content___JNpTZ_3-0-0{
   grid-template-columns:max-content 0fr;
 }
-.magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3).magritte-withPostfix___PmQAz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+.magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0).magritte-withPostfix___PmQAz_3-0-0 .magritte-content___JNpTZ_3-0-0{
   grid-template-columns:max-content 0fr max-content;
 }
-.magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3) .magritte-label___EPgvj_2-1-3{
+.magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0) .magritte-label___EPgvj_3-0-0{
   padding:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_2-1-3{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-0{
     padding:12px 16px;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_2-1-3{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-0{
     margin-right:4px;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_2-1-3{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-0{
     grid-template-columns:max-content 1fr;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-0 .magritte-content___JNpTZ_3-0-0{
     grid-template-columns:max-content 1fr max-content;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_2-1-3{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-0{
     padding:0 4px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_2-1-3{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-0{
     padding:12px 16px;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_2-1-3{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-0{
     margin-right:4px;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_2-1-3{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-0{
     grid-template-columns:max-content 1fr;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_2-1-3 .magritte-content___JNpTZ_2-1-3{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-0 .magritte-content___JNpTZ_3-0-0{
     grid-template-columns:max-content 1fr max-content;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_2-1-3:not(.magritte-hideLabel___K79XM_2-1-3):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_2-1-3{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-0:not(.magritte-hideLabel___K79XM_3-0-0):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-0{
     padding:0 4px;
   }
 }
-.magritte-loading___C0oPZ_2-1-3 .magritte-postfix___r0EZ6_2-1-3,
-.magritte-loading___C0oPZ_2-1-3 .magritte-icon___VpqJt_2-1-3,
-.magritte-loading___C0oPZ_2-1-3 .magritte-label___EPgvj_2-1-3{
+.magritte-loading___C0oPZ_3-0-0 .magritte-postfix___r0EZ6_3-0-0,
+.magritte-loading___C0oPZ_3-0-0 .magritte-icon___VpqJt_3-0-0,
+.magritte-loading___C0oPZ_3-0-0 .magritte-label___EPgvj_3-0-0{
   visibility:hidden;
 }
-.magritte-loader___EPezG_2-1-3{
+.magritte-loader___EPezG_3-0-0{
   position:absolute;
   left:50%;
   top:50%;
@@ -267,103 +267,103 @@
   line-height:0;
   overflow:hidden;
 }
-.magritte-enter-animation___2sPz3_2-1-3{
+.magritte-enter-animation___2sPz3_3-0-0{
   opacity:0;
 }
-.magritte-enter-animation-active___Lq9eq_2-1-3{
+.magritte-enter-animation-active___Lq9eq_3-0-0{
   opacity:1;
   transition-property:opacity;
   transition-duration:var(--animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
 }
-.magritte-exit-animation___h2-7a_2-1-3{
+.magritte-exit-animation___h2-7a_3-0-0{
   opacity:1;
 }
-.magritte-exit-animation-active___w0F1a_2-1-3{
+.magritte-exit-animation-active___w0F1a_3-0-0{
   opacity:0;
   transition-property:opacity;
   transition-duration:var(--animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3{
+.magritte-button_style-neutral___bPUwu_3-0-0{
   background:var(--magritte-color-component-button-background-neutral-v24-3-0);
   --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-3-0);
   --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-3-0);
   box-shadow:var(--magritte-shadow-level-2-x-v24-3-0) var(--magritte-shadow-level-2-y-v24-3-0) var(--magritte-shadow-level-2-blur-v24-3-0) var(--magritte-shadow-level-2-spread-v24-3-0) var(--magritte-shadow-level-2-color-v24-3-0);
   --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3 .magritte-postfix___r0EZ6_2-1-3{
+.magritte-button_style-neutral___bPUwu_3-0-0 .magritte-postfix___r0EZ6_3-0-0{
   --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3.magritte-stackMode___RdOTJ_2-1-3{
+.magritte-button_style-neutral___bPUwu_3-0-0.magritte-stackMode___RdOTJ_3-0-0{
   box-shadow:none;
 }
-.magritte-button_style-neutral___bPUwu_2-1-3.focus-visible{
+.magritte-button_style-neutral___bPUwu_3-0-0.focus-visible{
   outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-3-0);
   background:var(--magritte-color-component-button-background-state-neutral-focused-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3:not(:disabled):active,
-.magritte-button_style-neutral___bPUwu_2-1-3:not([aria-disabled='true']):active{
+.magritte-button_style-neutral___bPUwu_3-0-0:not(:disabled):active,
+.magritte-button_style-neutral___bPUwu_3-0-0:not([aria-disabled='true']):active{
   background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3:disabled,
-.magritte-button_style-neutral___bPUwu_2-1-3[aria-disabled='true']{
+.magritte-button_style-neutral___bPUwu_3-0-0:disabled,
+.magritte-button_style-neutral___bPUwu_3-0-0[aria-disabled='true']{
   background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-3-0);
   --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-3-0);
   --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-3-0);
 }
-.magritte-button_style-neutral___bPUwu_2-1-3:disabled .magritte-postfix___r0EZ6_2-1-3,
-.magritte-button_style-neutral___bPUwu_2-1-3[aria-disabled='true'] .magritte-postfix___r0EZ6_2-1-3{
+.magritte-button_style-neutral___bPUwu_3-0-0:disabled .magritte-postfix___r0EZ6_3-0-0,
+.magritte-button_style-neutral___bPUwu_3-0-0[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-0{
   --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-3-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-button_style-neutral___bPUwu_2-1-3:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+  body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-0:hover:not(:active):not(:disabled):not([aria-disabled='true']){
     background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-3-0));
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_2-1-3:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+  body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-0:hover:not(:active):not(:disabled):not([aria-disabled='true']){
     background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-3-0));
   }
 }
-.magritte-button_style-inverse___Xgf26_2-1-3{
+.magritte-button_style-inverse___Xgf26_3-0-0{
   background:var(--magritte-color-component-button-background-inverse-v24-3-0);
   --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-3-0);
   --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-3-0);
   box-shadow:var(--magritte-shadow-level-1-x-v24-3-0) var(--magritte-shadow-level-1-y-v24-3-0) var(--magritte-shadow-level-1-blur-v24-3-0) var(--magritte-shadow-level-1-spread-v24-3-0) var(--magritte-shadow-level-1-color-v24-3-0);
   --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-3-0);
 }
-.magritte-button_style-inverse___Xgf26_2-1-3 .magritte-postfix___r0EZ6_2-1-3{
+.magritte-button_style-inverse___Xgf26_3-0-0 .magritte-postfix___r0EZ6_3-0-0{
   --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-3-0);
 }
-.magritte-button_style-inverse___Xgf26_2-1-3.magritte-stackMode___RdOTJ_2-1-3{
+.magritte-button_style-inverse___Xgf26_3-0-0.magritte-stackMode___RdOTJ_3-0-0{
   box-shadow:none;
 }
-.magritte-button_style-inverse___Xgf26_2-1-3.focus-visible{
+.magritte-button_style-inverse___Xgf26_3-0-0.focus-visible{
   outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-3-0);
   background:var(--magritte-color-component-button-background-state-inverse-focused-v24-3-0);
 }
-.magritte-button_style-inverse___Xgf26_2-1-3:not(:disabled):active,
-.magritte-button_style-inverse___Xgf26_2-1-3:not([aria-disabled='true']):active{
+.magritte-button_style-inverse___Xgf26_3-0-0:not(:disabled):active,
+.magritte-button_style-inverse___Xgf26_3-0-0:not([aria-disabled='true']):active{
   background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-3-0);
 }
-.magritte-button_style-inverse___Xgf26_2-1-3:disabled,
-.magritte-button_style-inverse___Xgf26_2-1-3[aria-disabled='true']{
+.magritte-button_style-inverse___Xgf26_3-0-0:disabled,
+.magritte-button_style-inverse___Xgf26_3-0-0[aria-disabled='true']{
   background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-3-0);
   --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-3-0);
   --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-3-0);
 }
-.magritte-button_style-inverse___Xgf26_2-1-3:disabled .magritte-postfix___r0EZ6_2-1-3,
-.magritte-button_style-inverse___Xgf26_2-1-3[aria-disabled='true'] .magritte-postfix___r0EZ6_2-1-3{
+.magritte-button_style-inverse___Xgf26_3-0-0:disabled .magritte-postfix___r0EZ6_3-0-0,
+.magritte-button_style-inverse___Xgf26_3-0-0[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-0{
   --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-3-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-button_style-inverse___Xgf26_2-1-3:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+  body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-0:hover:not(:active):not(:disabled):not([aria-disabled='true']){
     background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-3-0));
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_2-1-3:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+  body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-0:hover:not(:active):not(:disabled):not([aria-disabled='true']){
     background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-3-0));
   }
 }
@@ -398,137 +398,176 @@
   --magritte-shadow-level-2-color-v24-3-0:#0000003d;
   --magritte-shadow-level-1-color-v24-3-0:#00000029;
 }
-.magritte-stack___v7QhJ_2-1-3{
+.magritte-stack___v7QhJ_3-0-0{
   display:inline-flex;
   position:fixed;
   flex-direction:column;
+  --animation-duration-floating-button-stack:0;
 }
-.magritte-right___v4PFa_2-1-3{
+@media (prefers-reduced-motion: no-preference){
+  .magritte-stack___v7QhJ_3-0-0{
+    --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v24-3-0);
+  }
+}
+.magritte-right___v4PFa_3-0-0{
   right:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-right___v4PFa_2-1-3{
+  body.magritte-old-layout .magritte-right___v4PFa_3-0-0{
     right:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-right___v4PFa_2-1-3{
+  body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-0{
     right:36px;
     bottom:32px;
   }
 }
-.magritte-left___JXzpq_2-1-3{
+.magritte-left___JXzpq_3-0-0{
   left:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-left___JXzpq_2-1-3{
+  body.magritte-old-layout .magritte-left___JXzpq_3-0-0{
     left:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-left___JXzpq_2-1-3{
+  body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-0{
     left:36px;
     bottom:32px;
   }
 }
-.magritte-center___rV3kK_2-1-3{
+.magritte-center___rV3kK_3-0-0{
   left:50%;
   bottom:20px;
   transform:translateX(-50%);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-center___rV3kK_2-1-3{
+  body.magritte-old-layout .magritte-center___rV3kK_3-0-0{
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-center___rV3kK_2-1-3{
+  body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-0{
     bottom:32px;
   }
 }
-.magritte-up-button___M-Jgi_2-1-3{
-  opacity:0;
-  height:0;
-  transition:height var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0), opacity var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
-}
-.magritte-up-button___M-Jgi_2-1-3.magritte-visible___lDPdq_2-1-3{
-  height:56px;
-  opacity:1;
-}
-.magritte-up-button___M-Jgi_2-1-3.magritte-visible___lDPdq_2-1-3.magritte-has-visibled-children___rA8xx_2-1-3{
-  margin-bottom:12px;
+.magritte-up-button___M-Jgi_3-0-0{
+  --up-button-height:56px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-up-button___M-Jgi_2-1-3.magritte-visible___lDPdq_2-1-3{
-    height:72px;
+  body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-0{
+    --up-button-height:72px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_2-1-3.magritte-visible___lDPdq_2-1-3{
-    height:72px;
+  body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-0{
+    --up-button-height:72px;
   }
 }
-.magritte-floating-buttons___oi9Yx_2-1-3{
+.magritte-enter-up-button-animation___-n3rG_3-0-0{
+  opacity:0;
+  height:0;
+}
+.magritte-enter-up-button-animation-active___8pejQ_3-0-0{
+  transition-property:opacity, height;
+  transition-duration:var(--animation-duration-floating-button-stack);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
+  opacity:1;
+  height:var(--up-button-height);
+}
+.magritte-exit-up-button-animation___80DEE_3-0-0{
+  opacity:1;
+  height:var(--up-button-height);
+}
+.magritte-exit-up-button-animation-active___f1LjL_3-0-0{
+  transition-property:opacity, height;
+  transition-duration:var(--animation-duration-floating-button-stack);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
+  opacity:0;
+  height:0;
+}
+.magritte-floating-buttons___oi9Yx_3-0-0{
   display:flex;
   flex-direction:column;
-  padding:0 4px;
-  opacity:0;
   border-radius:40px;
   overflow:hidden;
-  transition:opacity var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0), padding var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
   z-index:1;
+  opacity:0;
+  padding:0 4px;
+}
+.magritte-floating-buttons___oi9Yx_3-0-0.magritte-animated___z--5Y_3-0-0{
+  transition-property:opacity, margin-top, padding;
+  transition-duration:var(--animation-duration-floating-button-stack);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
 }
-.magritte-floating-buttons___oi9Yx_2-1-3.magritte-has-visibled-children___rA8xx_2-1-3{
+.magritte-floating-buttons___oi9Yx_3-0-0.magritte-visibled___hHvF6_3-0-0{
+  margin-top:12px;
   padding:4px;
   opacity:1;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_2-1-3{
+  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-0{
     padding:0 12px;
   }
-  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_2-1-3.magritte-has-visibled-children___rA8xx_2-1-3{
+  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-0.magritte-visibled___hHvF6_3-0-0{
     padding:12px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_2-1-3{
+  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-0{
     padding:0 12px;
   }
-  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_2-1-3.magritte-has-visibled-children___rA8xx_2-1-3{
+  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-0.magritte-visibled___hHvF6_3-0-0{
     padding:12px;
   }
 }
-.magritte-floating-buttons_neutral___LCnTQ_2-1-3{
+.magritte-floating-buttons_neutral___LCnTQ_3-0-0{
   background-color:var(--magritte-color-component-button-background-neutral-v24-3-0);
   box-shadow:var(--magritte-shadow-level-2-x-v24-3-0) var(--magritte-shadow-level-2-y-v24-3-0) var(--magritte-shadow-level-2-blur-v24-3-0) var(--magritte-shadow-level-2-spread-v24-3-0) var(--magritte-shadow-level-2-color-v24-3-0);
   --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v24-3-0);
   --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v24-3-0);
 }
-.magritte-floating-buttons_neutral___LCnTQ_2-1-3.magritte-disabled___XSSqS_2-1-3{
+.magritte-floating-buttons_neutral___LCnTQ_3-0-0.magritte-disabled___XSSqS_3-0-0{
   background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v24-3-0);
 }
-.magritte-floating-buttons_inverse___xhm17_2-1-3{
+.magritte-floating-buttons_inverse___xhm17_3-0-0{
   background-color:var(--magritte-color-component-button-background-inverse-v24-3-0);
   box-shadow:var(--magritte-shadow-level-1-x-v24-3-0) var(--magritte-shadow-level-1-y-v24-3-0) var(--magritte-shadow-level-1-blur-v24-3-0) var(--magritte-shadow-level-1-spread-v24-3-0) var(--magritte-shadow-level-1-color-v24-3-0);
   --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v24-3-0);
   --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v24-3-0);
 }
-.magritte-floating-buttons_inverse___xhm17_2-1-3.magritte-disabled___XSSqS_2-1-3{
+.magritte-floating-buttons_inverse___xhm17_3-0-0.magritte-disabled___XSSqS_3-0-0{
   background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v24-3-0);
 }
-.magritte-floating-button-wrapper___HlTzE_2-1-3{
+.magritte-floating-button-wrapper___HlTzE_3-0-0{
   overflow:hidden;
-  height:0;
-  opacity:0;
   padding:4px;
   margin:-4px;
-  transition:height var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0), opacity var(--magritte-semantic-animation-time-s-duration-v24-3-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
 }
-.magritte-floating-button-wrapper___HlTzE_2-1-3.magritte-visible___lDPdq_2-1-3{
+.magritte-enter-floating-button-animation___nke2I_3-0-0{
+  opacity:0;
+  height:0;
+}
+.magritte-enter-floating-button-animation-active___AayrW_3-0-0{
+  transition-property:opacity, height;
+  transition-duration:var(--animation-duration-floating-button-stack);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
+  opacity:1;
   height:48px;
+}
+.magritte-exit-floating-button-animation___dXSTW_3-0-0{
   opacity:1;
+  height:48px;
+}
+.magritte-exit-floating-button-animation-active___DhIfE_3-0-0{
+  transition-property:opacity, height;
+  transition-duration:var(--animation-duration-floating-button-stack);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
+  opacity:0;
+  height:0;
 }

package/index.d.ts

@@ -1,3 +1,3 @@
 export * from '@hh.ru/magritte-ui-floating-button/FloatingButton';
 export * from '@hh.ru/magritte-ui-floating-button/FloatingButtonStack';
-export type { FloatingButtonStyle, FloatingButtonPosition, FloatingButtonRadius, FloatingButtonProps, FloatingButtonStackProps, } from '@hh.ru/magritte-ui-floating-button/types';
+export type { FloatingButtonStyle, FloatingButtonPosition, FloatingButtonRadius, FloatingButtonProps, FloatingButtonStackProps, FloatingButtonStackItemProps, } from '@hh.ru/magritte-ui-floating-button/types';

package/index.js

@@ -1,16 +1,22 @@
 import './index.css';
-export { FloatingButton } from './FloatingButton.js';
-export { FloatingButtonStack } from './FloatingButtonStack.js';
+export { FloatingButton, FloatingButtonWithStackMode } from './FloatingButton.js';
+export { FloatingButtonStack, FloatingButtonStackComponent } from './FloatingButtonStack.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@hh.ru/magritte-common-is-server-env';
+import '@hh.ru/magritte-design-tokens/types';
 import '@hh.ru/magritte-ui-badge';
 import '@hh.ru/magritte-ui-layer';
 import '@hh.ru/magritte-ui-loader';
 import '@hh.ru/magritte-ui-typography';
+import './FloatingButtonStackContext.js';
+import './FloatingButtonStackItem.js';
+import './floating-button-stack-Pk_JvFI1.js';
+import './FloatingButtonStackItems.js';
+import './FloatingButtonStackUpButton.js';
 import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-icon/variants/icon';
 //# sourceMappingURL=index.js.map

package/index.js.map

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