@itcase/ui 1.1.7 → 1.1.9

package/dist/components/Link.js

@@ -1,495 +1,15 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import fillProps from '../constants/componentProps/fill.js';
-import sizeProps from '../constants/componentProps/size.js';
-import textColorProps from '../constants/componentProps/textColor.js';
-import textGradientProps from '../constants/componentProps/textGradient.js';
-import textStyleProps from '../constants/componentProps/textStyle.js';
-import textWeightProps from '../constants/componentProps/textWeight.js';
-import typeProps from '../constants/componentProps/type.js';
-import underlineProps from '../constants/componentProps/underline.js';
-import { useStyles } from '../hooks/useStyles.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import 'lodash/castArray';
-
-const linkConfig = {
-  LinkComponent: 'a',
-  setLinkComponent: newComponent => {
-    linkConfig.LinkComponent = newComponent;
-  }
-};
-function Link(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    LinkComponent,
-    href,
-    link,
-    target,
-    rel,
-    text,
-    textGradient,
-    textStyle,
-    title,
-    underline,
-    onClick,
-    onMouseDown
-  } = props;
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'size'
-  });
-  const textColorClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const weightClass = useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const textColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_hover_',
-    propsKey: 'textColorHover'
-  });
-  const textStyleClass = useDeviceTargetClass(props, {
-    prefix: 'text-style_',
-    propsKey: 'textColorHover'
-  });
-  const textGradientClass = useDeviceTargetClass(props, {
-    prefix: 'text-gradient_',
-    propsKey: 'textGradient'
-  });
-  const {
-    styles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement(LinkWrapper, {
-    className: clsx(className, 'link', sizeClass, underline && `link_underline_${underline}`, (textColorClass || textColorHoverClass || textGradientClass || textStyleClass || weightClass) && 'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass),
-    href: href || link,
-    Component: LinkComponent,
-    rel: rel,
-    style: styles,
-    target: target,
-    onClick: onClick,
-    onMouseDown: onMouseDown
-  }, before, children || text, after);
-}
-Link.propTypes = {
-  after: PropTypes.any,
-  before: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  LinkComponent: PropTypes.any,
-  href: PropTypes.string,
-  link: PropTypes.string,
-  rel: PropTypes.string,
-  text: PropTypes.string,
-  target: PropTypes.string,
-  textColor: PropTypes.oneOf(textColorProps),
-  textColorMobile: PropTypes.oneOf(textColorProps),
-  textColorTablet: PropTypes.oneOf(textColorProps),
-  textColorDesktop: PropTypes.oneOf(textColorProps),
-  textGradient: PropTypes.oneOf(textGradientProps),
-  textStyle: PropTypes.oneOf(textStyleProps),
-  textWeight: PropTypes.oneOf(textWeightProps),
-  textWeightDesktop: PropTypes.oneOf(textWeightProps),
-  textWeightMobile: PropTypes.oneOf(textWeightProps),
-  textWeightTablet: PropTypes.oneOf(textWeightProps),
-  type: PropTypes.oneOf(typeProps),
-  size: PropTypes.oneOf(sizeProps),
-  sizeDesktop: PropTypes.oneOf(sizeProps),
-  sizeMobile: PropTypes.oneOf(sizeProps),
-  sizeTablet: PropTypes.oneOf(sizeProps),
-  underline: PropTypes.oneOf(underlineProps),
-  onClick: PropTypes.func,
-  onMouseDown: PropTypes.func
-};
-Link.defaultProps = {
-  underline: 'underline'
-};
-
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-  const {
-    children,
-    Component,
-    DefaultComponent,
-    href,
-    target,
-    rel,
-    ...otherProps
-  } = props;
-  if (href) {
-    // If href passed, make link-wrapper
-    const LinkComponent = Component || linkConfig.LinkComponent;
-    return /*#__PURE__*/React__default.createElement(LinkComponent, Object.assign({
-      href: href,
-      target: target,
-      rel: rel
-    }, otherProps), children);
-  } else if (DefaultComponent) {
-    // If has default "Component" - render it
-    return /*#__PURE__*/React__default.createElement(DefaultComponent, otherProps, children);
-  }
-
-  // Return children and pass current props to
-  return React__default.Children.toArray(children).filter(Boolean).map(child => {
-    return /*#__PURE__*/React__default.isValidElement(child) ? /*#__PURE__*/React__default.cloneElement(child, otherProps) : child;
-  });
-}
-LinkWrapper.propTypes = {
-  children: PropTypes.any,
-  Component: PropTypes.element,
-  DefaultComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  href: PropTypes.string,
-  rel: PropTypes.string,
-  target: PropTypes.string
-};
-Link.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Link",
-  "props": {
-    "underline": {
-      "defaultValue": {
-        "value": "'underline'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "underlineProps"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "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
-    },
-    "LinkComponent": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "rel": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textGradientProps"
-      },
-      "required": false
-    },
-    "textStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-LinkWrapper.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "LinkWrapper",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "Component": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
-    "DefaultComponent": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "elementType"
-        }]
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "rel": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Link, LinkWrapper, linkConfig };
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';

package/dist/components/List.js

@@ -1,4 +1,4 @@
-export { L as List, a as ListItem } from '../ListItem-DYbK4_8c.js';
+export { L as List, a as ListItem } from '../ListItem-Cf8r3w8t.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
@@ -19,6 +19,5 @@ import 'lodash/castArray';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/type.js';
-import './Link.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/underline.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';

package/dist/components/Loader.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import '../jsx-runtime-ClDdVO4Q.js';

package/dist/components/Logo.js

@@ -1,28 +1,21 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { LinkWrapper } from './Link.js';
+import { a as LinkWrapper } from '../Link-ByBzBRDH.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import alignProps from '../constants/componentProps/align.js';
 import alignDirectionProps from '../constants/componentProps/alignDirection.js';
 import widthProps from '../constants/componentProps/width.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import 'lodash/castArray';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 function Logo(props) {
   const {

package/dist/components/Menu.js

@@ -3,32 +3,32 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import directionProps from '../constants/componentProps/direction.js';
 import typeProps from '../constants/componentProps/type.js';
-import { useStyles } from '../hooks/useStyles.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
 import { MenuItem } from './MenuItem.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import 'lodash/castArray';
-import '../Text-DffpwlYq.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../Text-BcGbRc14.js';
 import '../jsx-runtime-ClDdVO4Q.js';
-import './Link.js';
+import '../Link-ByBzBRDH.js';
 import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/underline.js';
 import '../constants/componentProps/shape.js';
 import '../constants/componentProps/textColorActive.js';
 import '../constants/componentProps/textColorHover.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWrap.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/underline.js';
+import '../constants/componentProps/size.js';
 
 function Menu(props) {
   const {
@@ -52,11 +52,15 @@ function Menu(props) {
     prefix: 'flex-grow_',
     propsKey: 'flexGrow'
   });
+  const widthClass = useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
   const {
     styles: menuStyles
   } = useStyles(props);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass)
+    className: clsx(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass, widthClass)
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "menu__wrapper",
     style: menuStyles

package/dist/components/MenuItem.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
-import { Link } from './Link.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import { L as Link } from '../Link-ByBzBRDH.js';
 import fillProps from '../constants/componentProps/fill.js';
 import shapeProps from '../constants/componentProps/shape.js';
 import textColorActiveProps from '../constants/componentProps/textColorActive.js';

package/dist/components/Modal.js

@@ -17,5 +17,5 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import './Loader.js';
-import '../Text-DffpwlYq.js';
+import '../Text-BcGbRc14.js';
 import '../jsx-runtime-ClDdVO4Q.js';