@itcase/ui 1.0.72 → 1.0.73

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');
@@ -31,9 +35,11 @@ require('react-responsive');
 require('lodash/castArray');
 require('react-inlinesvg');
 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');
 
@@ -49,6 +55,7 @@ function Tile(props) {
     className,
     badge,
     badgeSize,
+    badgeTextSize,
     badgeType,
     direction,
     before,
@@ -97,7 +104,7 @@ function Tile(props) {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
@@ -112,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',
@@ -188,9 +198,7 @@ Tile.__docgenInfo = {
       },
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
+        "name": "string"
       },
       "required": false
     },
@@ -207,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",
@@ -225,7 +231,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignTablet": {
+    "alignDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -234,7 +240,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignDesktop": {
+    "alignMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -243,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",
@@ -261,7 +267,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "alignDirectionDesktop": {
+    "alignDirectionMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -270,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
     },
@@ -305,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
+    },
+    "textWrap": {
+      "description": "",
+      "type": {
+        "name": "string"
       },
       "required": false
     },
-    "titleAlignMobile": {
+    "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",
@@ -523,7 +549,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "textSize": {
+    "titleTextWrap": {
       "description": "",
       "type": {
         "name": "enum",
@@ -532,7 +558,7 @@ Tile.__docgenInfo = {
       },
       "required": false
     },
-    "textWrap": {
+    "type": {
       "description": "",
       "type": {
         "name": "string"

package/dist/components/Tooltip.js

@@ -14,6 +14,7 @@ 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');
@@ -24,7 +25,6 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
 require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');

package/dist/constants/componentProps/fillHover.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const fillHoverProps = [null, 'accentPrimaryHover', 'accentSecondary', 'accentTertiary', 'primaryPrimaryHover', 'secondaryPrimaryHover', 'surfacePrimaryHover', 'surfaceSecondaryHover', 'surfaceTertiaryHover'];
+
+exports.default = fillHoverProps;

package/dist/constants/componentProps/textSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const textSizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
+const textSizeProps = [null, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
 
 exports.default = textSizeProps;

package/dist/constants/componentProps/titleSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const titleSizeProps = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const titleSizeProps = [null, 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 
 exports.default = titleSizeProps;

package/dist/constants.js

@@ -9,6 +9,7 @@ var borderWidth = require('./constants/componentProps/borderWidth.js');
 var captionPosition = require('./constants/componentProps/captionPosition.js');
 var direction = require('./constants/componentProps/direction.js');
 var emojiSize = require('./constants/componentProps/emojiSize.js');
+var fillHover = require('./constants/componentProps/fillHover.js');
 var fillGradient = require('./constants/componentProps/fillGradient.js');
 var fill = require('./constants/componentProps/fill.js');
 var fillType = require('./constants/componentProps/fillType.js');
@@ -62,6 +63,7 @@ exports.borderWidthProps = borderWidth.default;
 exports.captionPositionProps = captionPosition.default;
 exports.directionProps = direction.default;
 exports.emojiSizeProps = emojiSize.default;
+exports.fillHoverProps = fillHover.default;
 exports.fillGradientProps = fillGradient.default;
 exports.fillProps = fill.default;
 exports.fillTypeProps = fillType.default;

package/dist/css/components/Cell/Cell.css

@@ -37,15 +37,15 @@
   }
 }
 .cell {
- &&_state {
-  &_active {
+  &&_state {
+    &_active {
+    }
   }
- }
 }
 .cell {
- &&_state {
-  &_disabled {
-    border: solid 1px red;
+  &&_state {
+    &_disabled {
+      border: solid 1px red;
+    }
   }
- }
 }