@itcase/ui 1.1.13 → 1.1.15

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/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/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 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' | '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/index.d.ts

@@ -11,6 +11,7 @@ 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 { svgFillPropsType } from './componentProps/svgFill';
 export type { fillPropsType } from './componentProps/fill';
 export type { fillTypePropsType } from './componentProps/fillType';
 export type { flexAlignPropsType } from './componentProps/flexAlign';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -90,7 +90,7 @@
     "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",
@@ -101,7 +101,7 @@
     "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-perfectionist": "^2.11.0",
     "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-promise": "6.2.0",
-    "eslint-plugin-react": "7.34.2",
+    "eslint-plugin-promise": "6.4.0",
+    "eslint-plugin-react": "^7.34.4",
     "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.8",
     "husky": "^9.0.11",
-    "lint-staged": "^15.2.5",
-    "npm": "^10.8.0",
-    "postcss": "^8.4.38",
+    "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"
   }
 }