@itcase/ui 1.0.2 → 1.0.4

package/dist/components/Accordion.js

@@ -10,7 +10,7 @@ var shape = require('../constants/componentProps/shape.js');
 var index = require('./Icon.js');
 var index$1 = require('../index-f1505c84.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('react-inlinesvg');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
@@ -23,12 +23,12 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Avatar.js

@@ -12,7 +12,7 @@ require('../constants/componentProps/resizeMode.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/verticalContentAlign.js');
 require('../constants/componentProps/width.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Background.js

@@ -7,7 +7,7 @@ var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var width = require('../constants/componentProps/width.js');
 var position = require('../constants/componentProps/position.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Breadcrumbs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
@@ -23,16 +23,16 @@ require('react-responsive');
 require('react-inlinesvg');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');
+require('../constants/componentProps/textColorActive.js');
+require('../constants/componentProps/textColorHover.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Button.js

@@ -14,7 +14,7 @@ var index$1 = require('./Icon.js');
 var index$2 = require('./Text.js');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('react-inlinesvg');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Caption.js

@@ -7,7 +7,7 @@ var fill = require('../constants/componentProps/fill.js');
 var fillGradient = require('../constants/componentProps/fillGradient.js');
 var captionPosition = require('../constants/componentProps/captionPosition.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/components/Card.js

@@ -14,7 +14,7 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Cell.js

@@ -13,7 +13,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Checkbox.js

@@ -49,12 +49,12 @@ function Checkbox(props) {
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'checkbox', fillCheckmarkClass, fillCheckedClass, fillClass, fillDisableClass, shapeClass, borderColorClass)
   }, /*#__PURE__*/React__default.default.createElement("input", {
-    type: "checkbox",
-    id: id,
     checked: checked,
+    className: "checkbox__checkbox",
     disabled: disabled,
-    onChange: onChange,
-    className: "checkbox__checkbox"
+    id: id,
+    type: "checkbox",
+    onChange: onChange
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: "checkbox__bg"
   }, "\xA0"), /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Chips.js

@@ -11,7 +11,7 @@ var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var emojiSize = require('../constants/componentProps/emojiSize.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/direction.js');
 require('../constants/componentProps/horizontalResizeMode.js');
 require('../constants/componentProps/textColor.js');
@@ -129,7 +129,7 @@ Chips.propTypes = {
   type: PropTypes__default.default.string
 };
 Chips.defaultProps = {
-  label: 'Label'
+  label: ''
 };
 
 exports.Chips = Chips;

package/dist/components/ContextMenu.js

@@ -19,7 +19,7 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
@@ -94,6 +94,7 @@ function ContextMenuItem(props) {
     iconAfterFill = props.iconAfterFill,
     iconAfterStroke = props.iconAfterStroke;
     props.isActive;
+    var onClick = props.onClick;
   var labelTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'labelTextSize'
   });
@@ -113,7 +114,8 @@ function ContextMenuItem(props) {
   });
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'context-menu__item', fillClass, fillHoverClass),
-    id: id
+    id: id,
+    onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "context-menu__item-wrapper"
   }, iconBefore && /*#__PURE__*/React__default.default.createElement(index.Icon, {

package/dist/components/CookiesWarning.js

@@ -18,7 +18,7 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('../hooks/styleAttributes.js');
 require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/fill.js');

package/dist/components/Counter.js

@@ -14,7 +14,7 @@ require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Divider.js

@@ -7,7 +7,7 @@ var fill = require('../constants/componentProps/fill.js');
 var size = require('../constants/componentProps/size.js');
 var direction = require('../constants/componentProps/direction.js');
 var width = require('../constants/componentProps/width.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Dropdown.js

@@ -6,20 +6,13 @@ var clsx = require('clsx');
 var index = require('./Text.js');
 var index$1 = require('./Button.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.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/borderType.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/horizontalResizeMode.js');
@@ -34,6 +27,13 @@ require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -42,17 +42,18 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Dropdown(props) {
-  props.id;
-    var className = props.className,
+  var animationClose = props.animationClose,
+    animationOpen = props.animationOpen,
     children = props.children,
-    set = props.set,
-    title = props.title,
-    label = props.label,
-    labelIcon = props.labelIcon;
+    className = props.className;
+    props.id;
+    var label = props.label,
+    labelIcon = props.labelIcon,
+    labelIconFill = props.labelIconFill;
     props.labelIconOpen;
-    var labelIconFill = props.labelIconFill,
-    animationOpen = props.animationOpen,
-    animationClose = props.animationClose;
+    var set = props.set,
+    title = props.title;
+  var dropdownRef = React.useRef(null);
   var _useState = React.useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
@@ -61,7 +62,7 @@ function Dropdown(props) {
     }),
     animationState = _useState2[0],
     setAnimationState = _useState2[1];
-  var onClick = React.useCallback(function (event) {
+  var onClick = React.useCallback(function () {
     setIsOpen(function (prevState) {
       return !prevState;
     });
@@ -71,6 +72,52 @@ function Dropdown(props) {
       };
     });
   }, []);
+  var onAnimationEnd = React.useCallback(function (event) {
+    // When component is change his visibility(display) in DOM,
+    // animation of close can run unnecessary on showing element.
+    console.info('------  onAnimationEnd   -------------');
+    console.log('event: ', event);
+    console.log('event.target: ', event.target);
+    console.log('isOpen: ', isOpen);
+    console.log('animationOpen: ', animationOpen);
+    console.log('animationClose: ', animationClose);
+    // const dropdownElement = dropdownRef.current
+    // console.log('dropdownElement', dropdownElement)
+    // console.log('dropdownElement hasClass', dropdownElement.hasClass(animationClose))
+    setAnimationState(function (prevState) {
+      return {
+        className: isOpen ? prevState.className : ''
+      };
+    });
+  }, [isOpen]);
+
+  // Close dropdown by click outside
+  React.useEffect(function () {
+    console.info('---------   useEffect  Dropdown   -------');
+    // Add a handler to keep track of the click target.
+    function onClickWindow(event) {
+      var dropdownElement = dropdownRef.current;
+      if (dropdownElement) {
+        // Is event target inside of dropdown element
+        var isContainsTarget = dropdownElement.contains(event.target);
+        // Is dropdown element has "open" class
+        var hasOpenClass = dropdownElement.classList.contains(animationOpen);
+        if (!isContainsTarget && hasOpenClass) {
+          // Trigger close event with animation
+          // dropdownElement.click() - trigger "onClickWindow" again
+          onClick();
+        }
+      }
+    }
+    // Add event listener for current dropdown on first render
+    window.addEventListener('click', onClickWindow);
+    return function () {
+      console.info('---------  UNMOUNT  useEffect  Dropdown   -------');
+      // Remove event listener for current dropdown on unmount
+      window.removeEventListener('click', onClickWindow);
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
@@ -107,29 +154,42 @@ function Dropdown(props) {
   var labelTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'labelTextSize'
   });
+  var _useStyles = useStyles.useStyles(props),
+    styles = _useStyles.styles;
+  console.warn('======   Dropdown  ========');
+  console.log('props: ', props);
+  console.log('isOpen: ', isOpen);
+  console.log('animationState: ', animationState);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'dropdown', set && "dropdown_set_" + set, shapeClass, fillClass, fillHoverClass, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className),
+    ref: dropdownRef,
+    style: styles,
     onClick: onClick
   }, title && /*#__PURE__*/React__default.default.createElement(index.Text, {
-    textColor: titleTextColorClass,
     size: titleSizeClass,
+    textColor: titleTextColorClass,
     textWeight: titleTextWeightClass
   }, title), /*#__PURE__*/React__default.default.createElement(index$1.Button, {
     className: clsx__default.default('dropdown__button', isOpen ? 'dropdown__button_state_open' : 'dropdown__button_state_close'),
     fill: labelFillClass,
     fillHover: labelFillHoverClass,
-    size: labelSizeClass,
-    labelTextColor: labelTextColorClass,
-    labelSize: labelTextSizeClass,
-    label: label,
     iconAfter: labelIcon,
-    iconAfterFill: labelIconFill
-  }), children && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "dropdown__wrapper"
+    iconAfterFill: labelIconFill,
+    label: label,
+    labelSize: labelTextSizeClass,
+    labelTextColor: labelTextColorClass,
+    size: labelSizeClass
+  }), children &&
+  /*#__PURE__*/
+  // Add "onAnimationEnd" only for wrapper for ignore dropdown button
+  React__default.default.createElement("div", {
+    className: "dropdown__wrapper",
+    onAnimationEnd: onAnimationEnd
   }, children));
 }
 Dropdown.propTypes = {
-  className: PropTypes__default.default.string
+  className: PropTypes__default.default.string,
+  isCloseByClickOutside: PropTypes__default.default.bool
 };
 Dropdown.defaultProps = {
   animationOpen: 'dropdown_animation_open',

package/dist/components/Emoji.js

@@ -8,7 +8,7 @@ var direction = require('../constants/componentProps/direction.js');
 var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
 var shape = require('../constants/componentProps/shape.js');
 var emojiSize = require('../constants/componentProps/emojiSize.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Fader.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var fill = require('../constants/componentProps/fill.js');
 var fillGradient = require('../constants/componentProps/fillGradient.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/components/Flex.js

@@ -11,7 +11,7 @@ var flexWrap = require('../constants/componentProps/flexWrap.js');
 var shape = require('../constants/componentProps/shape.js');
 var width = require('../constants/componentProps/width.js');
 var position = require('../constants/componentProps/position.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
 require('lodash/camelCase');

package/dist/components/FormField.js

@@ -8,16 +8,21 @@ var size = require('../constants/componentProps/size.js');
 var index$2 = require('./Divider.js');
 var index = require('./Text.js');
 var index$1 = require('./Icon.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var index$3 = require('./RadioButton.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 var index$4 = require('./Switch.js');
-var SelectContainer = require('../SelectContainer-e2544642.js');
+var index$5 = require('./Select.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/width.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -31,11 +36,6 @@ require('./Link.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 require('react-select');
 require('../objectWithoutProperties-ea190611.js');
 require('react-dom');
@@ -253,7 +253,7 @@ function SelectField(props) {
     selectInputFill = props.selectInputFill,
     selectInputTextSize = props.selectInputTextSize,
     selectInputTextColor = props.selectInputTextColor;
-  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(SelectContainer.SelectInput, {
+  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$5.SelectInput, {
     className: clsx__default.default(selectInputClass, className),
     fill: selectFill,
     shape: selectShape,

package/dist/components/Grid.js

@@ -10,17 +10,17 @@ var shape = require('../constants/componentProps/shape.js');
 var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
 var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var UIContext = require('../context/UIContext.js');
 var gridAlignSelf = require('../constants/componentProps/gridAlignSelf.js');
 var gridJustifySelf = require('../constants/componentProps/gridJustifySelf.js');
 require('lodash/castArray');
 require('lodash/camelCase');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Group.js

@@ -9,7 +9,7 @@ var shape = require('../constants/componentProps/shape.js');
 var stacking = require('../constants/componentProps/stacking.js');
 var wrap = require('../constants/componentProps/wrap.js');
 var width = require('../constants/componentProps/width.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

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-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');

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-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Label.js

@@ -10,7 +10,7 @@ var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var emojiSize = require('../constants/componentProps/emojiSize.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -38,6 +38,7 @@ function Label(props) {
     labelTextSize = props.labelTextSize,
     labelTextWrap = props.labelTextWrap,
     labelTextColor = props.labelTextColor,
+    set = props.set,
     type = props.type;
   var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
@@ -70,7 +71,7 @@ function Label(props) {
   var _useStyles = useStyles.useStyles(props),
     labelStyles = _useStyles.styles;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass, shapeClass, borderClass, borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "label_type_" + type),
+    className: clsx__default.default(className, 'label', fillClass, shapeClass, borderClass, borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "label_type_" + type, set && "label_set_" + set),
     style: labelStyles
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "label__inner"

package/dist/components/LanguageSelector.js

@@ -10,7 +10,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Link.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');

package/dist/components/List.js

@@ -7,7 +7,7 @@ var direction = require('../constants/componentProps/direction.js');
 var fill = require('../constants/componentProps/fill.js');
 var textColor = require('../constants/componentProps/textColor.js');
 var size = require('../constants/componentProps/size.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var textStyle = require('../constants/componentProps/textStyle.js');
 var textWeight = require('../constants/componentProps/textWeight.js');

package/dist/components/Loader.js

@@ -11,7 +11,7 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Logo.js

@@ -4,7 +4,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -23,33 +23,35 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 function Logo(props) {
   var children = props.children,
     className = props.className;
-  props.LinkComponent;
-    props.href;
-    props.link;
-    props.target;
-    props.rel;
+    props.isLink;
+    var logoSrc = props.logoSrc;
   var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'logo_align-items_',
     propsKey: 'alignItems'
   });
   var _useStyles = useStyles.useStyles(props),
-    logo = _useStyles.styles;
+    logo = _useStyles.styles,
+    logoStyles = _useStyles.logo;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'logo', alignItemsClass),
     style: logo
-  }, children);
+  }, children, /*#__PURE__*/React__default.default.createElement("img", {
+    className: "logo__link-second",
+    src: logoSrc,
+    style: logoStyles
+  }));
 }
 Logo.propTypes = {
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
+  isLink: PropTypes__default.default.bool,
+  logoSrc: PropTypes__default.default.string,
   LinkComponent: PropTypes__default.default.any,
   href: PropTypes__default.default.string,
   link: PropTypes__default.default.string,
   target: PropTypes__default.default.string,
   rel: PropTypes__default.default.string
 };
-Logo.defaultProps = {
-  LinkComponent: 'a'
-};
+Logo.defaultProps = {};
 
 exports.Logo = Logo;