@itcase/ui 1.1.19 → 1.1.20

package/dist/css/components/Input/Input.css

@@ -53,10 +53,10 @@
       position: relative;
     }
     &_underline {
-      position: relative;
       border-left: none !important;
-      border-right: none !important;
       border-top: none !important;
+      border-right: none !important;
+      position: relative;
     }
   }
 }

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.8
+ * Swiper 11.1.9
  * 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: July 26, 2024
+ * Released on: July 31, 2024
  */
 
 /* FONT_START */

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

@@ -1,10 +1,14 @@
-.text-color {
-  @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, inverse {
-          &-$(color) {
-            color: var(--color-$(type)-text-$(color));
+.text {
+  &&-color {
+    @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, inverse {
+            &-$(color) {
+              color: var(--color-$(type)-text-$(color));
+            }
           }
         }
       }

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

@@ -1,13 +1,15 @@
-.text-color {
-  &_active {
-    @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, inverse {
-            &-$(color) {
-              color: var(--color-$(type)-text-$(color));
+.text {
+  &&-color {
+    &_active {
+      @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, inverse {
+              &-$(color) {
+                color: var(--color-$(type)-text-$(color));
+              }
             }
           }
         }

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

@@ -1,17 +1,20 @@
-.text-color {
-  &_hover {
-    @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 {
-            &-$(color) {
-              &:hover {
-                color: var(--color-$(type)-text-$(color));
-              }
-              &-hover {
+.text {
+  &&-color {
+    &_hover {
+      @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 {
+              &-$(color) {
                 &:hover {
-                  color: var(--color-$(type)-text-$(color)-hover);
+                  color: var(--color-$(type)-text-$(color));
+                }
+                &-hover {
+                  &:hover {
+                    color: var(--color-$(type)-text-$(color)-hover);
+                  }
                 }
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -91,12 +91,12 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.5",
-    "@itcase/lint": "^1.0.2",
+    "@itcase/lint": "^1.0.5",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "luxon": "^3.4.4",
+    "luxon": "^3.5.0",
     "prop-types": "^15.8.1",
     "rc-slider": "^11.1.5",
     "react": "^18.3.1",
@@ -110,16 +110,17 @@
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.2.0",
     "react-responsive": "^10.0.0",
+    "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
-    "swiper": "^11.1.8",
+    "swiper": "^11.1.9",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/eslint-parser": "^7.25.1",
     "@babel/eslint-plugin": "^7.25.1",
-    "@babel/preset-env": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "@babel/preset-react": "^7.24.7",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
@@ -135,8 +136,9 @@
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.7",
     "@types/react": "^18",
-    "@types/react-datepicker": "^6.2.0",
+    "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^18.3.0",
+    "@types/react-scroll": "^1.8.10",
     "babel-loader": "^9.1.3",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
@@ -144,9 +146,9 @@
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "9.8.0",
     "husky": "^9.1.4",
-    "lint-staged": "^15.2.7",
+    "lint-staged": "^15.2.8",
     "npm": "^10.8.2",
-    "postcss": "^8.4.40",
+    "postcss": "^8.4.41",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -164,19 +166,19 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^9.6.0",
+    "postcss-preset-env": "^10.0.0",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "3.3.3",
-    "rollup": "^4.19.1",
+    "rollup": "^4.20.0",
     "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": "^24.0.0",
-    "stylelint": "^16.8.0",
+    "stylelint": "^16.8.1",
     "tslib": "^2.6.3",
     "typescript": "^5.5.4"
   }

package/dist/Link-Co6uspFK.js

@@ -1,90 +0,0 @@
-import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-var linkConfig = {
-    LinkComponent: 'a',
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'link_direction_',
-        propsKey: 'direction',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var svgFillClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textStyleClass = useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
-    });
-    // @ts-expect-error
-    var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            weightClass) &&
-            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: styles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-Link.defaultProps = {
-    underline: 'underline',
-};
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React__default.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
-    });
-}
-
-export { Link as L, LinkWrapper as a, linkConfig as l };

package/dist/Logo-dRWwDqj-.js

@@ -1,37 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-Co6uspFK.js';
-
-var logoConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        logoConfig.appearance = newComponent;
-    },
-};
-function Logo(props) {
-    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, srcSize = props.srcSize;
-    var alignItemsClass = useDeviceTargetClass(props, {
-        prefix: 'logo_align-items_',
-        propsKey: 'alignItems',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    // @ts-expect-error
-    var logo = useStyles(props).styles;
-    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx("div", { style: logo, className: clsx(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), children: link || href ? (jsxRuntimeExports.jsx(LinkWrapper, { href: link || href, children: jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) }) })) : (jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) })) }));
-}
-
-export { Logo as L, logoConfig as l };

package/dist/cjs/Link-B6Xq7PWn.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var linkConfig = {
-    LinkComponent: 'a',
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'link_direction_',
-        propsKey: 'direction',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
-    });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            weightClass) &&
-            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: styles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-Link.defaultProps = {
-    underline: 'underline',
-};
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React__default.default.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
-    });
-}
-
-exports.Link = Link;
-exports.LinkWrapper = LinkWrapper;
-exports.linkConfig = linkConfig;