@itcase/ui 1.0.72 → 1.0.73

package/dist/components/Empty.js

@@ -28,6 +28,8 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
 require('./Loader.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -61,9 +63,9 @@ function Empty(props) {
     size: messageTextSize,
     textColor: messageTextColor
   }, message), buttonLabel && /*#__PURE__*/React__default.default.createElement(index$1.Button, {
-    className: "empty__button",
     after: buttonAfter,
     before: buttonBefore,
+    className: "empty__button",
     fill: buttonFill,
     fillHover: buttonFillHover,
     label: buttonLabel,
@@ -76,9 +78,6 @@ function Empty(props) {
 }
 Empty.propTypes = {
   before: PropTypes__default.default.any,
-  message: PropTypes__default.default.string,
-  messageTextColor: PropTypes__default.default.oneOf(textColor.default),
-  messageTextSize: PropTypes__default.default.oneOf(size.default),
   buttonAfter: PropTypes__default.default.any,
   buttonBefore: PropTypes__default.default.any,
   buttonFill: PropTypes__default.default.oneOf(fill.default),
@@ -88,7 +87,10 @@ Empty.propTypes = {
   buttonLabelTextSize: PropTypes__default.default.oneOf(size.default),
   buttonShape: PropTypes__default.default.oneOf(shape.default),
   buttonSize: PropTypes__default.default.oneOf(size.default),
-  buttonWidth: PropTypes__default.default.oneOf(width.default)
+  buttonWidth: PropTypes__default.default.oneOf(width.default),
+  message: PropTypes__default.default.string,
+  messageTextColor: PropTypes__default.default.oneOf(textColor.default),
+  messageTextSize: PropTypes__default.default.oneOf(size.default)
 };
 Empty.__docgenInfo = {
   "description": "",
@@ -102,31 +104,6 @@ Empty.__docgenInfo = {
       },
       "required": false
     },
-    "message": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "messageTextColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "messageTextSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
     "buttonAfter": {
       "description": "",
       "type": {
@@ -210,6 +187,31 @@ Empty.__docgenInfo = {
         "value": "widthProps"
       },
       "required": false
+    },
+    "message": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "messageTextColor": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textColorProps"
+      },
+      "required": false
+    },
+    "messageTextSize": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
     }
   }
 };

package/dist/components/Flex.js

@@ -83,7 +83,7 @@ function Flex(props) {
     propsKey: 'border'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {

package/dist/components/FormField.js

@@ -27,17 +27,19 @@ 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('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/shape.js');
+require('../constants/componentProps/strokeColor.js');
 require('react-select');
-require('../defineProperty-f9e5e1f3.js');
+require('../defineProperty-ujK-k7aM.js');
 require('react-dom');
 require('./Group.js');
-require('../constants/componentProps/shape.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
 

package/dist/components/Group.js

@@ -98,7 +98,7 @@ function Group(props) {
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const growClass = useDeviceTargetClass.useDeviceTargetClass(props, {

package/dist/components/Icon.js

@@ -7,7 +7,10 @@ var SVG = require('react-inlinesvg');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-require('../constants/componentProps/fill.js');
+var fill = require('../constants/componentProps/fill.js');
+var iconSize = require('../constants/componentProps/iconSize.js');
+var shape = require('../constants/componentProps/shape.js');
+var strokeColor = require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -118,7 +121,7 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
@@ -158,19 +161,39 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
 });
 Icon.propTypes = {
   SvgImage: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.func, PropTypes__default.default.object]),
+  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),
+  fillSize: PropTypes__default.default.string,
+  fillSizeDesktop: PropTypes__default.default.string,
+  fillSizeMobile: PropTypes__default.default.string,
+  fillSizeTablet: PropTypes__default.default.string,
+  height: PropTypes__default.default.string,
   LinkComponent: PropTypes__default.default.any,
   border: PropTypes__default.default.string,
   borderType: PropTypes__default.default.string,
   className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.string,
-  fillSize: PropTypes__default.default.string,
   href: PropTypes__default.default.string,
   imageSrc: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
   linkRel: PropTypes__default.default.string,
   linkTarget: PropTypes__default.default.string,
-  shape: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func
+  onClick: PropTypes__default.default.func,
+  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),
+  simple: PropTypes__default.default.bool,
+  size: PropTypes__default.default.oneOf(iconSize.default),
+  sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
+  sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
+  sizeTablet: PropTypes__default.default.oneOf(iconSize.default),
+  stroke: PropTypes__default.default.oneOf(strokeColor.default),
+  strokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
+  strokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
+  strokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
+  width: PropTypes__default.default.string
 };
 Icon.defaultProps = {
   LinkComponent: 'a'
@@ -208,35 +231,92 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "border": {
+    "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
+    },
+    "fillSize": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "borderType": {
+    "fillSizeDesktop": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "className": {
+    "fillSizeMobile": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "fill": {
+    "fillSizeTablet": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "fillSize": {
+    "height": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "border": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "borderType": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "className": {
       "description": "",
       "type": {
         "name": "string"
@@ -278,17 +358,132 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    },
     "shape": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
       },
       "required": false
     },
-    "onClick": {
+    "shapeDesktop": {
       "description": "",
       "type": {
-        "name": "func"
+        "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
+    },
+    "simple": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "size": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "iconSizeProps"
+      },
+      "required": false
+    },
+    "sizeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "iconSizeProps"
+      },
+      "required": false
+    },
+    "sizeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "iconSizeProps"
+      },
+      "required": false
+    },
+    "sizeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "iconSizeProps"
+      },
+      "required": false
+    },
+    "stroke": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
+      },
+      "required": false
+    },
+    "strokeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
+      },
+      "required": false
+    },
+    "strokeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
+      },
+      "required": false
+    },
+    "strokeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "strokeColorProps"
+      },
+      "required": false
+    },
+    "width": {
+      "description": "",
+      "type": {
+        "name": "string"
       },
       "required": false
     }

package/dist/components/Input.js

@@ -82,7 +82,7 @@ const Input = /*#__PURE__*/React__default.default.forwardRef(function Input(prop
     propsKey: 'width'
   });
   return /*#__PURE__*/React__default.default.createElement("input", {
-    className: clsx__default.default(className, 'input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, widthClass, borderWidthClass, borderColorClass, sizeClass, inputConfig.state[state]?.fillClass && `fill_${inputConfig.state[state].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), inputConfig.state[state]?.borderColor && `border-color_${inputConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), inputConfig.state[state]?.shape && `shape_${inputConfig.state[state].shape}`),
+    className: clsx__default.default(className, 'input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, widthClass, borderWidthClass, borderColorClass, sizeClass, inputConfig.state[state]?.fillClass && `fill_${inputConfig.state[state].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), inputConfig.state[state]?.borderColor && `border-color_${inputConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), type === 'number' && 'input_type_number', inputConfig.state[state]?.shape && `shape_${inputConfig.state[state].shape}`),
     type: type,
     id: id,
     index: index,

package/dist/components/InputPassword.js

@@ -23,6 +23,9 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/strokeColor.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/Label.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/castArray');
 require('lodash/camelCase');
@@ -77,7 +78,7 @@ function Label(props) {
     propsKey: 'border'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
@@ -123,10 +124,10 @@ Label.propTypes = {
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
   shapeTablet: PropTypes__default.default.oneOf(shape.default),
   label: PropTypes__default.default.any,
-  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),
+  labelTextSize: PropTypes__default.default.oneOf(size.default),
+  labelTextSizeDesktop: PropTypes__default.default.oneOf(size.default),
+  labelTextSizeMobile: PropTypes__default.default.oneOf(size.default),
+  labelTextSizeTablet: PropTypes__default.default.oneOf(size.default),
   labelTextColor: PropTypes__default.default.string,
   size: PropTypes__default.default.oneOf(size.default),
   sizeDesktop: PropTypes__default.default.oneOf(size.default),
@@ -303,7 +304,7 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "labelSize": {
+    "labelTextSize": {
       "description": "",
       "type": {
         "name": "enum",
@@ -312,7 +313,7 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "labelSizeDesktop": {
+    "labelTextSizeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -321,7 +322,7 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "labelSizeMobile": {
+    "labelTextSizeMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -330,7 +331,7 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "labelSizeTablet": {
+    "labelTextSizeTablet": {
       "description": "",
       "type": {
         "name": "enum",

package/dist/components/LanguageSelector.js

@@ -24,6 +24,9 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/strokeColor.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Loader.js

@@ -11,6 +11,7 @@ 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');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Logo.js

@@ -6,6 +6,9 @@ var clsx = require('clsx');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
+var align = require('../constants/componentProps/align.js');
+var alignDirection = require('../constants/componentProps/alignDirection.js');
+var width = require('../constants/componentProps/width.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
@@ -71,12 +74,17 @@ function Logo(props) {
   }));
 }
 Logo.propTypes = {
-  children: PropTypes__default.default.any,
+  align: PropTypes__default.default.oneOf(align.default),
+  alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
   className: PropTypes__default.default.string,
-  isLink: PropTypes__default.default.bool,
-  logoSrc: PropTypes__default.default.string,
+  href: PropTypes__default.default.string,
+  link: PropTypes__default.default.string,
+  size: PropTypes__default.default.string,
+  sizeMobile: PropTypes__default.default.string,
+  source: PropTypes__default.default.string,
   src: PropTypes__default.default.string,
-  target: PropTypes__default.default.string
+  target: PropTypes__default.default.string,
+  width: PropTypes__default.default.oneOf(width.default)
 };
 Logo.defaultProps = {};
 Logo.__docgenInfo = {
@@ -84,10 +92,21 @@ Logo.__docgenInfo = {
   "methods": [],
   "displayName": "Logo",
   "props": {
-    "children": {
+    "align": {
       "description": "",
       "type": {
-        "name": "any"
+        "name": "enum",
+        "computed": true,
+        "value": "alignProps"
+      },
+      "required": false
+    },
+    "alignDirection": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
       },
       "required": false
     },
@@ -98,14 +117,35 @@ Logo.__docgenInfo = {
       },
       "required": false
     },
-    "isLink": {
+    "href": {
       "description": "",
       "type": {
-        "name": "bool"
+        "name": "string"
       },
       "required": false
     },
-    "logoSrc": {
+    "link": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "size": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "sizeMobile": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "source": {
       "description": "",
       "type": {
         "name": "string"
@@ -125,6 +165,15 @@ Logo.__docgenInfo = {
         "name": "string"
       },
       "required": false
+    },
+    "width": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
     }
   }
 };

package/dist/components/Menu.js

@@ -22,12 +22,14 @@ 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');
 require('./Link.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/underline.js');
 require('../constants/componentProps/shape.js');
+require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/textWrap.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }