@itcase/ui 1.0.70 → 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/Badge.js

@@ -42,12 +42,20 @@ function Badge(props) {
     textSize,
     value
   } = props;
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'border'
+    propsKey: 'borderColor'
+  });
+  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_hover_',
+    propsKey: 'borderColorHover'
+  });
+  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-width_',
+    propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_',
+    prefix: 'border_type',
     propsKey: 'borderType'
   });
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
@@ -67,7 +75,7 @@ function Badge(props) {
     propsKey: 'type'
   });
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'badge', borderClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, typeClass)
+    className: clsx__default.default(className, 'badge', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, typeClass)
   }, children || /*#__PURE__*/React__default.default.createElement(index.Text, {
     textColor: textColor || badgeConfig.appearance[appearance] && badgeConfig.appearance[appearance].textColor?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: textSize

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/Grid.js

@@ -765,7 +765,8 @@ function GridItem(props) {
     id,
     children,
     className,
-    dataTour
+    dataTour,
+    onClick
   } = props;
   const orderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'order_',
@@ -830,7 +831,8 @@ function GridItem(props) {
     className: clsx__default.default(className, 'grid__item', orderClass, fillClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, rowGapClass, columnGapClass),
     id: id,
     "data-tour": dataTour,
-    style: gridItemStyles
+    style: gridItemStyles,
+    onClick: onClick
   }, children);
 }
 GridItem.propTypes = {

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/Switch.js

@@ -42,6 +42,7 @@ Switch.propTypes = {
   disabled: PropTypes__default.default.bool,
   id: PropTypes__default.default.string,
   set: PropTypes__default.default.string,
+  size: PropTypes__default.default.string,
   onChange: PropTypes__default.default.func
 };
 Switch.__docgenInfo = {
@@ -84,6 +85,13 @@ Switch.__docgenInfo = {
       },
       "required": false
     },
+    "size": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "onChange": {
       "description": "",
       "type": {

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/borderColor.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const borderColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const borderColorProps = [null, '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', 'errorBorderPrimary', 'errorBorderSecondary', 'errorBorderDisabled', 'successBorderPrimary', 'successBorderSecondary', 'successBorderDisabled'];
 
 exports.default = borderColorProps;

package/dist/constants/componentProps/borderColorHover.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const borderColorHoverProps = [null, 'accentBorderPrimary', 'accentBorderPrimaryHover', 'primaryBorderPrimary', 'secondaryBorderPrimary', 'tertiaryBorderPrimary', 'surfaceBorderPrimary', 'surfaceBorderSecondary', 'surfaceBorderTertiary', 'errorBorderPrimary', 'errorBorderPrimaryHover', 'successBorderPrimary'];
+
+exports.default = borderColorHoverProps;

package/dist/constants/componentProps/borderType.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const borderTypeProps = [null, 'outine', 'solid'];
+const borderTypeProps = [null, 'outline', 'solid', 'none'];
 
 exports.default = borderTypeProps;

package/dist/constants/componentProps/borderWidth.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const borderWidthProps = [null, '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
+
+exports.default = borderWidthProps;

package/dist/constants/componentProps/height.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const heightProps = [null, 'fixed', 'hug', 'fill'];
+
+exports.default = heightProps;

package/dist/constants/componentProps/sizeInterface.js

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

package/dist/constants/componentProps/sizePX.js

@@ -0,0 +1,5 @@
+'use strict';
+
+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

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

package/dist/constants.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var align = require('./constants/componentProps/align.js');
 var alignDirection = require('./constants/componentProps/alignDirection.js');
+var align = require('./constants/componentProps/align.js');
+var borderColorHover = require('./constants/componentProps/borderColorHover.js');
 var borderColor = require('./constants/componentProps/borderColor.js');
 var borderType = require('./constants/componentProps/borderType.js');
-var textSize = require('./constants/componentProps/textSize.js');
-var textWrap = require('./constants/componentProps/textWrap.js');
-var itemColor = require('./constants/componentProps/itemColor.js');
+var borderWidth = require('./constants/componentProps/borderWidth.js');
 var captionPosition = require('./constants/componentProps/captionPosition.js');
 var direction = require('./constants/componentProps/direction.js');
 var emojiSize = require('./constants/componentProps/emojiSize.js');
-var fill = require('./constants/componentProps/fill.js');
 var fillGradient = require('./constants/componentProps/fillGradient.js');
+var fill = require('./constants/componentProps/fill.js');
 var fillType = require('./constants/componentProps/fillType.js');
 var flexAlign = require('./constants/componentProps/flexAlign.js');
 var flexJustifyContent = require('./constants/componentProps/flexJustifyContent.js');
@@ -20,23 +19,30 @@ var gridAlign = require('./constants/componentProps/gridAlign.js');
 var gridAlignSelf = require('./constants/componentProps/gridAlignSelf.js');
 var gridJustifyItems = require('./constants/componentProps/gridJustifyItems.js');
 var gridJustifySelf = require('./constants/componentProps/gridJustifySelf.js');
+var height = require('./constants/componentProps/height.js');
 var horizontalContentAlign = require('./constants/componentProps/horizontalContentAlign.js');
 var horizontalResizeMode = require('./constants/componentProps/horizontalResizeMode.js');
 var iconSize = require('./constants/componentProps/iconSize.js');
+var itemColor = require('./constants/componentProps/itemColor.js');
 var position = require('./constants/componentProps/position.js');
 var resizeMode = require('./constants/componentProps/resizeMode.js');
 var shape = require('./constants/componentProps/shape.js');
+var sizeInterface = require('./constants/componentProps/sizeInterface.js');
+var sizePX = require('./constants/componentProps/sizePX.js');
 var size = require('./constants/componentProps/size.js');
 var stacking = require('./constants/componentProps/stacking.js');
+var state = require('./constants/componentProps/state.js');
 var strokeColor = require('./constants/componentProps/strokeColor.js');
 var textAlign = require('./constants/componentProps/textAlign.js');
-var textColor = require('./constants/componentProps/textColor.js');
 var textColorActive = require('./constants/componentProps/textColorActive.js');
 var textColorHover = require('./constants/componentProps/textColorHover.js');
+var textColor = require('./constants/componentProps/textColor.js');
 var textGradient = require('./constants/componentProps/textGradient.js');
+var textSize = require('./constants/componentProps/textSize.js');
 var textStyle = require('./constants/componentProps/textStyle.js');
 var textTag = require('./constants/componentProps/textTag.js');
 var textWeight = require('./constants/componentProps/textWeight.js');
+var textWrap = require('./constants/componentProps/textWrap.js');
 var titleSize = require('./constants/componentProps/titleSize.js');
 var type = require('./constants/componentProps/type.js');
 var underline = require('./constants/componentProps/underline.js');
@@ -47,18 +53,17 @@ var wrap = require('./constants/componentProps/wrap.js');
 
 
 
-exports.alignProps = align.default;
 exports.alignDirectionProps = alignDirection.default;
+exports.alignProps = align.default;
+exports.borderColorHoverProps = borderColorHover.default;
 exports.borderColorProps = borderColor.default;
 exports.borderTypeProps = borderType.default;
-exports.textSizeProps = textSize.default;
-exports.textWrapProps = textWrap.default;
-exports.itemColorProps = itemColor.default;
+exports.borderWidthProps = borderWidth.default;
 exports.captionPositionProps = captionPosition.default;
 exports.directionProps = direction.default;
 exports.emojiSizeProps = emojiSize.default;
-exports.fillProps = fill.default;
 exports.fillGradientProps = fillGradient.default;
+exports.fillProps = fill.default;
 exports.fillTypeProps = fillType.default;
 exports.flexAlignProps = flexAlign.default;
 exports.flexJustifyContentProps = flexJustifyContent.default;
@@ -67,23 +72,30 @@ exports.gridAlignProps = gridAlign.default;
 exports.gridAlignSelfProps = gridAlignSelf.default;
 exports.gridJustifyItemsProps = gridJustifyItems.default;
 exports.gridJustifySelfProps = gridJustifySelf.default;
+exports.heightProps = height.default;
 exports.horizontalContentAlignProps = horizontalContentAlign.default;
 exports.horizontalResizeModeProps = horizontalResizeMode.default;
 exports.iconSizeProps = iconSize.default;
+exports.itemColorProps = itemColor.default;
 exports.positionProps = position.default;
 exports.resizeModeProps = resizeMode.default;
 exports.shapeProps = shape.default;
+exports.sizeInterfaceProps = sizeInterface.default;
+exports.sizePXProps = sizePX.default;
 exports.sizeProps = size.default;
 exports.stackingProps = stacking.default;
+exports.stateProps = state.default;
 exports.strokeColorProps = strokeColor.default;
 exports.textAlignProps = textAlign.default;
-exports.textColorProps = textColor.default;
 exports.textColorActiveProps = textColorActive.default;
 exports.textColorHoverProps = textColorHover.default;
+exports.textColorProps = textColor.default;
 exports.textGradientProps = textGradient.default;
+exports.textSizeProps = textSize.default;
 exports.textStyleProps = textStyle.default;
 exports.textTagProps = textTag.default;
 exports.textWeightProps = textWeight.default;
+exports.textWrapProps = textWrap.default;
 exports.titleSizeProps = titleSize.default;
 exports.typeProps = type.default;
 exports.underlineProps = underline.default;

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/dist/css/styles/border-color/border-color.css

@@ -11,32 +11,5 @@
         }
       }
     }
-    &_hover {
-      &_$(type) {
-        &-border {
-          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, active, disabled, hover  {
-            &-$(color) {
-              &:hover {
-                border-color: var(--color-$(type)-border-$(color));
-              }
-            }
-          }
-        }
-      }
-    }
-    &_focus {
-      &_$(type) {
-        &-border {
-          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, active, disabled, hover  {
-            &-$(color) {
-              &:focus {
-                outline: 0;
-                border-color: var(--color-$(type)-border-$(color)) !important;
-              }
-            }
-          }
-        }
-      }
-    }
   }
 }

package/dist/css/styles/border-color-focus/border-color-focus.css

@@ -0,0 +1,18 @@
+.border-color {
+  @each $type in accent, primary, secondary, tertiary, surface, success, error {
+    &_focus {
+      &_$(type) {
+        &-border {
+          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, active, disabled, hover  {
+            &-$(color) {
+              &:focus {
+                outline: 0;
+                border-color: var(--color-$(type)-border-$(color)) !important;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/styles/border-color-hover/border-color-hover.css

@@ -0,0 +1,21 @@
+.border-color_hover {
+  @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning{
+    &_$(type) {
+      &-border {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+          &-$(color) {
+            &:hover {
+              border: solid 2px red;
+              border-color: var(--color-$(type)-border-$(color));
+            }
+            &-hover {
+              &:hover {
+                border-color: var(--color-$(type)-border-$(color));
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/styles/border-width/border-width.css

@@ -1,8 +1,8 @@
 .border-width {
   @each $width in 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 {
     &_$(width) {
+      border-width: $(width)px;
       border-style: solid;
-      border-width: $(width)px ;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.70",
+  "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",

package/dist/css/styles/border/border.css

@@ -1,13 +0,0 @@
-.border {
-  &_type {
-    &_outline {
-      border-style: solid;
-    }
-    &_solid {
-      border-style: solid;
-    }
-    &_none {
-      border: none;
-    }
-  }
-}