@itcase/ui 1.0.66 → 1.0.70

package/dist/components/Button.js

@@ -3,13 +3,6 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var borderType = require('../constants/componentProps/borderType.js');
-var fill = require('../constants/componentProps/fill.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-var shape = require('../constants/componentProps/shape.js');
-var size = require('../constants/componentProps/size.js');
-var type = require('../constants/componentProps/type.js');
-var width = require('../constants/componentProps/width.js');
 var index$2 = require('./Icon.js');
 var index$3 = require('./Text.js');
 var index$1 = require('./Loader.js');
@@ -17,14 +10,18 @@ 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/textGradient.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -129,7 +126,8 @@ 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_${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 || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
+    "data-tour": dataTour,
     DefaultComponent: "button",
     disabled: isDisabled,
     href: link || href,
@@ -138,8 +136,7 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     target: target,
     type: htmlType,
     onClick: onClick,
-    onMouseDown: onMouseDown,
-    "data-tour": dataTour
+    onMouseDown: onMouseDown
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "button__wrapper",
     ref: ref
@@ -150,88 +147,70 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     set: loaderSet
   }), before, iconBefore && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon_before",
-    iconFill: iconBeforeFill,
-    iconStroke: iconBeforeStroke,
+    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(),
     size: iconBeforeSize,
     SvgImage: iconBefore
   }), icon && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon",
-    iconFill: iconFill,
-    iconStroke: iconStroke,
+    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(),
     size: iconSize,
     SvgImage: icon
   }), (children || label) && /*#__PURE__*/React__default.default.createElement(index$3.Text, {
     className: "button__label",
     size: labelTextSize,
     style: labelStyles,
-    textColor: labelTextColor,
-    textColorHover: labelTextColorHover,
+    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, {
     className: "button__icon_after",
-    iconFill: iconAfterFill,
-    iconStroke: iconAfterStroke,
+    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(),
     size: iconAfterSize,
     SvgImage: iconAfter
   }), Badge, after));
 });
 Button.propTypes = {
   after: PropTypes__default.default.any,
+  appearance: PropTypes__default.default.string,
   Badge: PropTypes__default.default.element,
   before: PropTypes__default.default.any,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
+  borderType: PropTypes__default.default.oneOf(),
   children: PropTypes__default.default.any,
   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),
+  dataTour: PropTypes__default.default.string,
+  fill: PropTypes__default.default.oneOf(),
   href: PropTypes__default.default.string,
   htmlType: PropTypes__default.default.string,
-  iconAfter: PropTypes__default.default.any,
-  iconAfterBgFill: PropTypes__default.default.string,
+  icon: PropTypes__default.default.element,
   iconAfterFill: PropTypes__default.default.string,
-  iconAfterSize: PropTypes__default.default.string,
   iconAfterStroke: PropTypes__default.default.string,
-  iconBefore: PropTypes__default.default.any,
-  iconBeforeBgFill: PropTypes__default.default.string,
   iconBeforeFill: PropTypes__default.default.string,
-  iconBeforeSize: PropTypes__default.default.string,
   iconBeforeStroke: PropTypes__default.default.string,
-  isDisabled: PropTypes__default.default.bool,
+  iconFill: PropTypes__default.default.string,
+  iconSize: PropTypes__default.default.string,
+  iconStroke: PropTypes__default.default.string,
+  isDisabled: PropTypes__default.default.string,
   label: PropTypes__default.default.string,
-  labelSize: PropTypes__default.default.oneOf(size.default),
-  labelSizeDesktop: PropTypes__default.default.oneOf(size.default),
-  labelSizeMobile: PropTypes__default.default.oneOf(size.default),
-  labelSizeTablet: PropTypes__default.default.oneOf(size.default),
+  labelSize: PropTypes__default.default.oneOf(),
+  labelTextColor: PropTypes__default.default.string,
+  labelTextColorHover: PropTypes__default.default.string,
+  labelTextSize: PropTypes__default.default.string,
+  labelTextWrap: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
-  LinkComponent: PropTypes__default.default.any,
+  loaderFill: PropTypes__default.default.string,
+  loaderItemFill: PropTypes__default.default.string,
+  loaderSet: PropTypes__default.default.string,
+  loading: PropTypes__default.default.bool,
   rel: 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),
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
+  shape: PropTypes__default.default.oneOf(),
+  size: PropTypes__default.default.oneOf(),
   target: PropTypes__default.default.string,
   textColor: PropTypes__default.default.string,
-  textColorDesktop: PropTypes__default.default.string,
-  textColorMobile: PropTypes__default.default.string,
-  textColorTablet: PropTypes__default.default.string,
-  type: PropTypes__default.default.oneOf(type.default),
-  width: PropTypes__default.default.oneOf(width.default),
-  widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  type: PropTypes__default.default.oneOf(),
+  width: PropTypes__default.default.oneOf(),
   onClick: PropTypes__default.default.func,
   onMouseDown: PropTypes__default.default.func
 };
@@ -243,7 +222,333 @@ Button.defaultProps = {
   size: 'm',
   labelSize: 'm',
   width: 'hug',
-  loaderSet: 'simple'
+  loaderSet: 'simple',
+  loading: false
+};
+Button.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Button",
+  "props": {
+    "htmlType": {
+      "defaultValue": {
+        "value": "'button'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "size": {
+      "defaultValue": {
+        "value": "'m'",
+        "computed": false
+      },
+      "description": "",
+      "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()"
+      },
+      "required": false
+    },
+    "width": {
+      "defaultValue": {
+        "value": "'hug'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "PropTypes.oneOf()"
+      },
+      "required": false
+    },
+    "loaderSet": {
+      "defaultValue": {
+        "value": "'simple'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "loading": {
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "after": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "appearance": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "Badge": {
+      "description": "",
+      "type": {
+        "name": "element"
+      },
+      "required": false
+    },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "borderType": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "PropTypes.oneOf()"
+      },
+      "required": false
+    },
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "dataTour": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "PropTypes.oneOf()"
+      },
+      "required": false
+    },
+    "href": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "icon": {
+      "description": "",
+      "type": {
+        "name": "element"
+      },
+      "required": false
+    },
+    "iconAfterFill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconAfterStroke": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconBeforeFill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconBeforeStroke": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconFill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconSize": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "iconStroke": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "isDisabled": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "label": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextColorHover": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextSize": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextWrap": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "link": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "loaderFill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "loaderItemFill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "rel": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "shape": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "PropTypes.oneOf()"
+      },
+      "required": false
+    },
+    "target": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "textColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "type": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "PropTypes.oneOf()"
+      },
+      "required": false
+    },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    },
+    "onMouseDown": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
 };
 
 exports.Button = Button;

package/dist/components/Caption.js

@@ -64,5 +64,134 @@ Caption.propTypes = {
   positionTablet: PropTypes__default.default.oneOf(captionPosition.default),
   positionDesktop: PropTypes__default.default.oneOf(captionPosition.default)
 };
+Caption.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Caption",
+  "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "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
+    },
+    "fillDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillGradient": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "position": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "captionPositionProps"
+      },
+      "required": false
+    },
+    "positionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "captionPositionProps"
+      },
+      "required": false
+    },
+    "positionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "captionPositionProps"
+      },
+      "required": false
+    },
+    "positionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "captionPositionProps"
+      },
+      "required": false
+    }
+  }
+};
 
 exports.Caption = Caption;