@itcase/ui 1.8.38 → 1.8.40

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.2.8
+ * Swiper 11.2.10
  * 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 23, 2025
+ * Released on: June 28, 2025
  */
 
 /* FONT_START */

package/dist/css/styles/fill/fill.css

@@ -3,7 +3,8 @@
     background-color: transparent;
   }
   @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-    error, success, warning, info, danger, gradient, disabled, hover, inverse {
+    error, success, warning, info, danger, gradient, disabled, active, hover,
+    inverse {
     @each $color in primary, secondary, tertiary, quaternary, accent, disabled,
       hover, inverse {
       /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */

package/dist/css/styles/fill/fill_active.css

@@ -14,6 +14,9 @@
           &-$(color) {
             background: var(--color-$(type)-fill-$(color));
           }
+          &-$(color)-active {
+            background: var(--color-$(type)-fill-active-$(color));
+          }
         }
       }
     }

package/dist/css/styles/fill/fill_active_hover.css

@@ -69,6 +69,13 @@
                 }
               }
             }
+            &-hover {
+              &-$(color) {
+                &:hover {
+                  background: var(--color-$(type)-fill-hover-$(color));
+                }
+              }
+            }
           }
 
           /* } */

package/dist/css/styles/fill/fill_hover.css

@@ -1,3 +1,5 @@
+/* fill_hover_accent-hover-secondary */
+/* --color-accent-fill-hover-primary */
 .fill {
   &_hover {
     @each $type in accent, primary, secondary, tertiary, quaternary, surface,
@@ -42,19 +44,13 @@
               }
             }
           }
-
-          /*
-          &-primary {
-            &:hover {
-              background: var(--color-$(type)-fill-primary);
-            }
-            &-hover {
+          &-hover {
+            &-$(color) {
               &:hover {
-                background: var(--color-$(type)-fill-primary-hover);
+                background: var(--color-$(type)-fill-hover-$(color));
               }
             }
           }
-          */
         }
 
         /* } */

package/dist/hoc/urlWithAssetPrefix.js

@@ -0,0 +1,62 @@
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { jsx } from 'react/jsx-runtime';
+import React, { useContext } from 'react';
+import { formatURL } from '@itcase/common';
+import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix.js';
+
+var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+var urlWithAssetPrefix = function (WrappedComponent) {
+    var HOC = React.forwardRef(function HOC(props, ref) {
+        var _a = useContext(UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;
+        var overrideProps = urlPropsList.reduce(function (resultProps, propKey) {
+            var url = props[propKey];
+            if (url && typeof url === 'string') {
+                if (assetPrefix) {
+                    var cleanUrl = formatURL(url);
+                    var isNeedAssetPrefix = checkIsNeedAssetPrefix(cleanUrl, assetPrefix, ignorePathsList);
+                    if (isNeedAssetPrefix) {
+                        var prefixPath = formatURL(assetPrefix).slice(0, -1);
+                        url = "".concat(prefixPath).concat(cleanUrl);
+                    }
+                }
+                resultProps[propKey] = url;
+            }
+            return resultProps;
+        }, {});
+        return jsx(WrappedComponent, __assign({}, props, overrideProps, { ref: ref }));
+    });
+    return HOC;
+};
+var checkIsNeedAssetPrefix = function (url, assetPrefix, ignorePathsList) {
+    if (ignorePathsList === void 0) { ignorePathsList = []; }
+    // Ignore prefix if:
+    var isPrefixIgnore = 
+    // Url is absolute
+    url.startsWith('http:') ||
+        url.startsWith('https:') ||
+        // Url is data string
+        url.startsWith('data:') ||
+        // Url already have prefix
+        url.startsWith(assetPrefix);
+    if (isPrefixIgnore) {
+        return false;
+    }
+    // And check special paths for ignore prefix
+    for (var _i = 0, ignorePathsList_1 = ignorePathsList; _i < ignorePathsList_1.length; _i++) {
+        var urlPath = ignorePathsList_1[_i];
+        if (urlPath instanceof RegExp) {
+            if (urlPath.test(url)) {
+                return false;
+            }
+        }
+        else {
+            if (url.startsWith(formatURL(urlPath))) {
+                return false;
+            }
+        }
+    }
+    // Need to add prefix to url
+    return true;
+};
+
+export { urlWithAssetPrefix };

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -0,0 +1,27 @@
+import { _ as __assign } from '../../tslib.es6_es_Bwu1Cn-t.js';
+import { useMemo } from 'react';
+
+var useAppearanceConfig = function (appearance, componentConfig, isDisabled) {
+    var appearanceConfig = useMemo(function () {
+        var _a, _b;
+        if (appearance) {
+            var appearanceProps = appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+                var _a;
+                return (__assign(__assign({}, resultConfig), (_a = componentConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+            }, {});
+            if (isDisabled && ((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled)) {
+                Object.assign(appearanceProps, componentConfig.appearance.disabled);
+            }
+            return appearanceProps;
+        }
+        if (isDisabled) {
+            return (_b = componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabled;
+        }
+        return {};
+    }, [appearance, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance, isDisabled]);
+    return {
+        appearanceConfig: appearanceConfig,
+    };
+};
+
+export { useAppearanceConfig };

package/dist/hooks/useAppearanceConfig.js

@@ -0,0 +1,3 @@
+export { useAppearanceConfig } from './useAppearanceConfig/useAppearanceConfig.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
+import 'react';

package/dist/stories/ChipsOverview.mdx

@@ -9,41 +9,41 @@ import * as ChipsStories from '../stories/ChipsDefault.stories'
 `Chips` — это компактная альтернатива чекбоксам. Они позволяют пользователям выбирать несколько вариантов одновременно и в основном применяются на мобильных устройствах для переключений фильтров.
 Данный компонент может быть использован в компоненте множественного выбора (SelectMulti).
 
-<Canvas sourceState="shown"of={ChipsStories.SurfacePrimary} />
+<Canvas sourceState="shown"of={ChipsStories.Surface} />
 
 
 ## SurfacePrimary
 
-<Canvas sourceState="shown" of={ChipsStories.SurfacePrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Surface} />
 
 ## AccentPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.AccentPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Accent} />
 
 ## ErrorPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.ErrorPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Error} />
 
 ## PrimaryPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.PrimaryPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Primary} />
 
 ## SecondaryPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.SecondaryPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Secondary} />
 
 ## SuccessPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.SuccessPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Success} />
 
 ## DangerPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.DangerPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Danger} />
 
 ## WarningPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.WarningPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Warning} />
 
 ## InfoPrimary
 
-<Canvas sourceState="shown" of={ChipsStories.InfoPrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Info} />

package/dist/stories/ChipsPlayground.mdx

@@ -6,5 +6,5 @@ import * as ChipsStories from '../stories/ChipsDefault.stories'
 
 # Playground
 
-<Canvas sourceState="shown" of={ChipsStories.SurfacePrimary} />
-<Controls of={ChipsStories.SurfacePrimary} />
+<Canvas sourceState="shown" of={ChipsStories.Surface} />
+<Controls of={ChipsStories.Surface} />