@itcase/ui 1.1.14 → 1.1.16

package/dist/constants/componentProps/textColorActive.js

@@ -1,3 +1,3 @@
-const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
+const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
 
 export { textColorActiveProps as default };

package/dist/constants/componentProps/textColorHover.js

@@ -1,3 +1,3 @@
-const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
+const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
 
 export { textColorHoverProps as default };

package/dist/context/Notifications.js

@@ -4,15 +4,15 @@ import PropTypes from 'prop-types';
 import { v4 } from 'uuid';
 
 const STATUSES = {
-  success: 'success',
-  info: 'info',
   error: 'error',
+  info: 'info',
+  success: 'success',
   warning: 'warning'
 };
 const NotificationsContext = /*#__PURE__*/createContext([]);
 const NotificationsAPIContext = /*#__PURE__*/createContext({
-  showNotification: () => {},
   hideNotifications: () => {},
+  showNotification: () => {},
   notificationStatuses: STATUSES
 });
 function NotificationsProvider(props) {

package/dist/css/components/DatePicker/DatePicker.css

@@ -87,6 +87,10 @@
   font-weight: bold;
   font-size: 0.944rem;
 }
+h2.react-datepicker__current-month {
+  padding: 0;
+  margin: 0;
+}
 .react-datepicker-time__header {
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/css/components/Logo/Logo.css

@@ -43,7 +43,7 @@
 }
 .logo {
   &_size {
-    @each $size in s, m, l {
+    @each $size in xs, s, m, l, xl {
       &_$(size) {
         ^^&__image {
           width: var(--logo-size-$(size)-width);

package/dist/css/components/RangeSlider/RangeSlider.css

@@ -53,6 +53,9 @@
   border-color: #57c5f7;
   box-shadow: 0 0 0 5px #96dbfa;
 }
+.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
+  opacity: 0;
+}
 .rc-slider-handle:focus {
   outline: none;
   box-shadow: none;
@@ -148,8 +151,8 @@
 }
 .rc-slider-vertical .rc-slider-track-draggable {
   border-top: 0;
-  border-bottom: 0;
   border-right: 5px solid rgba(0, 0, 0, 0);
+  border-bottom: 0;
   border-left: 5px solid rgba(0, 0, 0, 0);
   transform: translateX(-5px);
 }

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.4
+ * Swiper 11.1.5
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: May 30, 2024
+ * Released on: July 15, 2024
  */
 
 /* FONT_START */

package/dist/css/components/Title/Title.css

@@ -1,6 +1,10 @@
-.title {}
-.title.title {
-  &_mode {
+.title {
+  &__wrapper {
+    display: inline-block;
+  }
+}
+.title {
+  &&_mode {
     &_skeleton {
       color: transparent;
       background-image: linear-gradient(
@@ -41,3 +45,15 @@
     }
   }
 }
+.title_direction {
+  &_horizontal {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+  }
+  &_vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

package/dist/css/styles/svg-color/svg_fill.css

@@ -0,0 +1,24 @@
+.svg_fill {
+  @each $type in accent, primary, secondary, tertiary, surface, success, error {
+    &_$(type) {
+      &-item {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert  {
+          &-$(color) {
+            & svg {
+              stroke: none;
+              fill: var(--color-$(type)-item-$(color));
+            }
+          }
+        }
+      }
+      @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert  {
+        &-$(color) {
+          & svg {
+            stroke: none;
+            fill: var(--color-$(type)-$(color));
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/styles/svg-color/svg_fill_hover.css

@@ -0,0 +1,18 @@
+.svg_fill_hover {
+  @each $type in accent, primary, secondary, tertiary, surface, success, error {
+    &_$(type) {
+      &-item {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+          &-$(color) {
+            &:hover {
+              & svg {
+                stroke: none;
+                fill: var(--color-$(type)-item-$(color));
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/styles/text-color/text-color.css

@@ -2,7 +2,7 @@
   @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
     &_$(type) {
       &-text {
-        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert, inverse {
           &-$(color) {
             color: var(--color-$(type)-text-$(color));
           }

package/dist/css/styles/text-color/text-color_active.css

@@ -5,7 +5,7 @@
       &_$(type) {
         &-text {
           @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
-            disabled, hover, invert {
+            disabled, hover, invert, inverse {
             &-$(color) {
               color: var(--color-$(type)-text-$(color));
             }

package/dist/{floating-ui.dom-B080ZrCv.js → floating-ui.dom-_PBQLJcF.js}

@@ -43,6 +43,15 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
+function isTopLayer(element) {
+  return [':popover-open', ':modal'].some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
 function isContainingBlock(element) {
   const webkit = isWebKit();
   const css = getComputedStyle(element);
@@ -53,6 +62,9 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isTopLayer(currentNode)) {
+      return null;
+    }
     if (isContainingBlock(currentNode)) {
       return currentNode;
     }
@@ -78,8 +90,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -593,10 +605,12 @@ const flip$1 = function (options) {
         return {};
       }
       const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -642,8 +656,17 @@ const flip$1 = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$map$so;
-                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                var _overflowsData$filter2;
+                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d.placement);
+                    return currentSideAxis === initialSideAxis ||
+                    // Create a bias to the `y` side axis due to horizontal
+                    // reading directions favoring greater width.
+                    currentSideAxis === 'y';
+                  }
+                  return true;
+                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -879,17 +902,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
-const topLayerSelectors = [':popover-open', ':modal'];
-function isTopLayer(element) {
-  return topLayerSelectors.some(selector => {
-    try {
-      return element.matches(selector);
-    } catch (e) {
-      return false;
-    }
-  });
-}
-
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -1409,4 +1421,4 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { autoUpdate as a, arrow as b, computePosition as c, flip as f, isElement as i, offset as o, platform as p };
+export { autoUpdate as a, arrow as b, computePosition as c, flip as f, getComputedStyle as g, isElement as i, offset as o };

package/dist/hooks/styleAttributes.interface.d.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { overflowPropsType, textAlignPropsType } from '../types';
-export interface TypeStyleAttributes {
+export interface iStyleAttributes {
     /**
      * Layout
      */
@@ -152,10 +152,10 @@ type LabelInterface<T> = {
 type ImageInterface<T> = {
     [P in keyof T as `${string & P}Image`]: T[P];
 };
-export interface TypeStyleWrapperAttributes extends WrappedInterface<TypeStyleAttributes> {
+export interface TypeStyleWrapperAttributes extends WrappedInterface<iStyleAttributes> {
 }
-export interface TypeStyleLabelAttributes extends LabelInterface<TypeStyleAttributes> {
+export interface TypeStyleLabelAttributes extends LabelInterface<iStyleAttributes> {
 }
-export interface TypeStyleImageAttributes extends ImageInterface<TypeStyleAttributes> {
+export interface TypeStyleImageAttributes extends ImageInterface<iStyleAttributes> {
 }
 export {};

package/dist/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type appearanceKeysDefaultType = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail';
+export type tAppearanceKeysDefault = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail' | 'accentSecondary';

package/dist/types/componentProps/borderColor.d.ts

@@ -1 +1 @@
-export type borderColorPropsType = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
+export type tBorderColorProps = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';

package/dist/types/componentProps/borderWidth.d.ts

@@ -1 +1 @@
-export type borderWidthPropsType = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+export type tBorderWidthProps = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';

package/dist/types/componentProps/direction.d.ts

@@ -1 +1 @@
-export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';
+export type tDirectionProps = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';

package/dist/types/componentProps/fill.d.ts

@@ -1 +1 @@
-export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';
+export type tFillProps = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceAccent' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/types/componentProps/fillHover.d.ts

@@ -1 +1 @@
-export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';
+export type tFillHoverProps = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/types/componentProps/height.d.ts

@@ -1 +1 @@
-export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;
+export type tHeightProps = 'fixed' | 'hug' | 'fill' | string;

package/dist/types/componentProps/itemColor.d.ts

@@ -1 +1 @@
-export type itemColorPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
+export type tItemColorProps = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/types/componentProps/shape.d.ts

@@ -1 +1 @@
-export type shapePropsType = 'geometric' | 'rounded' | 'circular';
+export type tShapeProps = 'geometric' | 'rounded' | 'circular';

package/dist/types/componentProps/size.d.ts

@@ -1 +1 @@
-export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type tSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/types/componentProps/stateKeys.d.ts

@@ -1 +1 @@
-export type stateKeysDefaultType = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';
+export type tStateKeysDefault = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';

package/dist/types/componentProps/svgFill.d.ts

@@ -0,0 +1 @@
+export type svgFillPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/types/componentProps/textColor.d.ts

@@ -1 +1 @@
-export type textColorPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
+export type tTextColorProps = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';

package/dist/types/componentProps/textColorActive.d.ts

@@ -1 +1 @@
-export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
+export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';

package/dist/types/componentProps/textColorHover.d.ts

@@ -1 +1 @@
-export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
+export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';

package/dist/types/componentProps/textSize.d.ts

@@ -1 +1 @@
-export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type tTextSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/types/componentProps/textWeight.d.ts

@@ -1 +1 @@
-export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;
+export type tTextWeightProps = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;

package/dist/types/componentProps/width.d.ts

@@ -1 +1 @@
-export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;
+export type tWidthProps = 'fixed' | 'hug' | 'fill' | string;

package/dist/types/index.d.ts

@@ -2,16 +2,17 @@ export type { alignDirectionPropsType } from './componentProps/alignDirection';
 export type { alignPropsType } from './componentProps/align';
 export type { alignmentPropsType } from './componentProps/alignment';
 export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
-export type { borderColorPropsType } from './componentProps/borderColor';
+export type { tBorderColorProps } from './componentProps/borderColor';
 export type { borderTypePropsType } from './componentProps/borderType';
-export type { borderWidthPropsType } from './componentProps/borderWidth';
+export type { tBorderWidthProps } from './componentProps/borderWidth';
 export type { captionPositionPropsType } from './componentProps/captionPosition';
-export type { directionPropsType } from './componentProps/direction';
+export type { tDirectionProps } from './componentProps/direction';
 export type { elevationPropsType } from './componentProps/elevation';
 export type { emojiSizePropsType } from './componentProps/emojiSize';
 export type { fillGradientPropsType } from './componentProps/fillGradient';
-export type { fillHoverPropsType } from './componentProps/fillHover';
-export type { fillPropsType } from './componentProps/fill';
+export type { tFillHoverProps } from './componentProps/fillHover';
+export type { svgFillPropsType } from './componentProps/svgFill';
+export type { tFillProps } from './componentProps/fill';
 export type { fillTypePropsType } from './componentProps/fillType';
 export type { flexAlignPropsType } from './componentProps/flexAlign';
 export type { flexGrowPropsType } from './componentProps/flexGrow';
@@ -21,36 +22,36 @@ export type { gridAlignPropsType } from './componentProps/gridAlign';
 export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
 export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
 export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
-export type { heightPropsType } from './componentProps/height';
+export type { tHeightProps } from './componentProps/height';
 export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
 export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
 export type { iconFillSizePropsType } from './componentProps/iconFillSize';
 export type { iconSizePropsType } from './componentProps/iconSize';
-export type { itemColorPropsType } from './componentProps/itemColor';
+export type { tItemColorProps } from './componentProps/itemColor';
 export type { justifyContentPropsType } from './componentProps/justifyContent';
 export type { overflowPropsType } from './componentProps/overflow.ts';
 export type { positionPropsType } from './componentProps/position';
 export type { resizeModePropsType } from './componentProps/resizeMode';
-export type { shapePropsType } from './componentProps/shape';
+export type { tShapeProps } from './componentProps/shape';
 export type { sizeOptionPropsType } from './componentProps/sizeInterface';
 export type { sizePXPropsType } from './componentProps/sizePX';
-export type { sizePropsType } from './componentProps/size';
+export type { tSizeProps } from './componentProps/size';
 export type { stackingPropsType } from './componentProps/stacking';
 export type { statePropsType } from './componentProps/state';
 export type { textAlignPropsType } from './componentProps/textAlign';
 export type { textColorActivePropsType } from './componentProps/textColorActive';
 export type { textColorHoverPropsType } from './componentProps/textColorHover';
-export type { textColorPropsType } from './componentProps/textColor';
+export type { tTextColorProps } from './componentProps/textColor';
 export type { textGradientPropsType } from './componentProps/textGradient';
-export type { textSizePropsType } from './componentProps/textSize';
+export type { tTextSizeProps } from './componentProps/textSize';
 export type { textStylePropsType } from './componentProps/textStyle';
 export type { textTagPropsType } from './componentProps/textTag';
-export type { textWeightPropsType } from './componentProps/textWeight';
+export type { tTextWeightProps } from './componentProps/textWeight';
 export type { textWrapPropsType } from './componentProps/textWrap';
 export type { titleSizePropsType } from './componentProps/titleSize';
 export type { typePropsType } from './componentProps/type';
 export type { underlinePropsType } from './componentProps/underline';
 export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
 export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
-export type { widthPropsType } from './componentProps/width';
+export type { tWidthProps } from './componentProps/width';
 export type { wrapPropsType } from './componentProps/wrap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -90,18 +90,18 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.1",
+    "@itcase/common": "^1.2.2",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
     "prop-types": "^15.8.1",
-    "rc-slider": "^10.6.2",
+    "rc-slider": "^11.0.5",
     "react": "^18.3.1",
     "react-dadata": "^2.23.1",
     "react-date-range": "^2.0.1",
-    "react-datepicker": "^6.9.0",
+    "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.1.3",
@@ -111,30 +111,31 @@
     "react-responsive": "^10.0.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
-    "swiper": "^11.1.3",
-    "uuid": "^9.0.1"
+    "swiper": "^11.1.5",
+    "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.6",
-    "@babel/eslint-parser": "^7.24.6",
-    "@babel/eslint-plugin": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
+    "@babel/core": "^7.24.9",
+    "@babel/eslint-parser": "^7.24.8",
+    "@babel/eslint-plugin": "^7.24.7",
+    "@babel/preset-env": "^7.24.8",
+    "@babel/preset-react": "^7.24.7",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@eslint/compat": "^1.0.1",
+    "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+    "@eslint/js": "^9.7.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/release-notes-generator": "^13.0.0",
+    "@semantic-release/release-notes-generator": "14.0.1",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.4",
+    "@types/lodash": "^4.17.7",
     "@types/react": "^18",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.3.0",
@@ -142,20 +143,21 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "eslint": "9.3.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-config-standard": "17.1.0",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-n": "17.7.0",
+    "conventional-changelog-conventionalcommits": "^8.0.0",
+    "eslint": "9.7.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-n": "17.9.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-promise": "6.2.0",
-    "eslint-plugin-react": "7.34.2",
+    "eslint-plugin-perfectionist": "^2.11.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-promise": "6.4.0",
+    "eslint-plugin-react": "^7.34.4",
     "eslint-plugin-react-hooks": "4.6.2",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.5",
-    "npm": "^10.8.0",
-    "postcss": "^8.4.38",
+    "eslint-plugin-react-refresh": "^0.4.8",
+    "husky": "^9.1.1",
+    "lint-staged": "^15.2.7",
+    "npm": "^10.8.2",
+    "postcss": "^8.4.39",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -173,23 +175,24 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^9.5.14",
+    "postcss-preset-env": "^9.6.0",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "3.2.5",
-    "rollup": "^4.18.0",
+    "prettier": "3.3.3",
+    "rollup": "^4.18.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-preserve-directives": "^1.1.1",
-    "semantic-release": "^23.1.1",
-    "stylelint": "^16.6.1",
-    "stylelint-config-standard": "^36.0.0",
+    "semantic-release": "^24.0.0",
+    "stylelint": "^16.7.0",
+    "stylelint-config-standard": "^36.0.1",
     "stylelint-no-unsupported-browser-features": "^8.0.1",
     "stylelint-order": "^6.0.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5"
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^7.16.1"
   }
 }