@itcase/ui 1.0.79 → 1.0.81

package/dist/components/Accordion.js

@@ -65,6 +65,7 @@ function AccordionItem(props) {
     id,
     title,
     icon,
+    iconFill,
     content,
     beforeContent,
     afterContent,
@@ -90,9 +91,6 @@ function AccordionItem(props) {
     prefix: 'accordion-item_shape_',
     propsKey: 'shape'
   });
-  const iconFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'iconFill'
-  });
   const {
     styles
   } = useStyles.useStyles(props);
@@ -106,7 +104,7 @@ function AccordionItem(props) {
     className: "accordion-item__icon",
     onClick: onClickTitle
   }, icon || /*#__PURE__*/React__default.default.createElement(index.Icon, {
-    fill: iconFillClass,
+    iconFill: iconFill,
     size: "16",
     SvgImage: icon16.chevron_down
   })), beforeContent && beforeContent, isExpanded && /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Avatar.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var index = require('./Image.js');
 var index$1 = require('./Text.js');
 var index$2 = require('./Icon.js');
-var size = require('../constants/componentProps/size.js');
+var sizePX = require('../constants/componentProps/sizePX.js');
 var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../constants/componentProps/borderColor.js');
@@ -23,6 +23,7 @@ require('react-responsive');
 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/textGradient.js');
 require('../constants/componentProps/textWeight.js');
@@ -123,7 +124,7 @@ Avatar.propTypes = {
   /**
    * Размер аватара
    */
-  size: PropTypes__default.default.oneOf(size.default),
+  size: PropTypes__default.default.oneOf(sizePX.default),
   /**
    * Тип аватара
    */
@@ -135,7 +136,7 @@ Avatar.propTypes = {
   onClick: PropTypes__default.default.func
 };
 Avatar.defaultProps = {
-  size: 96,
+  size: '96',
   textSize: 'l',
   textColor: 'surfaceTextTertiary',
   textWeight: 600,
@@ -149,14 +150,14 @@ Avatar.__docgenInfo = {
   "props": {
     "size": {
       "defaultValue": {
-        "value": "96",
+        "value": "'96'",
         "computed": false
       },
       "description": "\u0420\u0430\u0437\u043C\u0435\u0440 \u0430\u0432\u0430\u0442\u0430\u0440\u0430",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "sizePXProps"
       },
       "required": false
     },

package/dist/components/Badge.js

@@ -94,7 +94,7 @@ function Badge(props) {
 Badge.propTypes = {
   value: PropTypes__default.default.any.isRequired,
   appearance: PropTypes__default.default.string,
-  border: PropTypes__default.default.string,
+  borderColor: PropTypes__default.default.string,
   borderType: PropTypes__default.default.string,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
@@ -152,7 +152,7 @@ Badge.__docgenInfo = {
       },
       "required": false
     },
-    "border": {
+    "borderColor": {
       "description": "",
       "type": {
         "name": "string"

package/dist/components/Breadcrumbs.js

@@ -47,15 +47,18 @@ function BreadcrumbsItem(props) {
   const {
     children,
     className,
+    cursor,
     set,
     text,
+    textSize,
+    textColor,
+    textColorHover,
     href,
     iconAfter,
     iconAfterSize,
     iconAfterBgFill,
     iconAfterFill,
     iconAfterStroke,
-    underline,
     onClick
   } = props;
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
@@ -70,15 +73,6 @@ function BreadcrumbsItem(props) {
     prefix: 'position_',
     propsKey: 'position'
   });
-  const textSize = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'textSize'
-  });
-  const textColor = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'textColor'
-  });
-  const textColorHover = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'textColorHover'
-  });
   const underlineClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-decoration_',
     propsKey: 'underline'
@@ -87,46 +81,46 @@ function BreadcrumbsItem(props) {
     styles: itemStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    href: href,
+    className: clsx__default.default(className, 'breadcrumbs__item', set && `breadcrumbs__item_set_${set}`, fillClass, positionClass, shapeClass, underlineClass, onClick && (cursor || 'cursor_type_pointer')),
     DefaultComponent: "div",
-    className: clsx__default.default(className, 'breadcrumbs__item', set && `breadcrumbs__item_set_${set}`, fillClass, positionClass, shapeClass, underlineClass),
+    href: href,
     style: itemStyles,
     onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "breadcrumbs__item-text",
+    size: textSize,
     textColor: textColor,
-    textColorHover: textColorHover,
-    size: textSize
+    textColorHover: textColorHover
   }, text || children), iconAfter && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
-    className: "breadcrumbs__item-icon",
-    SvgImage: iconAfter,
-    size: iconAfterSize,
     bgFill: iconAfterBgFill,
+    className: "breadcrumbs__item-icon",
     fill: iconAfterFill,
-    stroke: iconAfterStroke
+    size: iconAfterSize,
+    stroke: iconAfterStroke,
+    SvgImage: iconAfter
   }));
 }
 BreadcrumbsItem.propTypes = {
-  text: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.string,
-  textSize: PropTypes__default.default.string,
-  id: PropTypes__default.default.string,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  set: 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),
+  id: PropTypes__default.default.string,
   position: PropTypes__default.default.oneOf(position.default),
   positionDesktop: PropTypes__default.default.oneOf(position.default),
   positionMobile: PropTypes__default.default.oneOf(position.default),
   positionTablet: PropTypes__default.default.oneOf(position.default),
+  set: PropTypes__default.default.string,
   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),
   tag: PropTypes__default.default.string,
+  text: PropTypes__default.default.string,
+  textColor: PropTypes__default.default.string,
+  textSize: PropTypes__default.default.string,
   onClick: PropTypes__default.default.func
 };
 BreadcrumbsItem.defaultProps = {
@@ -148,34 +142,6 @@ BreadcrumbsItem.__docgenInfo = {
       },
       "required": false
     },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "children": {
       "description": "",
       "type": {
@@ -226,6 +192,13 @@ BreadcrumbsItem.__docgenInfo = {
       },
       "required": false
     },
+    "id": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "position": {
       "description": "",
       "type": {
@@ -305,6 +278,27 @@ BreadcrumbsItem.__docgenInfo = {
       },
       "required": false
     },
+    "text": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "textColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "textSize": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "onClick": {
       "description": "",
       "type": {

package/dist/components/Button.js

@@ -9,21 +9,22 @@ var index$1 = require('./Loader.js');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
+var borderType = require('../constants/componentProps/borderType.js');
+var fill = require('../constants/componentProps/fill.js');
+var size = require('../constants/componentProps/size.js');
+var shape = require('../constants/componentProps/shape.js');
+var type = require('../constants/componentProps/type.js');
+var width = require('../constants/componentProps/width.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
 require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.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/textGradient.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -80,6 +81,9 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     iconBeforeStroke,
     iconAfterFill,
     iconAfterStroke,
+    iconAfterSrc,
+    iconBeforeSrc,
+    iconSrc,
     type,
     loading,
     htmlType,
@@ -128,7 +132,7 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     label: labelStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
+    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
     "data-tour": dataTour,
     DefaultComponent: "button",
     disabled: isDisabled,
@@ -147,16 +151,18 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     fill: loaderFill,
     itemFill: loaderItemFill,
     set: loaderSet
-  }), before, iconBefore && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }), before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon_before",
     iconFill: iconBeforeFill || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconBeforeFill?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     iconStroke: iconBeforeStroke || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconBeforeStroke?.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    imageSrc: iconBeforeSrc,
     size: iconBeforeSize,
     SvgImage: iconBefore
-  }), icon && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }), (icon || iconSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon",
     iconFill: iconFill || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconFill?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     iconStroke: iconStroke || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconStroke?.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    imageSrc: iconSrc,
     size: iconSize,
     SvgImage: icon
   }), (children || label) && /*#__PURE__*/React__default.default.createElement(index$3.Text, {
@@ -166,10 +172,11 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     textColor: labelTextColor || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].labelTextColor?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textColorHover: labelTextColorHover || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].labelTextColorHover?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textWrap: labelTextWrap
-  }, children || label), iconAfter && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }, children || label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon_after",
     iconFill: iconAfterFill || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconAfterFill?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     iconStroke: iconAfterStroke || buttonConfig.appearance[appearance] && buttonConfig.appearance[appearance].iconAfterStroke?.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    imageSrc: iconAfterSrc,
     size: iconAfterSize,
     SvgImage: iconAfter
   }), Badge, after));
@@ -179,14 +186,13 @@ Button.propTypes = {
   appearance: PropTypes__default.default.string,
   Badge: PropTypes__default.default.element,
   before: PropTypes__default.default.any,
-  borderType: PropTypes__default.default.oneOf(),
+  borderType: PropTypes__default.default.oneOf(borderType.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
   dataTour: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(),
+  fill: PropTypes__default.default.oneOf(fill.default),
   href: PropTypes__default.default.string,
   htmlType: PropTypes__default.default.string,
-  icon: PropTypes__default.default.element,
   iconAfterFill: PropTypes__default.default.string,
   iconAfterStroke: PropTypes__default.default.string,
   iconBeforeFill: PropTypes__default.default.string,
@@ -196,7 +202,6 @@ Button.propTypes = {
   iconStroke: PropTypes__default.default.string,
   isDisabled: PropTypes__default.default.string,
   label: PropTypes__default.default.string,
-  labelSize: PropTypes__default.default.oneOf(),
   labelTextColor: PropTypes__default.default.string,
   labelTextColorHover: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
@@ -207,12 +212,11 @@ Button.propTypes = {
   loaderSet: PropTypes__default.default.string,
   loading: PropTypes__default.default.bool,
   rel: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(),
-  size: PropTypes__default.default.oneOf(),
+  shape: PropTypes__default.default.oneOf(shape.default),
+  size: PropTypes__default.default.oneOf(size.default),
   target: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.string,
-  type: PropTypes__default.default.oneOf(),
-  width: PropTypes__default.default.oneOf(),
+  type: PropTypes__default.default.oneOf(type.default),
+  width: PropTypes__default.default.oneOf(width.default),
   onClick: PropTypes__default.default.func,
   onMouseDown: PropTypes__default.default.func
 };
@@ -222,7 +226,6 @@ Button.defaultProps = {
   // the nearest form in the DOM and submit its data when clicked.
   htmlType: 'button',
   size: 'm',
-  labelSize: 'm',
   width: 'hug',
   loaderSet: 'simple',
   loading: false
@@ -252,20 +255,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
-      },
-      "required": false
-    },
-    "labelSize": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "sizeProps"
       },
       "required": false
     },
@@ -278,7 +268,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "widthProps"
       },
       "required": false
     },
@@ -337,7 +327,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "borderTypeProps"
       },
       "required": false
     },
@@ -367,7 +357,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "fillProps"
       },
       "required": false
     },
@@ -378,13 +368,6 @@ Button.__docgenInfo = {
       },
       "required": false
     },
-    "icon": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
     "iconAfterFill": {
       "description": "",
       "type": {
@@ -509,7 +492,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "shapeProps"
       },
       "required": false
     },
@@ -520,19 +503,12 @@ Button.__docgenInfo = {
       },
       "required": false
     },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "type": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "typeProps"
       },
       "required": false
     },