@itcase/ui 1.1.7 → 1.1.9

package/dist/cjs/components/Chips.js

@@ -3,14 +3,13 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.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 size = require('../constants/componentProps/size.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Text = require('../Text-D7Aq1i5R.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -19,6 +18,7 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../jsx-runtime-BCmQOGxJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -70,7 +70,7 @@ function Chips(props) {
   });
   const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'border'
+    propsKey: 'borderColor'
   });
   const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border_type_',

package/dist/cjs/components/Choice.js

@@ -3,8 +3,8 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
-var index = require('./Icon.js');
+var Text = require('../Text-D7Aq1i5R.js');
+var Icon = require('../Icon-UBahY607.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
@@ -15,27 +15,22 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../Link-BoShjCEw.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('./Title.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/shape.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -145,7 +140,7 @@ const Choice = /*#__PURE__*/React__default.default.forwardRef(function Choice(pr
   }, before, item.label && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: labelTextSize || choiceConfig.appearance[appearance]?.labelTextSize,
     textColor: item.value === active.value ? !isDisabled ? labelTextActiveColor || choiceConfig.appearance[appearance]?.labelTextActiveColor : labelTextActiveColorDisabled : !isDisabled ? labelTextColor || choiceConfig.appearance[appearance]?.labelTextColor : labelTextColorDisabled
-  }, item.label), (icon || activeIcon) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, item.label), (icon || activeIcon) && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     className: "choice__item-icon",
     iconFill: item.value === active.value ? activeIconItemFill : iconItemFill,
     iconFillDisabled: isDisabled && iconFillDisabled,

package/dist/cjs/components/ContextMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenuItem = require('../ContextMenuItem-C8eg828K.js');
+var ContextMenuItem = require('../ContextMenuItem-DmbSoGn1.js');
 require('react');
 require('prop-types');
 require('clsx');
@@ -11,36 +11,29 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../constants/componentProps/shape.js');
-require('../Text-CfBPhwqK.js');
+require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('./Icon.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('./Title.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
-require('./Divider.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/width.js');
+require('../Divider-CIYsHYud.js');
 
 
 

package/dist/cjs/components/CookiesWarning.js

@@ -4,9 +4,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var Cookies = require('js-cookie');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
-var index = require('./Button.js');
-var Group = require('../Group-DbzIk8kt.js');
+var Text = require('../Text-D7Aq1i5R.js');
+var Button = require('../Button-3GkRq8Pv.js');
+var Group = require('../Group-4zWTDvKx.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -15,30 +15,24 @@ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
 require('../hooks/styleAttributes.js');
-require('./Icon.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('./Title.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/shape.js');
 require('./Loader.js');
-require('../constants/componentProps/width.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
@@ -109,7 +103,7 @@ function CookiesWarning(props) {
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: textSize,
     textColor: textColor
-  }, message), /*#__PURE__*/React__default.default.createElement(index.Button, {
+  }, message), /*#__PURE__*/React__default.default.createElement(Button.Button, {
     width: buttonWidth,
     fill: buttonFill,
     fillHover: buttonFillHover,

package/dist/cjs/components/DatePicker.js

@@ -6,10 +6,10 @@ var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
 var index$2 = require('./Input.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var index$3 = require('./Label.js');
-var index$5 = require('./Button.js');
-var index$4 = require('./Icon.js');
+var Button = require('../Button-3GkRq8Pv.js');
+var Icon = require('../Icon-UBahY607.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -21,10 +21,13 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('./Tooltip.js');
-require('./Title.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/fill.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textAlign.js');
+require('./Tooltip.js');
+require('./Title.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
@@ -32,18 +35,10 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/borderType.js');
+require('../Link-BoShjCEw.js');
 require('./Loader.js');
-require('./Link.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/width.js');
 require('react-inlinesvg');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -13896,7 +13891,7 @@ function DatePickerInput(props) {
     setEndDate(newEndDate);
   };
   const renderDayContents = (day, date) => {
-    return /*#__PURE__*/React__namespace.default.createElement(index$5.Button, {
+    return /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
       className: "react-datepicker__day-button",
       label: date.getDate(),
       labelTextColor: datePickerProps.dayTextColor,
@@ -13911,7 +13906,7 @@ function DatePickerInput(props) {
     increaseMonth
   }) => /*#__PURE__*/React__namespace.default.createElement("div", {
     className: "react-datepicker__header--div"
-  }, datePickerProps.iconLeft && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
+  }, datePickerProps.iconLeft && /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -13938,7 +13933,7 @@ function DatePickerInput(props) {
     textWeight: datePickerProps.yearTextWeight
   }, monthDate.toLocaleString('ru-RU', {
     year: 'numeric'
-  }))), datePickerProps.iconRight && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
+  }))), datePickerProps.iconRight && /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -14047,7 +14042,7 @@ function DatePickerClearButton(props, ref) {
     labelTextColorHover: clearLabelTextColorHover,
     labelTextSize: clearLabelTextSize,
     onClick: onClick
-  }), (clearIcon || clearIconSrc) && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
+  }), (clearIcon || clearIconSrc) && /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     className: clsx__default.default('react-datepicker__clear-icon', onClick && 'cursor_type_pointer'),
     fill: clearIconFill,
     fillHover: clearIconFillHover,

package/dist/cjs/components/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { IDividerProps } from './Divider.interface';
+declare function Divider(props: IDividerProps): import("react/jsx-runtime").JSX.Element;
+export { Divider };

package/dist/cjs/components/Divider/Divider.interface.d.ts

@@ -0,0 +1,28 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { directionPropsType, fillHoverPropsType, fillPropsType, sizePropsType, widthPropsType } from '../../types';
+export interface IDividerThemeColor {
+    className?: string;
+    direction?: directionPropsType;
+    directionDesktop?: directionPropsType;
+    directionMobile?: directionPropsType;
+    directionTablet?: directionPropsType;
+    fill?: fillPropsType;
+    fillActive?: fillPropsType;
+    fillActiveHover?: fillHoverPropsType;
+    fillDesktop?: fillPropsType;
+    fillDisabled?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    size?: sizePropsType;
+    sizeDesktop?: sizePropsType;
+    sizeMobile?: sizePropsType;
+    sizeTablet?: sizePropsType;
+    width?: widthPropsType;
+    widthDesktop?: widthPropsType;
+    widthMobile?: widthPropsType;
+    widthTablet?: widthPropsType;
+}
+export interface IDividerProps extends IDividerThemeColor, TypeStyleAttributes {
+    className?: string;
+}

package/dist/cjs/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from './Divider';

package/dist/cjs/components/Divider.js

@@ -1,257 +1,21 @@
 '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('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var Divider = require('../Divider-CIYsHYud.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-function Divider(props) {
-  const {
-    className
-  } = props;
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'divider_direction_',
-    propsKey: 'direction'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_active_',
-    propsKey: 'fillActive'
-  });
-  const fillActiveHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_active_hover_',
-    propsKey: 'fillActiveHover'
-  });
-  const fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_disabled_',
-    propsKey: 'fillDisabled'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'divider_size_',
-    propsKey: 'size'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const {
-    styles: hrStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("hr", {
-    className: clsx__default.default(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass),
-    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)
-};
-Divider.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Divider",
-  "props": {
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.Divider = Divider;
+exports.Divider = Divider.Divider;

package/dist/cjs/components/Dot/Dot.d.ts

@@ -0,0 +1,6 @@
+import { IDotProps } from './Dot.interface';
+declare function Dot(props: IDotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Dot {
+    var defaultProps: {};
+}
+export { Dot };

package/dist/cjs/components/Dot/Dot.interface.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, borderTypePropsType, fillPropsType, shapePropsType, sizePropsType } from '../../types';
+export interface IDotThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorDesktop?: borderColorPropsType;
+    borderColorMobile?: borderColorPropsType;
+    borderColorTablet?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    borderTypeDesktop?: borderTypePropsType;
+    borderTypeMobile?: borderTypePropsType;
+    borderTypeTablet?: borderTypePropsType;
+    fill?: fillPropsType;
+    fillDesktop?: fillPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    size?: sizePropsType;
+    shape?: shapePropsType;
+    shapeDesktop?: shapePropsType;
+    shapeMobile?: shapePropsType;
+    shapeTablet?: shapePropsType;
+}
+export interface IDotProps extends IDotThemeColor, TypeStyleAttributes {
+    children?: React.ReactNode;
+    className?: string;
+}

package/dist/cjs/components/Dot/index.d.ts

@@ -0,0 +1 @@
+export { Dot } from './Dot';