@itcase/ui 1.0.71 → 1.0.73

package/dist/components/Empty.js

@@ -12,8 +12,6 @@ var index = require('./Text.js');
 require('clsx');
 require('./Icon.js');
 require('react-inlinesvg');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
@@ -30,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');
@@ -63,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,
@@ -78,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),
@@ -90,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": "",
@@ -104,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": {
@@ -212,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,17 @@ 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('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.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/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/stacking.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

@@ -4,13 +4,13 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
+var index = require('./Link.js');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.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');
-var index = require('./Link.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -48,7 +48,6 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     SvgImage,
     id,
     imageSrc,
-    simple,
     dataTour,
     className,
     href,
@@ -115,14 +114,14 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   });
   const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
-    propsKey: 'borderHover'
+    propsKey: 'borderColorHover'
   });
   const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-type_',
+    prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
@@ -162,7 +161,6 @@ 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]),
-  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),
@@ -171,27 +169,22 @@ Icon.propTypes = {
   fillSizeDesktop: PropTypes__default.default.string,
   fillSizeMobile: PropTypes__default.default.string,
   fillSizeTablet: PropTypes__default.default.string,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  bgFill: PropTypes__default.default.oneOf(fill.default),
-  bgFillMobile: PropTypes__default.default.oneOf(fill.default),
-  bgFillTablet: PropTypes__default.default.oneOf(fill.default),
-  bgFillDesktop: PropTypes__default.default.oneOf(fill.default),
   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,
   href: PropTypes__default.default.string,
+  imageSrc: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
-  linkTarget: PropTypes__default.default.string,
   linkRel: PropTypes__default.default.string,
-  imageSrc: PropTypes__default.default.string,
+  linkTarget: PropTypes__default.default.string,
   onClick: PropTypes__default.default.func,
-  simple: 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),
+  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),
@@ -203,7 +196,6 @@ Icon.propTypes = {
   width: PropTypes__default.default.string
 };
 Icon.defaultProps = {
-  simple: false,
   LinkComponent: 'a'
 };
 function removeFillStroke(code) {
@@ -214,17 +206,6 @@ Icon.__docgenInfo = {
   "methods": [],
   "displayName": "Icon",
   "props": {
-    "simple": {
-      "defaultValue": {
-        "value": "false",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
     "LinkComponent": {
       "defaultValue": {
         "value": "'a'",
@@ -250,13 +231,6 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "fill": {
       "description": "",
       "type": {
@@ -321,71 +295,28 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "border": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderDesktop": {
+    "height": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "borderMobile": {
+    "border": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "borderTablet": {
+    "borderType": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "bgFill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bgFillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "height": {
+    "className": {
       "description": "",
       "type": {
         "name": "string"
@@ -399,14 +330,14 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "link": {
+    "imageSrc": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "linkTarget": {
+    "link": {
       "description": "",
       "type": {
         "name": "string"
@@ -420,7 +351,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "imageSrc": {
+    "linkTarget": {
       "description": "",
       "type": {
         "name": "string"
@@ -470,6 +401,13 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "simple": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "size": {
       "description": "",
       "type": {

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

@@ -6,11 +6,8 @@ var clsx = require('clsx');
 var index = require('./Icon.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -26,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

@@ -5,11 +5,8 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var index = require('./Icon.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('./Link.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -27,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 }; }