@itcase/ui 1.0.43 → 1.0.45

package/dist/components/Icon.js

@@ -10,7 +10,7 @@ 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('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -34,31 +34,33 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var SVG__default = /*#__PURE__*/_interopDefault(SVG);
 
-var iconConfig = {
+const iconConfig = {
   appearance: {},
-  setAppearance: function setAppearance(newComponent) {
+  setAppearance: newComponent => {
     iconConfig.appearance = newComponent;
   }
 };
-var Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, ref) {
-  var before = props.before,
-    after = props.after,
-    Badge = props.Badge,
-    SvgImage = props.SvgImage,
-    id = props.id,
-    imageSrc = props.imageSrc;
-    props.simple;
-    var dataTour = props.dataTour,
-    className = props.className,
-    href = props.href,
-    link = props.link,
-    linkTarget = props.linkTarget,
-    linkRel = props.linkRel,
-    width = props.width,
-    height = props.height,
-    onClick = props.onClick;
-  var svgSizes = React.useMemo(function () {
-    var sizes = {};
+const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, ref) {
+  const {
+    before,
+    after,
+    Badge,
+    SvgImage,
+    id,
+    imageSrc,
+    simple,
+    dataTour,
+    className,
+    href,
+    link,
+    linkTarget,
+    linkRel,
+    width,
+    height,
+    onClick
+  } = props;
+  const svgSizes = React.useMemo(() => {
+    const sizes = {};
     if (width) {
       sizes.width = width;
     }
@@ -67,61 +69,62 @@ var Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, r
     }
     return sizes;
   }, []);
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  var fillSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_fill_size_',
     propsKey: 'fillSize'
   });
-  var iconFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_fill_',
     propsKey: 'iconFill'
   });
-  var iconFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_fill_hover_',
     propsKey: 'iconFillHover'
   });
-  var iconStrokeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconStrokeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_stroke_',
     propsKey: 'iconStroke'
   });
-  var iconStrokeHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconStrokeHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_stroke_hover_',
     propsKey: 'iconStrokeHover'
   });
-  var iconSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_size_',
     propsKey: 'iconSize'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'icon_shape_',
     propsKey: 'shape'
   });
-  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  var borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
     propsKey: 'borderHover'
   });
-  var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-type_',
     propsKey: 'borderType'
   });
-  var _useStyles = useStyles.useStyles(props),
-    iconStyles = _useStyles.styles;
-  var ImageComponent = React.useMemo(function () {
+  const {
+    styles: iconStyles
+  } = useStyles.useStyles(props);
+  const ImageComponent = React.useMemo(() => {
     if (SvgImage) {
       return /*#__PURE__*/React__default.default.createElement(SvgImage, svgSizes);
     }

package/dist/components/Image.js

@@ -9,7 +9,7 @@ var resizeMode = require('../constants/componentProps/resizeMode.js');
 var shape = require('../constants/componentProps/shape.js');
 var verticalContentAlign = require('../constants/componentProps/verticalContentAlign.js');
 var width = require('../constants/componentProps/width.js');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
@@ -27,58 +27,64 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Image(props) {
-  var after = props.after,
-    alt = props.alt,
-    before = props.before,
-    caption = props.caption,
-    children = props.children,
-    className = props.className,
-    imgClassName = props.imgClassName,
-    imgWrapClassName = props.imgWrapClassName,
-    overlay = props.overlay,
-    src = props.src,
-    title = props.title,
-    type = props.type,
-    onClick = props.onClick,
-    onError = props.onError;
-  var horizontalContentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    after,
+    alt,
+    before,
+    caption,
+    children,
+    className,
+    imgClassName,
+    imgWrapClassName,
+    overlay,
+    src,
+    title,
+    type,
+    onClick,
+    onError
+  } = props;
+  const horizontalContentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'image_horizontal-content-align_',
     propsKey: 'horizontalContentAlign'
   });
-  var verticalContentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const verticalContentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'image_vertical-content-align_',
     propsKey: 'verticalContentAlign'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'image_shape_',
     propsKey: 'shape'
   });
-  var resizeModeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeModeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'image_resize-mode_',
     propsKey: 'resizeMode'
   });
-  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'imageWidth'
   });
-  var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'height_',
     propsKey: 'imageHeight'
   });
-  var borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'border'
   });
-  var borderColorImageClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorImageClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color-image_',
     propsKey: 'borderColorImage'
   });
-  var _useStyles = useStyles.useStyles(props),
-    styles = _useStyles.styles,
-    wrapperStyles = _useStyles.wrapper,
-    imageStyles = _useStyles.image;
+  const {
+    // left
+    styles,
+    // leftImageWrapper
+    wrapper: wrapperStyles,
+    // leftImage
+    image: imageStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'image', type && "image_type_" + type, horizontalContentAlignClass, verticalContentAlignClass, shapeClass, resizeModeClass),
+    className: clsx__default.default(className, 'image', type && `image_type_${type}`, horizontalContentAlignClass, verticalContentAlignClass, shapeClass, resizeModeClass),
     onClick: onClick,
     style: styles
   }, before, /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Input.js

@@ -16,72 +16,73 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-var inputConfig = {
+const inputConfig = {
   state: {},
-  setState: function setState(newComponent) {
+  setState: newComponent => {
     inputConfig.state = newComponent;
   }
 };
-var Input = /*#__PURE__*/React__default.default.forwardRef(function Input(props, ref) {
-  var _inputConfig$state$st, _inputConfig$state$st2, _inputConfig$state$st3;
-  var state = props.state,
-    id = props.id,
-    index = props.index,
-    type = props.type,
-    className = props.className,
-    placeholder = props.placeholder,
-    disabled = props.disabled,
-    value = props.value,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onKeyDown = props.onKeyDown;
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+const Input = /*#__PURE__*/React__default.default.forwardRef(function Input(props, ref) {
+  const {
+    state,
+    id,
+    index,
+    type,
+    className,
+    placeholder,
+    disabled,
+    value,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyDown
+  } = props;
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'input_size_',
     propsKey: 'size'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'input_shape_',
     propsKey: 'shape'
   });
-  var textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text_size_',
     propsKey: 'textSize'
   });
-  var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-color_',
     propsKey: 'textColor'
   });
-  var caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'caret-color_',
     propsKey: 'caret'
   });
-  var placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'placeholder-text-color_',
     propsKey: 'placeholderTextColor'
   });
-  var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-weight_',
     propsKey: 'textWeight'
   });
-  var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'width_',
     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$st = inputConfig.state[state]) == null ? void 0 : _inputConfig$state$st.fillClass) && ("fill_" + inputConfig.state[state].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), ((_inputConfig$state$st2 = inputConfig.state[state]) == null ? void 0 : _inputConfig$state$st2.borderColor) && ("border-color_" + inputConfig.state[state].borderColor).replace(/([A-Z])/g, '-$1').toLowerCase(), ((_inputConfig$state$st3 = inputConfig.state[state]) == null ? void 0 : _inputConfig$state$st3.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(), inputConfig.state[state]?.shape && `shape_${inputConfig.state[state].shape}`),
     type: type,
     id: id,
     index: index,

package/dist/components/InputPassword.js

@@ -11,14 +11,6 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-e4accb53.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -26,6 +18,14 @@ require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../hooks/useStyles.js');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -34,91 +34,88 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-var inputPasswordConfig = {
+const inputPasswordConfig = {
   state: {},
-  setState: function setState(newComponent) {
+  setState: newComponent => {
     inputPasswordConfig.state = newComponent;
   }
 };
 function InputPassword(props) {
-  var _inputPasswordConfig$, _inputPasswordConfig$2, _inputPasswordConfig$3;
-  var state = props.state,
-    id = props.id,
-    iconFill = props.iconFill,
-    iconRevealableHide = props.iconRevealableHide,
-    iconRevealableShow = props.iconRevealableShow,
-    iconFillHover = props.iconFillHover,
-    iconShape = props.iconShape,
-    iconSize = props.iconSize,
-    isRevealable = props.isRevealable,
-    className = props.className,
-    placeholder = props.placeholder,
-    disabled = props.disabled,
-    value = props.value,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onKeyDown = props.onKeyDown;
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    state,
+    id,
+    iconFill,
+    iconRevealableHide,
+    iconRevealableShow,
+    iconFillHover,
+    iconShape,
+    iconSize,
+    isRevealable,
+    className,
+    placeholder,
+    disabled,
+    value,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyDown
+  } = props;
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'input-password__input_size_',
     propsKey: 'size'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'input-password__input_shape_',
     propsKey: 'shape'
   });
-  var textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text_size_',
     propsKey: 'textSize'
   });
-  var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-color_',
     propsKey: 'textColor'
   });
-  var caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'caret-color_',
     propsKey: 'caret'
   });
-  var placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'placeholder-text-color_',
     propsKey: 'placeholderTextColor'
   });
-  var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-weight_',
     propsKey: 'textWeight'
   });
-  var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  var _useState = React.useState(false),
-    isRevealed = _useState[0],
-    setIsRevealed = _useState[1];
-  var inputType = React.useMemo(function () {
+  const [isRevealed, setIsRevealed] = React.useState(false);
+  const inputType = React.useMemo(() => {
     return isRevealed ? 'text' : 'password';
   }, [isRevealed]);
-  var revealeHandler = React.useCallback(function (e) {
+  const revealeHandler = React.useCallback(e => {
     e.preventDefault();
-    setIsRevealed(function (prev) {
-      return !prev;
-    });
+    setIsRevealed(prev => !prev);
   }, [setIsRevealed]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: "input-password"
   }, /*#__PURE__*/React__default.default.createElement("input", {
-    className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, widthClass, borderWidthClass, borderColorClass, sizeClass, ((_inputPasswordConfig$ = inputPasswordConfig.state[state]) == null ? void 0 : _inputPasswordConfig$.fillClass) && ("fill_" + inputPasswordConfig.state[state].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), ((_inputPasswordConfig$2 = inputPasswordConfig.state[state]) == null ? void 0 : _inputPasswordConfig$2.borderColor) && ("border-color_" + inputPasswordConfig.state[state].borderColor).replace(/([A-Z])/g, '-$1').toLowerCase(), ((_inputPasswordConfig$3 = inputPasswordConfig.state[state]) == null ? void 0 : _inputPasswordConfig$3.shape) && "shape_" + inputPasswordConfig.state[state].shape),
+    className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, widthClass, borderWidthClass, borderColorClass, sizeClass, inputPasswordConfig.state[state]?.fillClass && `fill_${inputPasswordConfig.state[state].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), inputPasswordConfig.state[state]?.borderColor && `border-color_${inputPasswordConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), inputPasswordConfig.state[state]?.shape && `shape_${inputPasswordConfig.state[state].shape}`),
     type: inputType,
     id: id,
     disabled: disabled,

package/dist/components/Label.js

@@ -9,7 +9,7 @@ var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -30,61 +30,64 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-var labelConfig = {
+const labelConfig = {
   appearance: {},
-  setAppearance: function setAppearance(newComponent) {
+  setAppearance: newComponent => {
     labelConfig.appearance = newComponent;
   }
 };
 function Label(props) {
-  var appearance = props.appearance,
-    children = props.children,
-    className = props.className,
-    label = props.label,
-    labelTextSize = props.labelTextSize,
-    labelTextWrap = props.labelTextWrap,
-    labelTextColor = props.labelTextColor,
-    set = props.set,
-    before = props.before,
-    after = props.after,
-    dataTour = props.dataTour,
-    type = props.type;
-  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    appearance,
+    children,
+    className,
+    label,
+    labelTextSize,
+    labelTextWrap,
+    labelTextColor,
+    set,
+    before,
+    after,
+    dataTour,
+    type
+  } = props;
+  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'label_size_',
     propsKey: 'size'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'label_shape_',
     propsKey: 'shape'
   });
-  var borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'border'
   });
-  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border_',
     propsKey: 'borderType'
   });
-  var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'word-wrap_',
     propsKey: 'labelTextWrap'
   });
-  var _useStyles = useStyles.useStyles(props),
-    labelStyles = _useStyles.styles;
+  const {
+    styles: labelStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && ("fill_" + labelConfig.appearance[appearance].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, alignDirectionClass, alignClass, type && "label_type_" + type, set && "label_set_" + set),
+    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && `fill_${labelConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, alignDirectionClass, alignClass, type && `label_type_${type}`, set && `label_set_${set}`),
     "data-tour": dataTour,
     style: labelStyles
   }, before, /*#__PURE__*/React__default.default.createElement("div", {