@itcase/ui 1.0.82 → 1.0.84

package/dist/components/Icon.js

@@ -136,8 +136,8 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     if (imageSrc) {
       if (imageSrc.endsWith('.svg')) {
         return /*#__PURE__*/React__default.default.createElement(SVG__default.default, {
-          src: imageSrc,
-          preProcessor: removeFillStroke
+          preProcessor: removeFillStroke,
+          src: imageSrc
         });
       }
       return /*#__PURE__*/React__default.default.createElement("img", {
@@ -148,9 +148,9 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   }, [SvgImage, imageSrc]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'icon', fillClass, fillHoverClass, fillSizeClass, iconFillClass, iconFillHoverClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'),
+    "data-tour": dataTour,
     id: id,
     ref: ref,
-    "data-tour": dataTour,
     style: iconStyles,
     onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
@@ -162,26 +162,28 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   }, before, ImageComponent, after, Badge));
 });
 Icon.propTypes = {
-  SvgImage: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.func, PropTypes__default.default.object]),
+  borderColor: PropTypes__default.default.oneOf(borderColor.default),
+  borderType: PropTypes__default.default.oneOf(borderType.default),
+  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),
   fillSize: PropTypes__default.default.string,
   fillSizeDesktop: PropTypes__default.default.string,
   fillSizeMobile: PropTypes__default.default.string,
   fillSizeTablet: PropTypes__default.default.string,
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
   height: PropTypes__default.default.string,
-  LinkComponent: PropTypes__default.default.any,
-  borderColor: PropTypes__default.default.oneOf(borderColor.default),
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  className: PropTypes__default.default.string,
   href: PropTypes__default.default.string,
+  iconStroke: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
   imageSrc: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
+  LinkComponent: PropTypes__default.default.any,
   linkRel: PropTypes__default.default.string,
   linkTarget: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
   shape: PropTypes__default.default.oneOf(shape.default),
   shapeDesktop: PropTypes__default.default.oneOf(shape.default),
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
@@ -190,11 +192,9 @@ Icon.propTypes = {
   sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
   sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
   sizeTablet: PropTypes__default.default.oneOf(iconSize.default),
-  iconStroke: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
-  width: PropTypes__default.default.string
+  SvgImage: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.func, PropTypes__default.default.object]),
+  width: PropTypes__default.default.string,
+  onClick: PropTypes__default.default.func
 };
 Icon.defaultProps = {
   LinkComponent: 'a'
@@ -218,30 +218,32 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "SvgImage": {
+    "borderColor": {
       "description": "",
       "type": {
-        "name": "union",
-        "value": [{
-          "name": "element"
-        }, {
-          "name": "func"
-        }, {
-          "name": "object"
-        }]
+        "name": "enum",
+        "computed": true,
+        "value": "borderColorProps"
       },
       "required": false
     },
-    "fill": {
+    "borderType": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "fillProps"
+        "value": "borderTypeProps"
       },
       "required": false
     },
-    "fillDesktop": {
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
       "description": "",
       "type": {
         "name": "enum",
@@ -250,7 +252,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "fillMobile": {
+    "fillDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -259,7 +261,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "fillTablet": {
+    "fillMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -296,6 +298,15 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "fillTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
     "height": {
       "description": "",
       "type": {
@@ -303,35 +314,46 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "borderColor": {
+    "href": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconStroke": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "borderColorProps"
+        "value": "strokeColorProps"
       },
       "required": false
     },
-    "borderType": {
+    "iconStrokeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "borderTypeProps"
+        "value": "strokeColorProps"
       },
       "required": false
     },
-    "className": {
+    "iconStrokeMobile": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
       },
       "required": false
     },
-    "href": {
+    "iconStrokeTablet": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
       },
       "required": false
     },
@@ -363,13 +385,6 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
     "shape": {
       "description": "",
       "type": {
@@ -442,46 +457,31 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "iconStroke": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
-      },
-      "required": false
-    },
-    "iconStrokeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
-      },
-      "required": false
-    },
-    "iconStrokeMobile": {
+    "SvgImage": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "strokeColorProps"
+        "name": "union",
+        "value": [{
+          "name": "element"
+        }, {
+          "name": "func"
+        }, {
+          "name": "object"
+        }]
       },
       "required": false
     },
-    "iconStrokeTablet": {
+    "width": {
       "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/Label.js

@@ -8,6 +8,7 @@ var borderType = require('../constants/componentProps/borderType.js');
 var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
+var textAlign = require('../constants/componentProps/textAlign.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/textColor.js');
@@ -67,6 +68,10 @@ function Label(props) {
     prefix: 'fill_',
     propsKey: 'fill'
   });
+  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
   const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'label_size_',
     propsKey: 'size'
@@ -83,6 +88,14 @@ function Label(props) {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
+  const textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'label_text-align_',
+    propsKey: 'textAlign'
+  });
+  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'label_width_',
+    propsKey: 'width'
+  });
   const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'word-wrap_',
     propsKey: 'labelTextWrap'
@@ -91,7 +104,7 @@ function Label(props) {
     styles: labelStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && `fill_${labelConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, alignDirectionClass, alignClass, type && `label_type_${type}`, set && `label_set_${set}`, onClick && (cursor || 'cursor_type_pointer')),
+    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && `fill_${labelConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || labelConfig.appearance[appearance] && `fill_hover_${labelConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, widthClass, alignDirectionClass, alignClass, textAlignClass, type && `label_type_${type}`, set && `label_set_${set}`, onClick && (cursor || 'cursor_type_pointer')),
     "data-tour": dataTour,
     style: labelStyles,
     onClick: onClick
@@ -99,9 +112,9 @@ function Label(props) {
     className: "label__inner"
   }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
     className: "label__label",
-    textColor: labelTextColor || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textColorHover: labelTextColorHover || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: labelTextSize,
+    textColor: labelTextColor || labelConfig.appearance[appearance]?.labelTextColor,
+    textColorHover: labelTextColorHover || labelConfig.appearance[appearance]?.labelTextColorHover,
     textWrap: labelTextWrap
   }, label) : /*#__PURE__*/React__default.default.createElement("div", {
     className: "label__label"
@@ -136,6 +149,7 @@ Label.propTypes = {
   sizeDesktop: PropTypes__default.default.oneOf(size.default),
   sizeMobile: PropTypes__default.default.oneOf(size.default),
   sizeTablet: PropTypes__default.default.oneOf(size.default),
+  textAlign: PropTypes__default.default.oneOf(textAlign.default),
   type: PropTypes__default.default.string
 };
 Label.defaultProps = {
@@ -386,6 +400,15 @@ Label.__docgenInfo = {
       },
       "required": false
     },
+    "textAlign": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textAlignProps"
+      },
+      "required": false
+    },
     "type": {
       "description": "",
       "type": {

package/dist/components/Search.js

@@ -63,6 +63,10 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     iconClearFill,
     iconClearSize,
     placeholder,
+    placeholderTextColor,
+    placeholderTextSize,
+    placeholderTextStyle,
+    placeholderTextWeight,
     type,
     value,
     onChange,
@@ -112,18 +116,6 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     prefix: 'text-style_',
     propsKey: 'inputTextStyle'
   });
-  const placeholderSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'placeholderTextSize'
-  });
-  const placeholderWeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'placeholderTextWeight'
-  });
-  const placeholderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'placeholderTextColor'
-  });
-  const placeholderStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'placeholderTextStyle'
-  });
   const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
@@ -166,31 +158,31 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     required: true,
     type: "text",
     value: value,
-    onFocus: onFocus,
     onChange: onChangeSearchInput,
+    onFocus: onFocus,
     onKeyDown: onKeyDown
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: "search-input__placeholder"
   }, /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: clsx__default.default('search-input__placeholder-value'),
-    size: placeholderSizeClass,
-    textWeight: placeholderWeightClass,
-    textStyle: placeholderStyleClass,
-    textColor: placeholderColorClass
-  }, placeholder || 'Search')), (iconClear || iconClearSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+    size: placeholderTextSize,
+    textColor: placeholderTextColor,
+    textStyle: placeholderTextStyle,
+    textWeight: placeholderTextWeight
+  }, placeholder || 'Search')), value && /*#__PURE__*/React__default.default.createElement(index.Icon, {
     className: clsx__default.default('search-input__clear', onClickClearIcon && 'cursor_type_pointer'),
-    SvgImage: iconClear,
+    iconFill: iconClearFill,
     imageSrc: iconClearSrc,
     size: iconClearSize,
-    iconFill: iconClearFill,
+    SvgImage: iconClear,
     onClick: onClickClearIcon
   })), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
     className: "search-input__icon search-input__icon-after",
-    SvgImage: iconAfter,
+    iconFill: iconAfterFill,
+    iconStroke: iconAfterStroke,
     imageSrc: iconAfterSrc,
     size: iconAfterSize,
-    iconFill: iconAfterFill,
-    iconStroke: iconAfterStroke
+    SvgImage: iconAfter
   }), after);
 });
 SearchInput.DEFAULT_REF_STATE = {
@@ -219,6 +211,9 @@ SearchInput.propTypes = {
   inputTextSize: PropTypes__default.default.string,
   placeholder: PropTypes__default.default.string,
   placeholderTextColor: PropTypes__default.default.string,
+  placeholderTextSize: PropTypes__default.default.string,
+  placeholderTextStyle: PropTypes__default.default.string,
+  placeholderTextWeight: PropTypes__default.default.string,
   type: PropTypes__default.default.string,
   value: PropTypes__default.default.string,
   onChange: PropTypes__default.default.func,
@@ -240,6 +235,10 @@ SearchInput.__docgenInfo = {
         "value": "'m'",
         "computed": false
       },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
       "required": false
     },
     "inputTextSize": {
@@ -408,6 +407,20 @@ SearchInput.__docgenInfo = {
       },
       "required": false
     },
+    "placeholderTextStyle": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "placeholderTextWeight": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "type": {
       "description": "",
       "type": {
@@ -478,8 +491,8 @@ SearchResult.propTypes = {
   after: PropTypes__default.default.any,
   before: PropTypes__default.default.any,
   children: PropTypes__default.default.any,
-  scrollHeight: PropTypes__default.default.string,
   className: PropTypes__default.default.string,
+  scrollHeight: PropTypes__default.default.string,
   type: PropTypes__default.default.string
 };
 SearchResult.__docgenInfo = {
@@ -508,14 +521,14 @@ SearchResult.__docgenInfo = {
       },
       "required": false
     },
-    "scrollHeight": {
+    "className": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "className": {
+    "scrollHeight": {
       "description": "",
       "type": {
         "name": "string"