@itcase/ui 1.0.71 → 1.0.73

package/dist/components/Tab.js

@@ -155,7 +155,7 @@ function Tab(props) {
   }, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "tab__label",
     textColorActive: isActive && labelColorActive || appearance && tabConfig.appearance[appearance].labelColorActive.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textGradient: labelTextGradient,
+    textColorGradient: labelTextGradient,
     size: labelTextSize,
     textWeight: labelTextWeight,
     textColor: labelColor || appearance && tabConfig.appearance[appearance].labelColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
@@ -180,8 +180,8 @@ function Tab(props) {
   })), after)));
 }
 Tab.propTypes = {
-  before: PropTypes__default.default.any,
   after: PropTypes__default.default.any,
+  before: PropTypes__default.default.any,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
   fill: PropTypes__default.default.oneOf(fill.default),
@@ -221,7 +221,6 @@ Tab.propTypes = {
   typeDesktop: PropTypes__default.default.oneOf(type.default),
   typeMobile: PropTypes__default.default.oneOf(type.default),
   typeTablet: PropTypes__default.default.oneOf(type.default),
-  title: PropTypes__default.default.string,
   underline: PropTypes__default.default.oneOf(underline.default)
 };
 Tab.defaultProps = {
@@ -265,14 +264,14 @@ Tab.__docgenInfo = {
       },
       "required": false
     },
-    "before": {
+    "after": {
       "description": "",
       "type": {
         "name": "any"
       },
       "required": false
     },
-    "after": {
+    "before": {
       "description": "",
       "type": {
         "name": "any"
@@ -590,13 +589,6 @@ Tab.__docgenInfo = {
       },
       "required": false
     },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "underline": {
       "description": "",
       "type": {
@@ -656,7 +648,7 @@ function TabGroup(props) {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {

package/dist/components/Text.js

@@ -8,6 +8,7 @@ var textColorActive = require('../constants/componentProps/textColorActive.js');
 var textColorHover = require('../constants/componentProps/textColorHover.js');
 var size = require('../constants/componentProps/size.js');
 var textStyle = require('../constants/componentProps/textStyle.js');
+var textGradient = require('../constants/componentProps/textGradient.js');
 var textWeight = require('../constants/componentProps/textWeight.js');
 var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
@@ -111,7 +112,7 @@ Text.propTypes = {
   textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
   textColorActive: PropTypes__default.default.oneOf(textColorActive.default),
   textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
-  textGradient: PropTypes__default.default.string,
+  textGradient: PropTypes__default.default.oneOf(textGradient.default),
   textStyle: PropTypes__default.default.oneOf(textStyle.default),
   textWeight: PropTypes__default.default.oneOf(textWeight.default),
   textWeightDesktop: PropTypes__default.default.oneOf(textWeight.default),
@@ -268,7 +269,9 @@ Text.__docgenInfo = {
     "textGradient": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "textGradientProps"
       },
       "required": false
     },

package/dist/components/Tile.js

@@ -7,19 +7,23 @@ var index$2 = require('./Badge.js');
 require('./Icon.js');
 var index = require('./Title.js');
 var index$1 = require('./Text.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
 var align = require('../constants/componentProps/align.js');
 var alignDirection = require('../constants/componentProps/alignDirection.js');
+var borderColor = require('../constants/componentProps/borderColor.js');
+var borderColorHover = require('../constants/componentProps/borderColorHover.js');
+var borderType = require('../constants/componentProps/borderType.js');
+var borderWidth = require('../constants/componentProps/borderWidth.js');
 var size = require('../constants/componentProps/size.js');
-var textAlign = require('../constants/componentProps/textAlign.js');
+var textColor = require('../constants/componentProps/textColor.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
+var textSize = require('../constants/componentProps/textSize.js');
 var useStyles = require('../hooks/useStyles.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/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
@@ -30,12 +34,12 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
 
@@ -51,6 +55,7 @@ function Tile(props) {
     className,
     badge,
     badgeSize,
+    badgeTextSize,
     badgeType,
     direction,
     before,
@@ -99,7 +104,7 @@ function Tile(props) {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
@@ -114,65 +119,68 @@ function Tile(props) {
   }, before, title && /*#__PURE__*/React__default.default.createElement(index.Title, {
     className: "tile__title",
     size: titleTextSize,
-    textWrap: titleTextWrap,
-    textColor: titleTextColor,
     textAlign: titleTextAlign,
-    textWeight: titleTextWeight
+    textColor: titleTextColor,
+    textWeight: titleTextWeight,
+    textWrap: titleTextWrap
   }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+    className: "tile__text",
     size: textSize,
     textColor: textColor,
-    textWrap: textWrap,
-    className: "tile__text"
+    textWrap: textWrap
   }, text), badge && /*#__PURE__*/React__default.default.createElement(index$2.Badge, {
     className: "tile__badge",
-    value: badge,
     size: badgeSize,
-    type: badgeType
+    textSize: badgeTextSize,
+    type: badgeType,
+    value: badge
   }), children, after));
 }
 Tile.propTypes = {
+  after: PropTypes__default.default.any,
   align: PropTypes__default.default.oneOf(align.default),
+  alignDesktop: PropTypes__default.default.oneOf(align.default),
   alignMobile: PropTypes__default.default.oneOf(align.default),
   alignTablet: PropTypes__default.default.oneOf(align.default),
-  alignDesktop: PropTypes__default.default.oneOf(align.default),
   alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
+  alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default),
   alignDirectionMobile: PropTypes__default.default.oneOf(alignDirection.default),
   alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
-  alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default),
+  badge: PropTypes__default.default.element,
+  badgeSize: PropTypes__default.default.oneOf(size.default),
+  badgeTextSize: PropTypes__default.default.oneOf(textSize.default),
+  badgeType: PropTypes__default.default.string,
+  before: PropTypes__default.default.any,
+  borderColor: PropTypes__default.default.oneOf(borderColor.default),
+  borderColorHover: PropTypes__default.default.oneOf(borderColorHover.default),
+  borderType: PropTypes__default.default.oneOf(borderType.default),
+  borderWidth: PropTypes__default.default.oneOf(borderWidth.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  badge: PropTypes__default.default.string,
-  badgeSize: PropTypes__default.default.string,
-  badgeType: PropTypes__default.default.string,
   direction: 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),
+  onClick: PropTypes__default.default.func,
+  reverse: PropTypes__default.default.bool,
   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),
-  height: PropTypes__default.default.string,
-  reverse: PropTypes__default.default.bool,
   size: PropTypes__default.default.string,
   text: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  width: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  onClick: PropTypes__default.default.func,
-  title: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.oneOf(size.default),
-  titleAlign: PropTypes__default.default.oneOf(textAlign.default),
-  titleAlignMobile: PropTypes__default.default.oneOf(textAlign.default),
-  titleAlignTablet: PropTypes__default.default.oneOf(textAlign.default),
-  titleAlignDesktop: PropTypes__default.default.oneOf(textAlign.default),
-  titleTag: PropTypes__default.default.oneOf(size.default),
+  textColor: PropTypes__default.default.oneOf(textColor.default),
   textSize: PropTypes__default.default.oneOf(size.default),
-  textTag: PropTypes__default.default.oneOf(size.default),
-  textWrap: PropTypes__default.default.string
+  textTag: PropTypes__default.default.string,
+  textWrap: PropTypes__default.default.string,
+  title: PropTypes__default.default.string,
+  titleTextAlign: PropTypes__default.default.oneOf(size.default),
+  titleTextColor: PropTypes__default.default.oneOf(size.default),
+  titleTextSize: PropTypes__default.default.oneOf(size.default),
+  titleTextWeight: PropTypes__default.default.oneOf(size.default),
+  titleTextWrap: PropTypes__default.default.oneOf(size.default),
+  type: PropTypes__default.default.string
 };
 Tile.defaultProps = {
   textTag: 'span',
@@ -190,9 +198,7 @@ Tile.__docgenInfo = {
       },
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
+        "name": "string"
       },
       "required": false
     },
@@ -209,16 +215,14 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "align": {
+    "after": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
+        "name": "any"
       },
       "required": false
     },
-    "alignMobile": {
+    "align": {
       "description": "",
       "type": {
         "name": "enum",
@@ -227,7 +231,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignTablet": {
+    "alignDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -236,7 +240,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignDesktop": {
+    "alignMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -245,16 +249,16 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignDirectionMobile": {
+    "alignTablet": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "alignDirectionProps"
+        "value": "alignProps"
       },
       "required": false
     },
-    "alignDirectionTablet": {
+    "alignDirectionDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -263,7 +267,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignDirectionDesktop": {
+    "alignDirectionMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -272,31 +276,37 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "children": {
+    "alignDirectionTablet": {
       "description": "",
       "type": {
-        "name": "any"
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
       },
       "required": false
     },
-    "className": {
+    "badge": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "element"
       },
       "required": false
     },
-    "badge": {
+    "badgeSize": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
       },
       "required": false
     },
-    "badgeSize": {
+    "badgeTextSize": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "textSizeProps"
       },
       "required": false
     },
@@ -307,216 +317,230 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "direction": {
+    "before": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "any"
       },
       "required": false
     },
-    "fill": {
+    "borderColor": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "fillProps"
+        "value": "borderColorProps"
       },
       "required": false
     },
-    "fillDesktop": {
+    "borderColorHover": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "fillProps"
+        "value": "borderColorHoverProps"
       },
       "required": false
     },
-    "fillMobile": {
+    "borderType": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "fillProps"
+        "value": "borderTypeProps"
       },
       "required": false
     },
-    "fillTablet": {
+    "borderWidth": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "fillProps"
+        "value": "borderWidthProps"
       },
       "required": false
     },
-    "shape": {
+    "children": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
+        "name": "any"
       },
       "required": false
     },
-    "shapeDesktop": {
+    "className": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
+        "name": "string"
       },
       "required": false
     },
-    "shapeMobile": {
+    "direction": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
+        "name": "string"
       },
       "required": false
     },
-    "shapeTablet": {
+    "fill": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "fillProps"
       },
       "required": false
     },
-    "height": {
+    "fillDesktop": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "reverse": {
+    "fillMobile": {
       "description": "",
       "type": {
-        "name": "bool"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "size": {
+    "fillTablet": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "text": {
+    "onClick": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "func"
       },
       "required": false
     },
-    "type": {
+    "reverse": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "bool"
       },
       "required": false
     },
-    "width": {
+    "shape": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "horizontalResizeModeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "widthMobile": {
+    "shapeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "horizontalResizeModeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "widthTablet": {
+    "shapeMobile": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "horizontalResizeModeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "widthDesktop": {
+    "shapeTablet": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "horizontalResizeModeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "onClick": {
+    "size": {
       "description": "",
       "type": {
-        "name": "func"
+        "name": "string"
       },
       "required": false
     },
-    "title": {
+    "text": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "titleSize": {
+    "textColor": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "textColorProps"
       },
       "required": false
     },
-    "titleAlign": {
+    "textSize": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textAlignProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "titleAlignMobile": {
+    "textWrap": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "title": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "titleTextAlign": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textAlignProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "titleAlignTablet": {
+    "titleTextColor": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textAlignProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "titleAlignDesktop": {
+    "titleTextSize": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textAlignProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "titleTag": {
+    "titleTextWeight": {
       "description": "",
       "type": {
         "name": "enum",
@@ -525,7 +549,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "textSize": {
+    "titleTextWrap": {
       "description": "",
       "type": {
         "name": "enum",
@@ -534,7 +558,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "textWrap": {
+    "type": {
       "description": "",
       "type": {
         "name": "string"