@itcase/ui 1.0.66 → 1.0.71

package/dist/components/Badge.js

@@ -3,15 +3,12 @@
 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 size = require('../constants/componentProps/size.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var type = require('../constants/componentProps/type.js');
 var index = require('./Text.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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('../hooks/useStyles.js');
@@ -30,20 +27,35 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
+const badgeConfig = {
+  appearance: {},
+  setAppearance: newComponent => {
+    badgeConfig.appearance = newComponent;
+  }
+};
 function Badge(props) {
   const {
+    appearance,
     className,
     children,
     textColor,
     textSize,
     value
   } = props;
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'border'
+    propsKey: 'borderColor'
+  });
+  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_hover_',
+    propsKey: 'borderColorHover'
+  });
+  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-width_',
+    propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_',
+    prefix: 'border_type',
     propsKey: 'borderType'
   });
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
@@ -63,43 +75,116 @@ function Badge(props) {
     propsKey: 'type'
   });
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'badge', borderClass, borderTypeClass, fillClass, positionClass, sizeClass, typeClass)
+    className: clsx__default.default(className, 'badge', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, typeClass)
   }, children || /*#__PURE__*/React__default.default.createElement(index.Text, {
-    textColor: textColor,
+    textColor: textColor || badgeConfig.appearance[appearance] && badgeConfig.appearance[appearance].textColor?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: textSize
   }, value));
 }
 Badge.propTypes = {
+  value: PropTypes__default.default.any.isRequired,
+  appearance: PropTypes__default.default.string,
+  border: PropTypes__default.default.string,
+  borderType: PropTypes__default.default.string,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  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),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.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),
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
-  textColorMobile: PropTypes__default.default.oneOf(textColor.default),
-  textColorTablet: PropTypes__default.default.oneOf(textColor.default),
-  type: PropTypes__default.default.oneOf(type.default),
-  typeDesktop: PropTypes__default.default.oneOf(type.default),
-  typeMobile: PropTypes__default.default.oneOf(type.default),
-  typeTablet: PropTypes__default.default.oneOf(type.default),
-  value: PropTypes__default.default.string.isRequired
+  fill: PropTypes__default.default.string,
+  size: PropTypes__default.default.string,
+  textColor: PropTypes__default.default.string,
+  textSize: PropTypes__default.default.string,
+  type: PropTypes__default.default.string
 };
 Badge.defaultProps = {
   size: 'm'
 };
+Badge.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Badge",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "'m'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "value": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": true
+    },
+    "appearance": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "border": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "borderType": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "textColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "textSize": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "type": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    }
+  }
+};
 
 exports.Badge = Badge;
+exports.badgeConfig = badgeConfig;

package/dist/components/Breadcrumbs.js

@@ -130,6 +130,188 @@ BreadcrumbsItem.propTypes = {
 BreadcrumbsItem.defaultProps = {
   set: 'default'
 };
+BreadcrumbsItem.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "BreadcrumbsItem",
+  "props": {
+    "set": {
+      "defaultValue": {
+        "value": "'default'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "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": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillDesktop": {
+      "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
+    },
+    "position": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "shape": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "tag": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
+};
 
 function Breadcrumbs(props) {
   const {
@@ -235,6 +417,238 @@ Breadcrumbs.propTypes = {
 Breadcrumbs.defaultProps = {
   direction: 'horizontal'
 };
+Breadcrumbs.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Breadcrumbs",
+  "props": {
+    "direction": {
+      "defaultValue": {
+        "value": "'horizontal'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "directionProps"
+      },
+      "required": false
+    },
+    "breadcrumbsList": {
+      "description": "",
+      "type": {
+        "name": "arrayOf",
+        "value": {
+          "name": "shape",
+          "value": {
+            "text": {
+              "name": "string",
+              "required": false
+            },
+            "href": {
+              "name": "string",
+              "required": false
+            }
+          }
+        }
+      },
+      "required": false
+    },
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "set": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "directionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "directionProps"
+      },
+      "required": false
+    },
+    "directionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "directionProps"
+      },
+      "required": false
+    },
+    "directionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "directionProps"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillDesktop": {
+      "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
+    },
+    "shape": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "position": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "width": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    }
+  }
+};
 
 exports.Breadcrumbs = Breadcrumbs;
 exports.BreadcrumbsItem = BreadcrumbsItem;