@itcase/ui 1.0.71 → 1.0.72

package/dist/components/Accordion.js

@@ -11,8 +11,6 @@ var index = require('./Icon.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');

package/dist/components/Avatar.js

@@ -26,10 +26,8 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');

package/dist/components/Breadcrumbs.js

@@ -15,8 +15,6 @@ var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');

package/dist/components/Button.js

@@ -10,16 +10,13 @@ var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');

package/dist/components/Cell.js

@@ -8,11 +8,8 @@ var index$1 = require('./Text.js');
 var size = require('../constants/componentProps/size.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');

package/dist/components/Code.js

@@ -18,8 +18,8 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 var isStyleObject = function (obj) { return typeof obj === 'object' && obj !== null; };
 var OTPInput = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.numInputs, numInputs = _c === void 0 ? 4 : _c, onChange = _a.onChange, renderInput = _a.renderInput, _d = _a.shouldAutoFocus, shouldAutoFocus = _d === void 0 ? false : _d, _e = _a.inputType, inputType = _e === void 0 ? 'text' : _e, renderSeparator = _a.renderSeparator, placeholder = _a.placeholder, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle;
-    var _f = React__default.default.useState(0), activeInput = _f[0], setActiveInput = _f[1];
+    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.numInputs, numInputs = _c === void 0 ? 4 : _c, onChange = _a.onChange, onPaste = _a.onPaste, renderInput = _a.renderInput, _d = _a.shouldAutoFocus, shouldAutoFocus = _d === void 0 ? false : _d, _e = _a.inputType, inputType = _e === void 0 ? 'text' : _e, renderSeparator = _a.renderSeparator, placeholder = _a.placeholder, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, _f = _a.skipDefaultStyles, skipDefaultStyles = _f === void 0 ? false : _f;
+    var _g = React__default.default.useState(0), activeInput = _g[0], setActiveInput = _g[1];
     var inputRefs = React__default.default.useRef([]);
     var getOTPValue = function () { return (value ? value.toString().split('') : []); };
     var isInputNum = inputType === 'number' || inputType === 'tel';
@@ -151,7 +151,7 @@ var OTPInput = function (_a) {
         focusInput(nextActiveInput);
         handleOTPChange(otp);
     };
-    return (React__default.default.createElement("div", { style: Object.assign({ display: 'flex', alignItems: 'center' }, isStyleObject(containerStyle) && containerStyle), className: typeof containerStyle === 'string' ? containerStyle : undefined }, Array.from({ length: numInputs }, function (_, index) { return index; }).map(function (index) {
+    return (React__default.default.createElement("div", { style: Object.assign({ display: 'flex', alignItems: 'center' }, isStyleObject(containerStyle) && containerStyle), className: typeof containerStyle === 'string' ? containerStyle : undefined, onPaste: onPaste }, Array.from({ length: numInputs }, function (_, index) { return index; }).map(function (index) {
         var _a, _b, _c;
         return (React__default.default.createElement(React__default.default.Fragment, { key: index },
             renderInput({
@@ -166,7 +166,7 @@ var OTPInput = function (_a) {
                 autoComplete: 'off',
                 maxLength: 1,
                 'aria-label': "Please enter OTP character ".concat(index + 1),
-                style: Object.assign({ width: '1em', textAlign: 'center' }, isStyleObject(inputStyle) && inputStyle),
+                style: Object.assign(!skipDefaultStyles ? { width: '1em', textAlign: 'center' } : {}, isStyleObject(inputStyle) ? inputStyle : {}),
                 className: typeof inputStyle === 'string' ? inputStyle : undefined,
                 type: inputType,
                 inputMode: isInputNum ? 'numeric' : 'text',

package/dist/components/ContextMenu.js

@@ -24,10 +24,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');

package/dist/components/CookiesWarning.js

@@ -22,16 +22,14 @@ require('../hooks/useStyles.js');
 require('../hooks/styleAttributes.js');
 require('./Icon.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('./Loader.js');
 require('../constants/componentProps/direction.js');
+require('../constants/componentProps/shape.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
 require('../constants/componentProps/width.js');

package/dist/components/DatePicker.js

@@ -33,9 +33,6 @@ require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Empty.js

@@ -12,8 +12,6 @@ var index = require('./Text.js');
 require('clsx');
 require('./Icon.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');

package/dist/components/FormField.js

@@ -29,9 +29,6 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
@@ -40,6 +37,7 @@ require('react-select');
 require('../defineProperty-f9e5e1f3.js');
 require('react-dom');
 require('./Group.js');
+require('../constants/componentProps/shape.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
 

package/dist/components/Icon.js

@@ -4,13 +4,10 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
-var fill = require('../constants/componentProps/fill.js');
-var iconSize = require('../constants/componentProps/iconSize.js');
-var shape = require('../constants/componentProps/shape.js');
-var strokeColor = require('../constants/componentProps/strokeColor.js');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -48,7 +45,6 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     SvgImage,
     id,
     imageSrc,
-    simple,
     dataTour,
     className,
     href,
@@ -115,7 +111,7 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   });
   const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
-    propsKey: 'borderHover'
+    propsKey: 'borderColorHover'
   });
   const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',
@@ -162,48 +158,21 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
 });
 Icon.propTypes = {
   SvgImage: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.func, PropTypes__default.default.object]),
+  LinkComponent: PropTypes__default.default.any,
+  border: PropTypes__default.default.string,
+  borderType: PropTypes__default.default.string,
   className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  fill: PropTypes__default.default.string,
   fillSize: PropTypes__default.default.string,
-  fillSizeDesktop: PropTypes__default.default.string,
-  fillSizeMobile: PropTypes__default.default.string,
-  fillSizeTablet: PropTypes__default.default.string,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  bgFill: PropTypes__default.default.oneOf(fill.default),
-  bgFillMobile: PropTypes__default.default.oneOf(fill.default),
-  bgFillTablet: PropTypes__default.default.oneOf(fill.default),
-  bgFillDesktop: PropTypes__default.default.oneOf(fill.default),
-  height: PropTypes__default.default.string,
-  LinkComponent: PropTypes__default.default.any,
   href: PropTypes__default.default.string,
+  imageSrc: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
-  linkTarget: PropTypes__default.default.string,
   linkRel: PropTypes__default.default.string,
-  imageSrc: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  simple: PropTypes__default.default.bool,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  size: PropTypes__default.default.oneOf(iconSize.default),
-  sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
-  sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
-  sizeTablet: PropTypes__default.default.oneOf(iconSize.default),
-  stroke: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
-  width: PropTypes__default.default.string
+  linkTarget: PropTypes__default.default.string,
+  shape: PropTypes__default.default.string,
+  onClick: PropTypes__default.default.func
 };
 Icon.defaultProps = {
-  simple: false,
   LinkComponent: 'a'
 };
 function removeFillStroke(code) {
@@ -214,17 +183,6 @@ Icon.__docgenInfo = {
   "methods": [],
   "displayName": "Icon",
   "props": {
-    "simple": {
-      "defaultValue": {
-        "value": "false",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
     "LinkComponent": {
       "defaultValue": {
         "value": "'a'",
@@ -250,77 +208,6 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fillSizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fillSizeMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fillSizeTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "border": {
       "description": "",
       "type": {
@@ -328,64 +215,28 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "borderDesktop": {
+    "borderType": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "borderMobile": {
+    "className": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "borderTablet": {
+    "fill": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "bgFill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "height": {
+    "fillSize": {
       "description": "",
       "type": {
         "name": "string"
@@ -399,14 +250,14 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "link": {
+    "imageSrc": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "linkTarget": {
+    "link": {
       "description": "",
       "type": {
         "name": "string"
@@ -420,132 +271,24 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "imageSrc": {
+    "linkTarget": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
     "shape": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "iconSizeProps"
-      },
-      "required": false
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "iconSizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "iconSizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "iconSizeProps"
-      },
-      "required": false
-    },
-    "stroke": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
-      },
-      "required": false
-    },
-    "strokeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
-      },
-      "required": false
-    },
-    "strokeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
-      },
-      "required": false
-    },
-    "strokeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
+        "name": "string"
       },
       "required": false
     },
-    "width": {
+    "onClick": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "func"
       },
       "required": false
     }

package/dist/components/InputPassword.js

@@ -6,11 +6,8 @@ var clsx = require('clsx');
 var index = require('./Icon.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');

package/dist/components/LanguageSelector.js

@@ -5,11 +5,8 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var index = require('./Icon.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');

package/dist/components/Search.js

@@ -10,9 +10,6 @@ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var index$2 = require('./Scrollbar.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');

package/dist/components/Select.js

@@ -11,11 +11,8 @@ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var index$2 = require('./Text.js');
 var index$3 = require('./Group.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -35,6 +32,7 @@ require('lodash/castArray');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/direction.js');
+require('../constants/componentProps/shape.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
 require('../constants/componentProps/width.js');
@@ -4430,7 +4428,9 @@ var Control = function Control(props) {
     'control--is-disabled': isDisabled,
     'control--is-focused': isFocused,
     'control--menu-is-open': menuIsOpen
-  }), innerProps), children);
+  }), innerProps, {
+    "aria-disabled": isDisabled || undefined
+  }), children);
 };
 var Control$1 = Control;
 
@@ -5392,7 +5392,7 @@ function DummyInput(_ref) {
 }
 
 var cancelScroll = function cancelScroll(event) {
-  event.preventDefault();
+  if (event.cancelable) event.preventDefault();
   event.stopPropagation();
 };
 function useScrollCapture(_ref) {

package/dist/components/SiteMenu.js

@@ -12,11 +12,8 @@ require('react-responsive');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');

package/dist/components/Swiper.js

@@ -1970,7 +1970,7 @@ function slideNext(speed, runCallbacks, internal) {
     swiper._clientLeft = swiper.wrapperEl.clientLeft;
     if (swiper.activeIndex === swiper.slides.length - 1 && params.cssMode) {
       requestAnimationFrame(() => {
-        swiper.slideTo(swiper.activeIndex + increment);
+        swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
       });
       return true;
     }
@@ -1978,7 +1978,7 @@ function slideNext(speed, runCallbacks, internal) {
   if (params.rewind && swiper.isEnd) {
     return swiper.slideTo(0, speed, runCallbacks, internal);
   }
-  return swiper.slideTo(swiper.activeIndex + increment);
+  return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
 }
 
 /* eslint no-unused-vars: "off" */
@@ -4414,7 +4414,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 10.3.0
+ * Swiper React 10.3.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4422,7 +4422,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: September 21, 2023
+ * Released on: September 28, 2023
  */
 
 

package/dist/components/Tile.js

@@ -30,8 +30,6 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');

package/dist/constants/componentProps/sizeInterface.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const sizeInterfaceProps = [null, 'compact', 'regular', 'any'];
+const sizeInterfaceProps = [null, 'compact', 'normal', 'regular', 'any'];
 
 exports.default = sizeInterfaceProps;

package/dist/constants/componentProps/sizePX.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const sizePXProps = [null, '16', '24', '32', '40', '48', '56', '64', '72', '80', '96', '112', '144'];
+const sizePXProps = [null, '14', '16', '24', '32', '40', '48', '56', '60', '64', '72', '80', '96', '112', '144'];
 
 exports.default = sizePXProps;

package/dist/constants/componentProps/state.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const stateProps = [null, 'normal', 'focus', 'hover', 'active', 'disabled'];
+const stateProps = [null, 'active', 'checked', 'disabled', 'focus', 'hover', 'normal'];
 
 exports.default = stateProps;

package/dist/css/components/Icon/Icon.css

@@ -8,16 +8,16 @@
 }
 .icon {
   &_size {
-    @each $size in 14, 16, 24, 32, 40, 56, 60, 72 {
+    @each $size in 14, 16, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144  {
       &_$(size) {
-        height: $(size)px;
         width: $(size)px;
-        min-height: $(size)px;
+        height: $(size)px;
         min-width: $(size)px;
+        min-height: $(size)px;
+        font-size: $(size)px;
         display: flex;
         justify-content: center;
         align-items: center;
-        font-size: $(size)px;
       }
     }
   }

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 10.3.0
+ * Swiper 10.3.1
  * 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: September 21, 2023
+ * Released on: September 28, 2023
  */
 
 /* FONT_START */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.71",
+  "version": "1.0.72",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -40,7 +40,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.1.6",
+    "@itcase/common": "^1.1.7",
     "clsx": "^2.0.0",
     "html5-boilerplate": "^8.0.0",
     "js-cookie": "^3.0.5",
@@ -52,14 +52,14 @@
     "react-dadata": "^2.23.1",
     "react-date-range": "^1.4.0",
     "react-dom": "^18.2.0",
-    "react-inlinesvg": "^4.0.4",
+    "react-inlinesvg": "^4.0.5",
     "react-modern-drawer": "^1.2.2",
-    "react-otp-input": "^3.0.4",
+    "react-otp-input": "^3.1.0",
     "react-paginate": "^8.2.0",
     "react-responsive": "^9.0.2",
     "react-scrollbars-custom": "^4.1.1",
-    "react-select": "^5.7.5",
-    "swiper": "^10.3.0",
+    "react-select": "^5.7.7",
+    "swiper": "^10.3.1",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
@@ -67,7 +67,7 @@
     "@babel/eslint-parser": "^7.22.15",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
-    "@commitlint/cli": "^17.7.1",
+    "@commitlint/cli": "^17.7.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.4",
@@ -95,8 +95,8 @@
     "eslint-plugin-standard": "^5.0.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
-    "npm": "^10.1.0",
-    "postcss": "^8.4.30",
+    "npm": "^10.2.0",
+    "postcss": "^8.4.31",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^10.1.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -120,7 +120,7 @@
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.0.3",
     "react-datepicker": "^4.18.0",
-    "rollup": "^3.29.3",
+    "rollup": "^3.29.4",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^22.0.5",
     "stylelint": "^15.10.3",