@itcase/ui 1.0.80 → 1.0.82

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);
@@ -100,13 +98,13 @@ function AccordionItem(props) {
     className: clsx__default.default('accordion-item', className, fillClass, shapeClass, isExpanded && 'accordion-item_state_open'),
     style: styles
   }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "accordion-item__title",
+    className: clsx__default.default('accordion-item__title', onClickTitle && 'cursor_type_pointer'),
     onClick: onClickTitle
   }, title), /*#__PURE__*/React__default.default.createElement("div", {
     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),
   /**
    * Тип аватара
    */
@@ -156,7 +157,7 @@ Avatar.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "sizePXProps"
       },
       "required": false
     },

package/dist/components/Badge.js

@@ -76,25 +76,21 @@ function Badge(props) {
     prefix: 'badge_shape_',
     propsKey: 'shape'
   });
-  const typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'badge_type_',
-    propsKey: 'type'
-  });
   const {
     styles: badgeStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
     style: badgeStyles,
-    className: clsx__default.default(className, 'badge', !value && 'badge_type_status', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass, typeClass)
+    className: clsx__default.default(className, 'badge', !value && 'badge_type_status', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass)
   }, children || value && /*#__PURE__*/React__default.default.createElement(index.Text, {
-    textColor: textColor || badgeConfig.appearance[appearance] && badgeConfig.appearance[appearance].textColor?.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    size: textSize
+    size: textSize,
+    textColor: textColor || badgeConfig.appearance[appearance] && badgeConfig.appearance[appearance].textColor?.replace(/([A-Z])/g, '-$1').toLowerCase()
   }, value));
 }
 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 +148,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

@@ -81,6 +81,9 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     iconBeforeStroke,
     iconAfterFill,
     iconAfterStroke,
+    iconAfterSrc,
+    iconBeforeSrc,
+    iconSrc,
     type,
     loading,
     htmlType,
@@ -129,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, onClick && 'cursor_type_pointer', 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,
@@ -148,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, {
@@ -167,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));
@@ -187,7 +193,6 @@ Button.propTypes = {
   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,
@@ -197,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(size.default),
   labelTextColor: PropTypes__default.default.string,
   labelTextColorHover: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
@@ -211,7 +215,6 @@ Button.propTypes = {
   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(type.default),
   width: PropTypes__default.default.oneOf(width.default),
   onClick: PropTypes__default.default.func,
@@ -223,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
@@ -257,19 +259,6 @@ Button.__docgenInfo = {
       },
       "required": false
     },
-    "labelSize": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
     "width": {
       "defaultValue": {
         "value": "'hug'",
@@ -379,13 +368,6 @@ Button.__docgenInfo = {
       },
       "required": false
     },
-    "icon": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
     "iconAfterFill": {
       "description": "",
       "type": {
@@ -521,13 +503,6 @@ Button.__docgenInfo = {
       },
       "required": false
     },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "type": {
       "description": "",
       "type": {