@itcase/ui 1.0.1

package/dist/components/Chips.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+var index = require('./Emoji.js');
+var index$1 = require('./Text.js');
+var borderType = require('../constants/componentProps/borderType.js');
+var size = require('../constants/componentProps/size.js');
+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');
+require('../constants/componentProps/direction.js');
+require('../constants/componentProps/horizontalResizeMode.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textColorActive.js');
+require('../constants/componentProps/textColorHover.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.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 }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Chips(props) {
+  var children = props.children,
+    className = props.className,
+    emoji = props.emoji,
+    emojiFill = props.emojiFill,
+    emojiSize = props.emojiSize,
+    emojiType = props.emojiType,
+    label = props.label,
+    labelSize = props.labelSize,
+    labelTextColor = props.labelTextColor,
+    type = props.type;
+  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'chips_size_',
+    propsKey: 'size'
+  });
+  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'chips_shape_',
+    propsKey: 'shape'
+  });
+  var borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_',
+    propsKey: 'border'
+  });
+  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border_',
+    propsKey: 'borderType'
+  });
+  var _useStyles = useStyles.useStyles(props),
+    chipsStyles = _useStyles.styles;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'chips', fillClass, shapeClass, borderClass, borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_" + type),
+    style: chipsStyles
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    className: "chips__inner"
+  }, emoji && /*#__PURE__*/React__default.default.createElement(index.Emoji, {
+    className: "chips__emoji",
+    emoji: emoji,
+    fill: emojiFill,
+    size: emojiSize,
+    type: emojiType
+  }), typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+    className: "chips__label",
+    textColor: labelTextColor,
+    size: labelSize
+  }, label) : /*#__PURE__*/React__default.default.createElement("div", {
+    className: "chips__label"
+  }, label), children));
+}
+Chips.propTypes = {
+  children: PropTypes__default.default.any,
+  className: PropTypes__default.default.string,
+  border: PropTypes__default.default.string,
+  borderDesktop: PropTypes__default.default.string,
+  borderMobile: PropTypes__default.default.string,
+  borderTablet: PropTypes__default.default.string,
+  borderType: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
+  emoji: PropTypes__default.default.string,
+  emojiFill: PropTypes__default.default.oneOf(fill.default),
+  emojiSize: PropTypes__default.default.oneOf(emojiSize.default),
+  emojiType: PropTypes__default.default.string,
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  shape: PropTypes__default.default.oneOf(shape.default),
+  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
+  shapeMobile: PropTypes__default.default.oneOf(shape.default),
+  shapeTablet: PropTypes__default.default.oneOf(shape.default),
+  label: PropTypes__default.default.any,
+  labelSize: PropTypes__default.default.oneOf(size.default),
+  labelSizeDesktop: PropTypes__default.default.oneOf(size.default),
+  labelSizeMobile: PropTypes__default.default.oneOf(size.default),
+  labelSizeTablet: PropTypes__default.default.oneOf(size.default),
+  size: PropTypes__default.default.oneOf(size.default),
+  sizeDesktop: PropTypes__default.default.oneOf(size.default),
+  sizeMobile: PropTypes__default.default.oneOf(size.default),
+  sizeTablet: PropTypes__default.default.oneOf(size.default),
+  type: PropTypes__default.default.string
+};
+Chips.defaultProps = {
+  label: 'Label'
+};
+
+exports.Chips = Chips;

package/dist/components/ContextMenu.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var shape = require('../constants/componentProps/shape.js');
+var index$1 = require('./Text.js');
+var index = require('./Icon.js');
+var index$2 = require('./Divider.js');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+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/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('react-inlinesvg');
+require('../constants/componentProps/fill.js');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
+require('./Link.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/type.js');
+require('../constants/componentProps/underline.js');
+require('../constants/componentProps/direction.js');
+require('../constants/componentProps/width.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function ContextMenu(props) {
+  var id = props.id,
+    children = props.children,
+    className = props.className,
+    set = props.set,
+    onClick = props.onClick;
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'context-menu_shape_',
+    propsKey: 'shape'
+  });
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'context-menu', set && "context-menu_set_" + set, shapeClass, fillClass),
+    id: id,
+    onClick: onClick
+  }, children);
+}
+ContextMenu.propTypes = {
+  className: PropTypes__default.default.string,
+  id: PropTypes__default.default.string,
+  set: PropTypes__default.default.string,
+  shape: PropTypes__default.default.oneOf(shape.default),
+  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
+  shapeMobile: PropTypes__default.default.oneOf(shape.default),
+  shapeTablet: PropTypes__default.default.oneOf(shape.default),
+  onClick: PropTypes__default.default.func
+};
+ContextMenu.defaultProps = {
+  tag: 'div'
+};
+
+function ContextMenuItem(props) {
+  var id = props.id;
+    props.children;
+    var className = props.className,
+    label = props.label,
+    dividerWidth = props.dividerWidth,
+    dividerDirection = props.dividerDirection,
+    dividerSize = props.dividerSize,
+    dividerFill = props.dividerFill,
+    iconBefore = props.iconBefore,
+    iconBeforeSize = props.iconBeforeSize,
+    iconBeforeBgFill = props.iconBeforeBgFill,
+    iconBeforeFill = props.iconBeforeFill,
+    iconBeforeStroke = props.iconBeforeStroke,
+    iconAfter = props.iconAfter,
+    iconAfterSize = props.iconAfterSize,
+    iconAfterBgFill = props.iconAfterBgFill,
+    iconAfterFill = props.iconAfterFill,
+    iconAfterStroke = props.iconAfterStroke;
+    props.isActive;
+  var labelTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'labelTextSize'
+  });
+  var labelTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'labelTextColor'
+  });
+  var labelTextWeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'labelTextWeight'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'context-menu__item', fillClass, fillHoverClass),
+    id: id
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    className: "context-menu__item-wrapper"
+  }, iconBefore && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+    className: "context-menu__item-icon-before",
+    SvgImage: iconBefore,
+    size: iconBeforeSize,
+    bgFill: iconBeforeBgFill,
+    fill: iconBeforeFill,
+    stroke: iconBeforeStroke
+  }), label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+    className: "context-menu__item-title",
+    textColor: labelTextColorClass,
+    size: labelTextSizeClass,
+    textWeight: labelTextWeightClass
+  }, label), iconAfter && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+    className: "context-menu__item-icon-after",
+    SvgImage: iconAfter,
+    size: iconAfterSize,
+    bgFill: iconAfterBgFill,
+    fill: iconAfterFill,
+    stroke: iconAfterStroke
+  })), /*#__PURE__*/React__default.default.createElement(index$2.Divider, {
+    className: "context-menu__item-divider",
+    width: dividerWidth,
+    direction: dividerDirection,
+    size: dividerSize,
+    fill: dividerFill
+  }));
+}
+ContextMenuItem.propTypes = {};
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuItem = ContextMenuItem;

package/dist/components/CookiesWarning.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var Cookies = require('js-cookie');
+var clsx = require('clsx');
+var index$1 = require('./Text.js');
+var index$2 = require('./Button.js');
+var index = require('./Group.js');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../context/UIContext.js');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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('../hooks/styleAttributes.js');
+require('../constants/componentProps/borderType.js');
+require('../constants/componentProps/fill.js');
+require('../constants/componentProps/horizontalResizeMode.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/type.js');
+require('../constants/componentProps/width.js');
+require('./Icon.js');
+require('react-inlinesvg');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
+require('./Link.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/underline.js');
+require('../constants/componentProps/direction.js');
+require('../constants/componentProps/stacking.js');
+require('../constants/componentProps/wrap.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('lodash/castArray');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function CookiesWarning(props) {
+  var message = props.message,
+    className = props.className,
+    buttonFill = props.buttonFill,
+    buttonFillHover = props.buttonFillHover,
+    buttonLabel = props.buttonLabel,
+    buttonLabelSize = props.buttonLabelSize,
+    buttonLabelTextColor = props.buttonLabelTextColor,
+    buttonShape = props.buttonShape,
+    buttonSize = props.buttonSize,
+    textSize = props.textSize,
+    textColor = props.textColor,
+    buttonWidth = props.buttonWidth,
+    isHideOnScroll = props.isHideOnScroll;
+  var cookiesWarningRef = React.useRef(null);
+  var isOpen = React.useMemo(function () {
+    return Cookies__default.default.get('cookies-warning') !== 'close';
+  }, []);
+  var closeCookiesWarning = React.useCallback(function () {
+    var _cookiesWarningRef$cu;
+    (_cookiesWarningRef$cu = cookiesWarningRef.current) == null ? void 0 : _cookiesWarningRef$cu.classList.add('cookies-warning_state_hidden');
+    Cookies__default.default.set('cookies-warning', 'close');
+  }, []);
+  React.useEffect(function () {
+    if (isHideOnScroll) {
+      window.addEventListener('scroll', closeCookiesWarning, true);
+    }
+    return function () {
+      window.removeEventListener('scroll', closeCookiesWarning, true);
+    };
+  }, []); // eslint-disable-line
+
+  React.useEffect(function () {
+    // isHideOnScroll &&
+    if (!isOpen) {
+      window.removeEventListener('scroll', closeCookiesWarning, true);
+    }
+  }, [isOpen]); // eslint-disable-line
+
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill-gradient_',
+    propsKey: 'fillGradient'
+  });
+  var gap = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'gap'
+  });
+  return isOpen ? /*#__PURE__*/React__default.default.createElement("div", {
+    ref: cookiesWarningRef,
+    className: clsx__default.default('cookies-warning', className, fillClass, fillGradientClass)
+  }, /*#__PURE__*/React__default.default.createElement(index.Group, {
+    direction: "vertical",
+    className: "cookies-warning__inner",
+    gap: gap
+  }, /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+    size: textSize,
+    textColor: textColor
+  }, message), /*#__PURE__*/React__default.default.createElement(index$2.Button, {
+    width: buttonWidth,
+    fill: buttonFill,
+    fillHover: buttonFillHover,
+    shape: buttonShape,
+    size: buttonSize,
+    labelTextColor: buttonLabelTextColor,
+    labelSize: buttonLabelSize,
+    onClick: closeCookiesWarning
+  }, buttonLabel))) : null;
+}
+CookiesWarning.propTypes = {
+  buttonClass: PropTypes__default.default.string,
+  buttonText: PropTypes__default.default.string,
+  isHideOnScroll: PropTypes__default.default.bool,
+  message: PropTypes__default.default.string
+};
+CookiesWarning.defaultProps = {
+  message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',
+  buttonText: 'I agree',
+  isHideOnScroll: false
+};
+
+exports.CookiesWarning = CookiesWarning;

package/dist/components/Counter.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+var borderType = require('../constants/componentProps/borderType.js');
+var fill = require('../constants/componentProps/fill.js');
+var size = require('../constants/componentProps/size.js');
+var textColor = require('../constants/componentProps/textColor.js');
+var type = require('../constants/componentProps/type.js');
+var index = require('./Text.js');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+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('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 }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Counter(props) {
+  var className = props.className,
+    children = props.children,
+    textColor = props.textColor,
+    textSize = props.textSize,
+    value = props.value;
+  var borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_',
+    propsKey: 'border'
+  });
+  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border_',
+    propsKey: 'borderType'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'counter_size_',
+    propsKey: 'size'
+  });
+  var typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'counter_type_',
+    propsKey: 'type'
+  });
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'counter', borderClass, borderTypeClass, fillClass, sizeClass, typeClass)
+  }, children || /*#__PURE__*/React__default.default.createElement(index.Text, {
+    textColor: textColor,
+    size: textSize
+  }, value));
+}
+Counter.propTypes = {
+  children: PropTypes__default.default.any,
+  className: PropTypes__default.default.string,
+  border: PropTypes__default.default.string,
+  borderDesktop: PropTypes__default.default.string,
+  borderMobile: PropTypes__default.default.string,
+  borderTablet: PropTypes__default.default.string,
+  borderType: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
+  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  size: PropTypes__default.default.oneOf(size.default),
+  sizeDesktop: PropTypes__default.default.oneOf(size.default),
+  sizeMobile: PropTypes__default.default.oneOf(size.default),
+  sizeTablet: PropTypes__default.default.oneOf(size.default),
+  textColor: PropTypes__default.default.oneOf(textColor.default),
+  textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
+  textColorMobile: PropTypes__default.default.oneOf(textColor.default),
+  textColorTablet: PropTypes__default.default.oneOf(textColor.default),
+  type: PropTypes__default.default.oneOf(type.default),
+  typeDesktop: PropTypes__default.default.oneOf(type.default),
+  typeMobile: PropTypes__default.default.oneOf(type.default),
+  typeTablet: PropTypes__default.default.oneOf(type.default),
+  value: PropTypes__default.default.string.isRequired
+};
+Counter.defaultProps = {
+  size: 'm'
+};
+
+exports.Counter = Counter;

package/dist/components/Divider.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+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 useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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 }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Divider(props) {
+  var className = props.className;
+  var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'divider_direction_',
+    propsKey: 'direction'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'divider_size_',
+    propsKey: 'size'
+  });
+  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
+  var _useStyles = useStyles.useStyles(props),
+    hrStyles = _useStyles.styles;
+  return /*#__PURE__*/React__default.default.createElement("hr", {
+    className: clsx__default.default(className, 'divider', widthClass, directionClass, sizeClass, fillClass),
+    style: hrStyles
+  });
+}
+Divider.propTypes = {
+  direction: PropTypes__default.default.oneOf(direction.default),
+  directionDesktop: PropTypes__default.default.oneOf(direction.default),
+  directionMobile: PropTypes__default.default.oneOf(direction.default),
+  directionTablet: PropTypes__default.default.oneOf(direction.default),
+  children: PropTypes__default.default.any,
+  className: PropTypes__default.default.string,
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  size: PropTypes__default.default.oneOf(size.default),
+  sizeDesktop: PropTypes__default.default.oneOf(size.default),
+  sizeMobile: PropTypes__default.default.oneOf(size.default),
+  sizeTablet: PropTypes__default.default.oneOf(size.default),
+  width: PropTypes__default.default.oneOf(width.default),
+  widthMobile: PropTypes__default.default.oneOf(width.default),
+  widthTablet: PropTypes__default.default.oneOf(width.default),
+  widthDesktop: PropTypes__default.default.oneOf(width.default)
+};
+
+exports.Divider = Divider;