@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Tooltip.js

@@ -1,40 +1,31 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$1 = require('./Text.js');
-var index = require('./Title.js');
-var size = require('../constants/componentProps/size.js');
-var textSize = require('../constants/componentProps/textSize.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var titleSize = require('../constants/componentProps/titleSize.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.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');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.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);
+import React__default, { useRef, useState, useCallback, useImperativeHandle } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Title } from './Title.js';
+import sizeProps from '../constants/componentProps/size.js';
+import textSizeProps from '../constants/componentProps/textSize.js';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import titleSizeProps from '../constants/componentProps/titleSize.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.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';
 
 const tooltipConfig = {
   appearance: {},
@@ -42,7 +33,7 @@ const tooltipConfig = {
     tooltipConfig.appearance = newComponent;
   }
 };
-const Tooltip = /*#__PURE__*/React__default.default.forwardRef(function Tooltip(props, ref) {
+const Tooltip = /*#__PURE__*/React__default.forwardRef(function Tooltip(props, ref) {
   const {
     before,
     after,
@@ -60,16 +51,16 @@ const Tooltip = /*#__PURE__*/React__default.default.forwardRef(function Tooltip(
     textSize,
     initialIsVisible
   } = props;
-  const tooltipTimeoutHideRef = React.useRef(null);
-  const isTooltipCloseAnimationInProgressRef = React.useRef(false);
-  const [isTooltipVisible, setIsTooltipVisible] = React.useState(initialIsVisible);
-  const openTooltip = React.useCallback(() => {
+  const tooltipTimeoutHideRef = useRef(null);
+  const isTooltipCloseAnimationInProgressRef = useRef(false);
+  const [isTooltipVisible, setIsTooltipVisible] = useState(initialIsVisible);
+  const openTooltip = useCallback(() => {
     if (!isTooltipCloseAnimationInProgressRef.current) {
       clearTimeout(tooltipTimeoutHideRef.current);
       setIsTooltipVisible(true);
     }
   }, []);
-  const closeTooltip = React.useCallback(() => {
+  const closeTooltip = useCallback(() => {
     // Make a small delay to be able to move cursor on the tooltip without
     // triggering a close, because the label and the tooltip have  space between
     tooltipTimeoutHideRef.current = setTimeout(() => {
@@ -82,112 +73,112 @@ const Tooltip = /*#__PURE__*/React__default.default.forwardRef(function Tooltip(
       });
     }, 250);
   }, []);
-  const onAnimationEnd = React.useCallback(() => {
+  const onAnimationEnd = useCallback(() => {
     isTooltipCloseAnimationInProgressRef.current = false;
   }, []);
-  React.useImperativeHandle(ref, () => ({
+  useImperativeHandle(ref, () => ({
     openTooltip,
     closeTooltip
   }), [openTooltip, closeTooltip]);
 
   /* STYLES */
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'tooltip_shape_',
     propsKey: 'shape'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'tooltip_size_',
     propsKey: 'size'
   });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  const elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const elevationClass = useDeviceTargetClass(props, {
     prefix: 'elevation_',
     propsKey: 'elevation'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  const alignmentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignmentClass = useDeviceTargetClass(props, {
     prefix: 'alignment_',
     propsKey: 'alignment'
   });
   const {
     styles: tooltipStyles
-  } = useStyles.useStyles(props);
+  } = useStyles(props);
   const tooltipAppearanceItem = tooltipConfig.appearance[appearance] || {};
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass || tooltipAppearanceItem.fillClass && `fill_${tooltipAppearanceItem.fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && `tooltip_type_arrow tooltip_arrow_position_${arrowPosition}`, type && `tooltip_type_${type}`, set && `tooltip_set_${set}`, widthClass),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass || tooltipAppearanceItem.fillClass && `fill_${tooltipAppearanceItem.fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && `tooltip_type_arrow tooltip_arrow_position_${arrowPosition}`, type && `tooltip_type_${type}`, set && `tooltip_set_${set}`, widthClass),
     style: tooltipStyles,
     onAnimationEnd: onAnimationEnd
-  }, before, /*#__PURE__*/React__default.default.createElement("div", {
+  }, before, /*#__PURE__*/React__default.createElement("div", {
     className: "tooltip__inner"
-  }, title && /*#__PURE__*/React__default.default.createElement(index.Title, {
+  }, title && /*#__PURE__*/React__default.createElement(Title, {
     className: "tooltip__title",
     size: titleSize,
     textColor: titleTextColor || tooltipAppearanceItem.titleTextColor
-  }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
     className: "tooltip__text",
     size: textSize,
     textColor: textColor || tooltipAppearanceItem.textColor
   }, text), children), after);
 });
 Tooltip.propTypes = {
-  after: PropTypes__default.default.string,
-  appearance: PropTypes__default.default.string,
-  arrowPosition: PropTypes__default.default.string,
-  before: PropTypes__default.default.string,
-  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),
-  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),
+  after: PropTypes.string,
+  appearance: PropTypes.string,
+  arrowPosition: PropTypes.string,
+  before: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  set: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
   /**
    * внутренний padding и отступ gap между элементами
    */
-  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),
-  text: PropTypes__default.default.any,
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textSize: PropTypes__default.default.oneOf(textSize.default),
-  textSizeDesktop: PropTypes__default.default.oneOf(textSize.default),
-  textSizeMobile: PropTypes__default.default.oneOf(textSize.default),
-  textSizeTablet: PropTypes__default.default.oneOf(textSize.default),
-  title: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.oneOf(titleSize.default),
-  titleTextColor: PropTypes__default.default.oneOf(textColor.default),
-  type: PropTypes__default.default.string
+  size: PropTypes.oneOf(sizeProps),
+  sizeDesktop: PropTypes.oneOf(sizeProps),
+  sizeMobile: PropTypes.oneOf(sizeProps),
+  sizeTablet: PropTypes.oneOf(sizeProps),
+  text: PropTypes.any,
+  textColor: PropTypes.oneOf(textColorProps),
+  textSize: PropTypes.oneOf(textSizeProps),
+  textSizeDesktop: PropTypes.oneOf(textSizeProps),
+  textSizeMobile: PropTypes.oneOf(textSizeProps),
+  textSizeTablet: PropTypes.oneOf(textSizeProps),
+  title: PropTypes.string,
+  titleSize: PropTypes.oneOf(titleSizeProps),
+  titleTextColor: PropTypes.oneOf(textColorProps),
+  type: PropTypes.string
 };
 Tooltip.defaultProps = {
   initialIsVisible: null
@@ -448,5 +439,4 @@ Tooltip.__docgenInfo = {
   }
 };
 
-exports.Tooltip = Tooltip;
-exports.tooltipConfig = tooltipConfig;
+export { Tooltip, tooltipConfig };

package/dist/components/Video.js

@@ -1,22 +1,14 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var useStyles = 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');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { useStyles } from '../hooks/useStyles.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
 
 function Video(props) {
   const {
@@ -32,46 +24,46 @@ function Video(props) {
   } = props;
   const {
     styles: videoStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('video', className, type && `video_type_${type}`, position && `video_position_${position}`),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('video', className, type && `video_type_${type}`, position && `video_position_${position}`),
     id: id,
     style: videoStyles
-  }, /*#__PURE__*/React__default.default.createElement("video", {
+  }, /*#__PURE__*/React__default.createElement("video", {
     autoPlay: true,
     className: "video__wrapper",
     poster: poster,
     muted: true,
     loop: true,
     playsInline: false
-  }, webm && /*#__PURE__*/React__default.default.createElement("source", {
+  }, webm && /*#__PURE__*/React__default.createElement("source", {
     src: webm,
     type: "video/webm",
     codecs: "vp8, vorbis"
-  }), ogv && /*#__PURE__*/React__default.default.createElement("source", {
+  }), ogv && /*#__PURE__*/React__default.createElement("source", {
     src: ogv,
     type: "video/ogg",
     codecs: "theora, vorbis"
-  }), mp4 && /*#__PURE__*/React__default.default.createElement("source", {
+  }), mp4 && /*#__PURE__*/React__default.createElement("source", {
     src: mp4,
     type: "video/mp4",
     codecs: "avc1.42E01E, mp4a.40.2"
   })), children);
 }
 Video.propTypes = {
-  id: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  size: PropTypes__default.default.string,
-  position: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  poster: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  webm: PropTypes__default.default.string,
-  ogv: PropTypes__default.default.string,
-  mp4: PropTypes__default.default.string,
-  width: PropTypes__default.default.string,
-  height: PropTypes__default.default.string
+  id: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  size: PropTypes.string,
+  position: PropTypes.string,
+  type: PropTypes.string,
+  poster: PropTypes.string,
+  onClick: PropTypes.func,
+  webm: PropTypes.string,
+  ogv: PropTypes.string,
+  mp4: PropTypes.string,
+  width: PropTypes.string,
+  height: PropTypes.string
 };
 Video.__docgenInfo = {
   "description": "",
@@ -172,4 +164,4 @@ Video.__docgenInfo = {
   }
 };
 
-exports.Video = Video;
+export { Video };

package/dist/components/Wrapper.js

@@ -1,30 +1,22 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var alignDirection = require('../constants/componentProps/alignDirection.js');
-var align = require('../constants/componentProps/align.js');
-var fill = require('../constants/componentProps/fill.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-var position = require('../constants/componentProps/position.js');
-var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import alignDirectionProps from '../constants/componentProps/alignDirection.js';
+import alignProps from '../constants/componentProps/align.js';
+import fillProps from '../constants/componentProps/fill.js';
+import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
+import positionProps from '../constants/componentProps/position.js';
+import verticalResizeModeProps from '../constants/componentProps/verticalResizeMode.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 function Wrapper(props) {
   const {
@@ -36,83 +28,83 @@ function Wrapper(props) {
     tag: Tag,
     type
   } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeHorizontalClass = useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-horizontal_',
     propsKey: 'horizontalResizing'
   });
-  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeVerticalClass = useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-vertical_',
     propsKey: 'verticalResizing'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'position'
   });
-  const wrapperPositionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const wrapperPositionClass = useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'wrapperPosition'
   });
   const {
     styles: wrapperStyles,
     inner: innerStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement(Tag, {
     id: id,
-    className: clsx__default.default(className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
+    className: clsx(className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
     style: wrapperStyles
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(`${className}__inner`, alignDirectionClass, alignClass, wrapperPositionClass),
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(`${className}__inner`, alignDirectionClass, alignClass, wrapperPositionClass),
     style: innerStyles
   }, before, children, after));
 }
 Wrapper.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  before: PropTypes__default.default.string,
-  after: PropTypes__default.default.string,
-  id: PropTypes__default.default.string,
-  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),
-  type: PropTypes__default.default.string,
-  tag: PropTypes__default.default.string,
-  position: PropTypes__default.default.oneOf(position.default),
-  positionMobile: PropTypes__default.default.oneOf(position.default),
-  positionTablet: PropTypes__default.default.oneOf(position.default),
-  positionDesktop: PropTypes__default.default.oneOf(position.default),
-  wrapperPosition: PropTypes__default.default.oneOf(position.default),
-  wrapperPositionMobile: PropTypes__default.default.oneOf(position.default),
-  wrapperPositionTablet: PropTypes__default.default.oneOf(position.default),
-  wrapperPositionDesktop: PropTypes__default.default.oneOf(position.default),
-  horizontalResizing: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  horizontalResizingMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  horizontalResizingTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  horizontalResizingDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  verticalResizing: PropTypes__default.default.oneOf(verticalResizeMode.default),
-  verticalResizingMobile: PropTypes__default.default.oneOf(verticalResizeMode.default),
-  verticalResizingTablet: PropTypes__default.default.oneOf(verticalResizeMode.default),
-  verticalResizingDesktop: PropTypes__default.default.oneOf(verticalResizeMode.default),
-  align: PropTypes__default.default.oneOf(align.default),
-  alignMobile: PropTypes__default.default.oneOf(align.default),
-  alignTablet: PropTypes__default.default.oneOf(align.default),
-  alignDesktop: PropTypes__default.default.oneOf(align.default),
-  alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
-  alignDirectionMobile: PropTypes__default.default.oneOf(alignDirection.default),
-  alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
-  alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default)
+  children: PropTypes.any,
+  className: PropTypes.string,
+  before: PropTypes.string,
+  after: PropTypes.string,
+  id: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  type: PropTypes.string,
+  tag: PropTypes.string,
+  position: PropTypes.oneOf(positionProps),
+  positionMobile: PropTypes.oneOf(positionProps),
+  positionTablet: PropTypes.oneOf(positionProps),
+  positionDesktop: PropTypes.oneOf(positionProps),
+  wrapperPosition: PropTypes.oneOf(positionProps),
+  wrapperPositionMobile: PropTypes.oneOf(positionProps),
+  wrapperPositionTablet: PropTypes.oneOf(positionProps),
+  wrapperPositionDesktop: PropTypes.oneOf(positionProps),
+  horizontalResizing: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingMobile: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingTablet: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeModeProps),
+  verticalResizing: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingMobile: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingTablet: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingDesktop: PropTypes.oneOf(verticalResizeModeProps),
+  align: PropTypes.oneOf(alignProps),
+  alignMobile: PropTypes.oneOf(alignProps),
+  alignTablet: PropTypes.oneOf(alignProps),
+  alignDesktop: PropTypes.oneOf(alignProps),
+  alignDirection: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps)
 };
 Wrapper.defaultProps = {
   className: 'wrapper',
@@ -435,4 +427,4 @@ Wrapper.__docgenInfo = {
   }
 };
 
-exports.Wrapper = Wrapper;
+export { Wrapper };

package/dist/components/index.d.ts

@@ -0,0 +1,58 @@
+export { Accordion, AccordionItem } from './Accordion';
+export { Avatar } from './Avatar';
+export { Badge, badgeConfig } from './Badge';
+export { Breadcrumbs, BreadcrumbsItem } from './Breadcrumbs';
+export { Button, buttonConfig } from './Button';
+export { Caption } from './Caption';
+export { Card } from './Card';
+export { Cell } from './Cell';
+export { Checkbox, checkboxConfig } from './Checkbox';
+export { Chips, chipsConfig } from './Chips';
+export { Choice, choiceConfig } from './Choice';
+export { Code } from './Code';
+export { ContextMenu, ContextMenuItem } from './ContextMenu';
+export { CookiesWarning } from './CookiesWarning';
+export { DadataHintField } from './DadataHintField';
+export { DatePickerInput } from './DatePicker';
+export { Divider } from './Divider';
+export { Dot } from './Dot';
+export { Drawer } from './Drawer';
+export { Dropdown, DropdownItem } from './Dropdown';
+export { Flex, FlexItem } from './Flex';
+export { FormField, ChoiceField, PasswordField, SelectField, SwitchField } from './FormField';
+export { Grid, GridItem, GridRow } from './Grid';
+export { Group, groupConfig } from './Group';
+export { Icon, iconConfig } from './Icon';
+export { Image } from './Image';
+export { Input, inputConfig } from './Input';
+export { inputPasswordConfig } from './InputPassword';
+export { Label, labelConfig } from './Label';
+export { LanguageSelector } from './LanguageSelector';
+export { Link, LinkWrapper, linkConfig } from './Link';
+export { List, ListItem } from './List';
+export { Loader, loaderConfig } from './Loader';
+export { Logo } from './Logo';
+export { Menu } from './Menu';
+export { MenuItem, menuItemConfig } from './MenuItem';
+export { Modal, ModalLoader } from './Modal';
+export { NotificationItem, NotificationList, notificationItemConfig } from './Notification';
+export { Page } from './Page';
+export { Pagination } from './Pagination';
+export { Radio, radioConfig } from './Radio';
+export { RangeSlider } from './RangeSlider';
+export { Response, responseConfig } from './Response';
+export { Scrollbar } from './Scrollbar';
+export { SearchInput, SearchResult } from './Search';
+export { Segmented, segmentedConfig } from './Segmented';
+export { Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, } from './Select';
+export { SiteMenu, SiteMenuButton } from './SiteMenu';
+export { Swiper } from './Swiper';
+export { Switch } from './Switch';
+export { Tab, TabGroup, tabConfig } from './Tab';
+export { Text, textConfig } from './Text';
+export { Textarea, textareaConfig } from './Textarea';
+export { Tile } from './Tile';
+export { Title, titleConfig } from './Title';
+export { Tooltip, tooltipConfig } from './Tooltip';
+export { Video } from './Video';
+export { Wrapper } from './Wrapper';