@itcase/ui 1.1.7 → 1.1.9

package/dist/components/Button.js

@@ -1,554 +1,34 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Icon } from './Icon.js';
-import { T as Text } from '../Text-DffpwlYq.js';
-import { Loader } from './Loader.js';
-import { LinkWrapper } from './Link.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
-import borderTypeProps from '../constants/componentProps/borderType.js';
-import fillProps from '../constants/componentProps/fill.js';
-import sizeProps from '../constants/componentProps/size.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import typeProps from '../constants/componentProps/type.js';
-import widthProps from '../constants/componentProps/width.js';
+export { B as Button, b as buttonConfig } from '../Button-B7vbiqrJ.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
 import 'react-inlinesvg';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/strokeColor.js';
 import './Tooltip.js';
+import '../Text-BcGbRc14.js';
 import './Title.js';
+import '../constants/componentProps/fill.js';
 import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/textColor.js';
 import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import 'lodash/castArray';
-import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
+import '../constants/componentProps/size.js';
 import '../constants/componentProps/textSize.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../constants/componentProps/underline.js';
-
-const buttonConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    buttonConfig.appearance = newComponent;
-  }
-};
-const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
-  const {
-    before,
-    appearance,
-    after,
-    className,
-    dataTour,
-    dataTestId,
-    Badge,
-    children,
-    fillIcon,
-    fillIconAfter,
-    fillIconBefore,
-    iconAfter,
-    iconAfterSize,
-    iconBefore,
-    iconBeforeSize,
-    label,
-    labelTextColor,
-    labelTextColorHover,
-    labelTextSize,
-    labelTextWrap,
-    loaderSet,
-    loaderFill,
-    loaderItemFill,
-    link,
-    href,
-    target,
-    rel,
-    size,
-    icon,
-    iconShape,
-    iconAfterShape,
-    iconBeforeShape,
-    iconSize,
-    iconFill,
-    iconFillSize,
-    iconStroke,
-    iconBeforeFill,
-    iconBeforeFillSize,
-    iconBeforeStroke,
-    iconAfterFill,
-    iconAfterFillSize,
-    iconAfterStroke,
-    iconAfterSrc,
-    iconBeforeSrc,
-    iconSrc,
-    type,
-    loading,
-    htmlType,
-    isDisabled,
-    onClick,
-    onMouseDown
-  } = props;
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'button_width_',
-    propsKey: 'width'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'button_size_',
-    propsKey: 'size'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'button_shape_',
-    propsKey: 'shape'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const elevationClass = useDeviceTargetClass(props, {
-    prefix: 'elevation_',
-    propsKey: 'elevation'
-  });
-  const {
-    styles: buttonStyles,
-    label: labelStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement(LinkWrapper, {
-    className: clsx(className, 'button', type && `button_type_${type}`, borderWidthClass || buttonConfig.appearance[appearance]?.borderWidth && `border-width_${buttonConfig.appearance[appearance].borderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || buttonConfig?.appearance[appearance]?.borderColor && `border-color_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass || buttonConfig.appearance[appearance]?.borderType && `border-type_${buttonConfig.appearance[appearance].borderType}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || buttonConfig.appearance[appearance]?.fill && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance]?.fillHover && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
-    "data-test-id": dataTestId && `${dataTestId}Button`,
-    "data-tour": dataTour,
-    DefaultComponent: "button",
-    disabled: isDisabled,
-    href: link || href,
-    rel: rel,
-    style: buttonStyles,
-    target: target,
-    type: htmlType,
-    onClick: onClick,
-    onMouseDown: onMouseDown
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "button__wrapper",
-    ref: ref
-  }, loading && /*#__PURE__*/React__default.createElement(Loader, {
-    className: "button__loader",
-    fill: loaderFill || buttonConfig.appearance[appearance]?.loaderFill,
-    itemFill: loaderItemFill || buttonConfig.appearance[appearance]?.loaderItemFill,
-    set: loaderSet
-  }), before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "button__icon_before",
-    fill: fillIconBefore,
-    fillSize: iconBeforeFillSize,
-    iconFill: iconBeforeFill || buttonConfig.appearance[appearance]?.iconBeforeFill,
-    iconStroke: iconBeforeStroke || buttonConfig.appearance[appearance]?.iconBeforeStroke,
-    imageSrc: iconBeforeSrc,
-    shape: iconBeforeShape,
-    size: iconBeforeSize,
-    SvgImage: iconBefore
-  }), (icon || iconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "button__icon",
-    fill: fillIcon,
-    fillSize: iconFillSize,
-    iconFill: iconFill || buttonConfig.appearance[appearance]?.iconFill,
-    iconStroke: iconStroke || buttonConfig.appearance[appearance]?.iconStroke,
-    imageSrc: iconSrc,
-    shape: iconShape,
-    size: iconSize,
-    SvgImage: icon
-  }), (children || label || buttonConfig.appearance[appearance]?.label) && /*#__PURE__*/React__default.createElement(Text, {
-    className: "button__label",
-    size: labelTextSize || buttonConfig.appearance[appearance]?.labelTextSize,
-    style: labelStyles,
-    textColor: labelTextColor || buttonConfig.appearance[appearance]?.labelTextColor,
-    textColorHover: labelTextColorHover || buttonConfig.appearance[appearance]?.labelTextColorHover,
-    textWrap: labelTextWrap
-  }, children || label || buttonConfig.appearance[appearance]?.label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "button__icon_after",
-    fill: fillIconAfter,
-    fillSize: iconAfterFillSize,
-    iconFill: iconAfterFill || buttonConfig.appearance[appearance]?.iconAfterFill,
-    iconStroke: iconAfterStroke || buttonConfig.appearance[appearance]?.iconAfterStroke,
-    imageSrc: iconAfterSrc,
-    shape: iconAfterShape,
-    size: iconAfterSize,
-    SvgImage: iconAfter
-  }), Badge, after));
-});
-Button.propTypes = {
-  after: PropTypes.any,
-  appearance: PropTypes.string,
-  Badge: PropTypes.element,
-  before: PropTypes.any,
-  borderType: PropTypes.oneOf(borderTypeProps),
-  children: PropTypes.any,
-  className: PropTypes.string,
-  dataTour: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  href: PropTypes.string,
-  htmlType: PropTypes.string,
-  iconAfterFill: PropTypes.string,
-  iconAfterStroke: PropTypes.string,
-  iconBeforeFill: PropTypes.string,
-  iconBeforeStroke: PropTypes.string,
-  iconFill: PropTypes.string,
-  iconSize: PropTypes.string,
-  iconStroke: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  labelTextColor: PropTypes.string,
-  labelTextColorHover: PropTypes.string,
-  labelTextSize: PropTypes.string,
-  labelTextWrap: PropTypes.string,
-  link: PropTypes.string,
-  loaderFill: PropTypes.string,
-  loaderItemFill: PropTypes.string,
-  loaderSet: PropTypes.string,
-  loading: PropTypes.bool,
-  rel: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  size: PropTypes.oneOf(sizeProps),
-  target: PropTypes.string,
-  type: PropTypes.oneOf(typeProps),
-  width: PropTypes.oneOf(widthProps),
-  onClick: PropTypes.func,
-  onMouseDown: PropTypes.func
-};
-Button.defaultProps = {
-  // Button with a `type="submit"` attribute is a form control by default.
-  // If the button is not associated with any form, it will look for
-  // the nearest form in the DOM and submit its data when clicked.
-  htmlType: 'button',
-  size: 'xl',
-  width: 'hug',
-  loaderSet: 'simple',
-  loading: false
-};
-Button.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Button",
-  "props": {
-    "htmlType": {
-      "defaultValue": {
-        "value": "'button'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "size": {
-      "defaultValue": {
-        "value": "'xl'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "width": {
-      "defaultValue": {
-        "value": "'hug'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "loaderSet": {
-      "defaultValue": {
-        "value": "'simple'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "loading": {
-      "defaultValue": {
-        "value": "false",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "appearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "Badge": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "dataTour": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconAfterFill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconAfterStroke": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconBeforeFill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconBeforeStroke": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconFill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "iconStroke": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "isDisabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "label": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "number"
-        }]
-      },
-      "required": false
-    },
-    "labelTextColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextColorHover": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextWrap": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "loaderFill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "loaderItemFill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "rel": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Button, buttonConfig };
+import '../constants/componentProps/shape.js';
+import './Loader.js';

package/dist/components/Card.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import sizeProps from '../constants/componentProps/size.js';
 import shapeProps from '../constants/componentProps/shape.js';
 import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { Image } from './Image.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import '../jsx-runtime-ClDdVO4Q.js';

package/dist/components/Cell.js

@@ -1,22 +1,15 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { Icon } from './Icon.js';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { I as Icon } from '../Icon-Dn2eEZvb.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { Label } from './Label.js';
 import textSizeProps from '../constants/componentProps/textSize.js';
 import textColorProps from '../constants/componentProps/textColor.js';
 import textAlignProps from '../constants/componentProps/textAlign.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import 'react-inlinesvg';
-import './Link.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.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 '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
@@ -25,16 +18,19 @@ import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
+import 'react-inlinesvg';
 import './Tooltip.js';
 import './Title.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/borderType.js';
 import 'lodash/castArray';
 
 function Cell(props) {

package/dist/components/Checkbox.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 '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';

package/dist/components/Chips.js

@@ -1,14 +1,13 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
 import borderTypeProps from '../constants/componentProps/borderType.js';
-import sizeProps from '../constants/componentProps/size.js';
 import fillProps from '../constants/componentProps/fill.js';
 import shapeProps from '../constants/componentProps/shape.js';
+import sizeProps from '../constants/componentProps/size.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -17,6 +16,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 
 const chipsConfig = {
   appearance: {},
@@ -62,7 +62,7 @@ function Chips(props) {
   });
   const borderClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'border'
+    propsKey: 'borderColor'
   });
   const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',