@itcase/ui 1.0.71 → 1.0.73

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');
@@ -28,6 +26,8 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Avatar.js

@@ -24,15 +24,15 @@ require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.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/textGradient.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -117,10 +117,8 @@ Avatar.propTypes = {
 };
 Avatar.defaultProps = {
   textSize: 'l',
-  titleColor: 'surfaceTextPrimary',
-  titleTag: 'span',
-  titleSize: 'xxl',
   textColor: 'surfaceTextTertiary',
+  textWeight: 600,
   firstName: '',
   secondName: ''
 };
@@ -136,30 +134,16 @@ Avatar.__docgenInfo = {
       },
       "required": false
     },
-    "titleColor": {
-      "defaultValue": {
-        "value": "'surfaceTextPrimary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "titleTag": {
-      "defaultValue": {
-        "value": "'span'",
-        "computed": false
-      },
-      "required": false
-    },
-    "titleSize": {
+    "textColor": {
       "defaultValue": {
-        "value": "'xxl'",
+        "value": "'surfaceTextTertiary'",
         "computed": false
       },
       "required": false
     },
-    "textColor": {
+    "textWeight": {
       "defaultValue": {
-        "value": "'surfaceTextTertiary'",
+        "value": "600",
         "computed": false
       },
       "required": false

package/dist/components/Badge.js

@@ -10,6 +10,7 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');
@@ -55,7 +56,7 @@ function Badge(props) {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {

package/dist/components/Button.js

@@ -19,8 +19,8 @@ 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/textGradient.js');
+require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');

package/dist/components/Card.js

@@ -13,6 +13,7 @@ require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');

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');
@@ -27,6 +24,9 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('lodash/castArray');
@@ -67,8 +67,7 @@ function Cell(props) {
     titleTextColor,
     titleTextWeight,
     onClick,
-    onMouseEnter,
-    direction
+    onMouseEnter
   } = props;
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',

package/dist/components/Checkbox.js

@@ -10,6 +10,7 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');

package/dist/components/Chips.js

@@ -14,6 +14,7 @@ require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -77,7 +78,7 @@ function Chips(props) {
     propsKey: 'border'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
@@ -113,6 +114,7 @@ Chips.propTypes = {
   fillDesktop: PropTypes__default.default.oneOf(fill.default),
   fillMobile: PropTypes__default.default.oneOf(fill.default),
   fillTablet: PropTypes__default.default.oneOf(fill.default),
+  fillHover: PropTypes__default.default.oneOf(fill.default),
   shape: PropTypes__default.default.oneOf(shape.default),
   shapeDesktop: PropTypes__default.default.oneOf(shape.default),
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
@@ -261,6 +263,15 @@ Chips.__docgenInfo = {
       },
       "required": false
     },
+    "fillHover": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
     "shape": {
       "description": "",
       "type": {

package/dist/components/Choice.js

@@ -10,6 +10,7 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');
@@ -52,7 +53,7 @@ const Choice = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {

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

@@ -18,19 +18,19 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 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/textGradient.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/direction.js');
 require('../constants/componentProps/width.js');
 

package/dist/components/CookiesWarning.js

@@ -17,19 +17,19 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('../hooks/useStyles.js');
 require('../hooks/styleAttributes.js');
 require('./Icon.js');
 require('react-inlinesvg');
+require('./Link.js');
 require('../constants/componentProps/fill.js');
+require('../constants/componentProps/type.js');
+require('../constants/componentProps/underline.js');
 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');
-require('../constants/componentProps/underline.js');
 require('./Loader.js');
 require('../constants/componentProps/direction.js');
 require('../constants/componentProps/stacking.js');

package/dist/components/DadataHintField.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var _commonjsHelpers = require('../_commonjsHelpers-facfc6d6.js');
+var _commonjsHelpers = require('../_commonjsHelpers-rI13D0F7.js');
 var crypto = require('crypto');
 var index = require('./Input.js');
 require('../hooks/useDeviceTargetClass.js');