@itcase/ui 1.9.71 → 1.9.73

package/dist/css/styles/bundles.css

@@ -80871,14 +80871,6 @@ div.label {
 .menu-item {
   position: relative;
   display: flex;
-  &:hover {
-    ^&__tooltip {
-      visibility: visible;
-      animation-duration: 0.2s;
-      animation-name: menuTooltipShowAnimation;
-      opacity: 100%;
-    }
-  }
   &__wrapper {
     width: 100%;
     position: relative !important;
@@ -80894,28 +80886,6 @@ div.label {
     align-items: center;
     flex-grow: 1;
   }
-  &__tooltip {
-    position: absolute !important;
-    visibility: hidden;
-    animation-duration: 0.1s;
-    animation-name: menuTooltipHideAnimation;
-  }
-}
-@keyframes menuTooltipShowAnimation {
-  0% {
-    opacity: 0%;
-  }
-  100% {
-    opacity: 100%;
-  }
-}
-@keyframes menuTooltipHideAnimation {
-  0% {
-    opacity: 100%;
-  }
-  100% {
-    opacity: 0%;
-  }
 }
 .menu-item {
   &_direction {
@@ -101516,12 +101486,204 @@ div.swiper-pagination {
   --title-size-h5-gap: 8px;
   --title-size-h6-gap: 8px;
 }
+.rc-tooltip.rc-tooltip-zoom-appear,
+.rc-tooltip.rc-tooltip-zoom-enter {
+  opacity: 0;
+}
+.rc-tooltip.rc-tooltip-zoom-enter,
+.rc-tooltip.rc-tooltip-zoom-leave {
+  display: block;
+}
+.rc-tooltip-zoom-enter,
+.rc-tooltip-zoom-appear {
+  opacity: 0;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+  animation-play-state: paused;
+}
+.rc-tooltip-zoom-leave {
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+  animation-play-state: paused;
+}
+.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
+.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
+  animation-name: rcToolTipZoomIn;
+  animation-play-state: running;
+}
+.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
+  animation-name: rcToolTipZoomOut;
+  animation-play-state: running;
+}
+@keyframes rcToolTipZoomIn {
+  0% {
+    opacity: 0;
+    transform-origin: 50% 50%;
+    transform: scale(0, 0);
+  }
+  100% {
+    opacity: 1;
+    transform-origin: 50% 50%;
+    transform: scale(1, 1);
+  }
+}
+@keyframes rcToolTipZoomOut {
+  0% {
+    opacity: 1;
+    transform-origin: 50% 50%;
+    transform: scale(1, 1);
+  }
+  100% {
+    opacity: 0;
+    transform-origin: 50% 50%;
+    transform: scale(0, 0);
+  }
+}
+.rc-tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  visibility: visible;
+  line-height: 1.5;
+  font-size: 12px;
+  background-color: rgba(0, 0, 0, 0.05);
+  padding: 1px;
+  opacity: 0.9;
+}
+.rc-tooltip-hidden {
+  display: none;
+}
+.rc-tooltip-inner {
+  padding: 8px 10px;
+  color: #333333;
+  text-align: left;
+  text-decoration: none;
+  background-color: #ffffff;
+  border-radius: 3px;
+  min-height: 34px;
+  border: 1px solid #b1b1b1;
+}
+.rc-tooltip-arrow,
+.rc-tooltip-arrow-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.rc-tooltip-placement-top .rc-tooltip-arrow,
+.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
+.rc-tooltip-placement-topRight .rc-tooltip-arrow {
+  transform: translate(-50%, 5px);
+  margin-left: -6px;
+  border-width: 6px 6px 0;
+  border-top-color: #b1b1b1;
+}
+.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
+  bottom: 1px;
+  margin-left: -6px;
+  border-width: 6px 6px 0;
+  border-top-color: #ffffff;
+}
+.rc-tooltip-placement-top .rc-tooltip-arrow {
+  left: 50%;
+}
+.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
+  left: 15%;
+}
+.rc-tooltip-placement-topRight .rc-tooltip-arrow {
+  right: 15%;
+}
+.rc-tooltip-placement-right .rc-tooltip-arrow,
+.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
+.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
+  left: -5px;
+  margin-top: -6px;
+  border-width: 6px 6px 6px 0;
+  border-right-color: #b1b1b1;
+  transform: translateX(calc(-100% + 1px));
+}
+.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
+  left: 1px;
+  margin-top: -6px;
+  border-width: 6px 6px 6px 0;
+  border-right-color: #ffffff;
+}
+.rc-tooltip-placement-right .rc-tooltip-arrow {
+  top: 50%;
+}
+.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
+  top: 15%;
+  margin-top: 0;
+}
+.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
+  bottom: 15%;
+}
+.rc-tooltip-placement-left .rc-tooltip-arrow,
+.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
+.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
+  right: -5px;
+  margin-top: -6px;
+  border-width: 6px 0 6px 6px;
+  border-left-color: #b1b1b1;
+  transform: translateX(calc(100% - 1px));
+}
+.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
+  right: 1px;
+  margin-top: -6px;
+  border-width: 6px 0 6px 6px;
+  border-left-color: #ffffff;
+}
+.rc-tooltip-placement-left .rc-tooltip-arrow {
+  top: 50%;
+}
+.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
+  top: 15%;
+  margin-top: 0;
+}
+.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
+  bottom: 15%;
+}
+.rc-tooltip-placement-bottom .rc-tooltip-arrow,
+.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
+.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
+  transform: translate(-50%, -5px);
+  margin-left: -6px;
+  border-width: 0 6px 6px;
+  border-bottom-color: #b1b1b1;
+}
+.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
+.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
+  top: 1px;
+  margin-left: -6px;
+  border-width: 0 6px 6px;
+  border-bottom-color: #ffffff;
+}
+.rc-tooltip-placement-bottom .rc-tooltip-arrow {
+  left: 50%;
+}
+.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
+  left: 15%;
+}
+.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
+  right: 15%;
+}
 .tooltip {
   width: fit-content;
-  min-width: 240px;
+  min-width: 160px;
   position: relative;
   display: flex;
   visibility: hidden;
+  border: solid 2px red;
   opacity: 0%;
   &__arrow {
     width: var(--tooltip-arrow-width);
@@ -101560,6 +101722,9 @@ div.swiper-pagination {
     opacity: 0%;
   }
 }
+.tooltip-wrapper {
+  position: absolute;
+}
 .tooltip {
   &_size {
       &_s {

package/dist/hoc/urlWithAssetPrefix.js

@@ -1,7 +1,8 @@
 import 'react/jsx-runtime';
 import 'react';
 import '@itcase/common';
-export { c as urlWithAssetPrefix } from '../primitives_es_gY0Wzlk_.js';
+export { c as urlWithAssetPrefix } from '../primitives_es_g9LRUQ6M.js';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,6 +1,7 @@
 import 'react';
-export { d as useAppearanceConfig } from '../../primitives_es_gY0Wzlk_.js';
+export { d as useAppearanceConfig } from '../../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/hooks/useAppearanceConfig.js

@@ -1,5 +1,6 @@
-export { d as useAppearanceConfig } from '../primitives_es_gY0Wzlk_.js';
+export { d as useAppearanceConfig } from '../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -2,8 +2,9 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-export { a as useDevicePropsGenerator } from '../../primitives_es_gY0Wzlk_.js';
+export { a as useDevicePropsGenerator } from '../../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'uuid';
 import '@itcase/common';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,5 +1,6 @@
-export { a as useDevicePropsGenerator } from '../primitives_es_gY0Wzlk_.js';
+export { a as useDevicePropsGenerator } from '../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useDeviceTargetClass.js

@@ -1,8 +1,9 @@
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
-import { e as useUserDeviceContext } from '../primitives_es_gY0Wzlk_.js';
+import { e as useUserDeviceContext } from '../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/upperFirst';
 import 'uuid';