@itcase/ui 1.8.126 → 1.8.128

package/dist/components/Segmented.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_DkVkzTha.js';
+import { I as Icon } from '../Icon_es_5JUPM7bP.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '@itcase/common';

package/dist/components/Select.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_DkVkzTha.js';
+import { I as Icon, B as Badge } from '../Icon_es_5JUPM7bP.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { G as Group } from '../Group_es_BU5k8f5S.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { L as Loader } from '../Loader_es_CmSggwbR.js';
+import { L as Loader } from '../Loader_es_Dq2-7sn2.js';
 import { D as Divider } from '../Divider_es_BiYozVBS.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_DkVkzTha.js';
+import { b as Title } from '../Icon_es_5JUPM7bP.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -23,7 +23,7 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Link_es_P2b6ya7P.js';
-import '../Text_es_CnymlElo.js';
+import '../Text_es_RDU9GLCV.js';
 
 function Swiper(props) {
     const { id, className, direction, title, titleAfter, titleSize, titleTextColor, titleWeight, setNextBtnDisabled, setPrevBtnDisabled, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957

package/dist/components/Switch.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Tab.js

@@ -5,10 +5,10 @@ import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js'
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_DkVkzTha.js';
+import { B as Badge, I as Icon } from '../Icon_es_5JUPM7bP.js';
 import { D as Divider } from '../Divider_es_BiYozVBS.js';
 import { L as Link } from '../Link_es_P2b6ya7P.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_CnymlElo.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_RDU9GLCV.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Tile.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_DkVkzTha.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_5JUPM7bP.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_DkVkzTha.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_5JUPM7bP.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../Link_es_P2b6ya7P.js';
-import '../Text_es_CnymlElo.js';
+import '../Text_es_RDU9GLCV.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_DkVkzTha.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_5JUPM7bP.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../Link_es_P2b6ya7P.js';
-import '../Text_es_CnymlElo.js';
+import '../Text_es_RDU9GLCV.js';

package/dist/components/Warning.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_DkVkzTha.js';
-import { T as Text } from '../Text_es_CnymlElo.js';
+import { I as Icon } from '../Icon_es_5JUPM7bP.js';
+import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';

package/dist/css/components/MenuItem/MenuItem.css

@@ -4,9 +4,10 @@
   align-items: center;
   &:hover {
     ^&__tooltip {
-      visibility: visible !important;
-      animation-duration: 0.2s !important;
-      animation-name: menuTooltipShowAnimation !important;
+      visibility: visible;
+      animation-duration: 0.2s;
+      animation-name: menuTooltipShowAnimation;
+      opacity: 100%;
     }
   }
   &__wrapper {
@@ -15,35 +16,38 @@
     display: flex;
     align-items: center;
     align-content: center;
-    ^&__label {
-      display: flex;
-      align-items: center;
-      flex-grow: 1;
-    }
-    ^&__tooltip {
-      visibility: hidden !important;
-      animation-duration: 0.2s !important;
-      animation-name: menuTooltipHideAnimation !important;
-      opacity: 100% !important;
-    }
+  }
+  &__label {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+  }
+  &__tooltip {
+    position: absolute !important;
+    animation-duration: 0.1s;
+    animation-name: menuTooltipHideAnimation;
   }
 }
 
 @keyframes menuTooltipShowAnimation {
   0% {
     visibility: hidden;
+    opacity: 0%;
   }
   100% {
     visibility: visible;
+    opacity: 100%;
   }
 }
 
 @keyframes menuTooltipHideAnimation {
   0% {
     visibility: visible;
+    opacity: 100%;
   }
   100% {
     visibility: hidden;
+    opacity: 0%;
   }
 }
 

package/dist/css/components/Tooltip/Tooltip.css

@@ -50,8 +50,8 @@
     @each $size in s, m, l {
       &_$(size) {
         max-width: 400px;
-        padding: var(--tooltip-size-$(size)-padding);
         ^^&__inner {
+          padding: var(--tooltip-size-$(size)-padding);
           display: flex;
           flex-flow: column nowrap;
           gap: var(--tooltip-size-$(size)-gap);

package/dist/css/styles/bundle.css

@@ -666,8 +666,8 @@ div.alignment {
   }
   &_both {
     position: absolute;
-    top: 50%;
     left: 50%;
+    top: 50%;
     transform: translate(-50%, -50%);
   }
 }

package/dist/css/styles/centering/centering.css

@@ -10,8 +10,8 @@
   }
   &_both {
     position: absolute;
-    top: 50%;
     left: 50%;
+    top: 50%;
     transform: translate(-50%, -50%);
   }
-}
+}