glints-aries 4.1.7 → 5.0.0-alpha.1

package/lib/Display/Modal/Modal.js

@@ -19,17 +19,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Modal = function Modal(_ref) {
   var isVisible = _ref.isVisible,
     title = _ref.title,
-    onClose = _ref.onClose,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {
+      return undefined;
+    } : _ref$onClose,
     children = _ref.children,
     className = _ref.className,
-    hideContentArea = _ref.hideContentArea,
-    centering = _ref.centering,
-    fullscreen = _ref.fullscreen,
-    removeAnimation = _ref.removeAnimation,
+    _ref$hideContentArea = _ref.hideContentArea,
+    hideContentArea = _ref$hideContentArea === void 0 ? false : _ref$hideContentArea,
+    _ref$centering = _ref.centering,
+    centering = _ref$centering === void 0 ? false : _ref$centering,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$removeAnimation = _ref.removeAnimation,
+    removeAnimation = _ref$removeAnimation === void 0 ? false : _ref$removeAnimation,
     footer = _ref.footer,
-    size = _ref.size,
-    hideHeader = _ref.hideHeader,
-    keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    _ref$hideHeader = _ref.hideHeader,
+    hideHeader = _ref$hideHeader === void 0 ? false : _ref$hideHeader,
+    _ref$keepChildrenMoun = _ref.keepChildrenMountedOnClose,
+    keepChildrenMountedOnClose = _ref$keepChildrenMoun === void 0 ? false : _ref$keepChildrenMoun,
     restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var modalContentAreaRef = (0, _react.useRef)(null);
   var modalContainerRef = (0, _react.useRef)(null);
@@ -153,17 +163,5 @@ var Modal = function Modal(_ref) {
   }, footer))));
 };
 exports.Modal = Modal;
-Modal.defaultProps = {
-  onClose: function onClose() {
-    return undefined;
-  },
-  size: 'm',
-  hideContentArea: false,
-  hideHeader: false,
-  removeAnimation: false,
-  centering: false,
-  fullscreen: false,
-  keepChildrenMountedOnClose: false
-};
 var _default = Modal;
 exports["default"] = _default;

package/lib/Display/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const Popover: ({ className, children, content }: Props) => JSX.Element;
+declare const Popover: ({ className, children, content }: Props) => React.JSX.Element;
 export interface Props {
     className?: string;
     children: React.ReactNode;

package/lib/Display/Slider/LeftArrow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const LeftArrow: (props: Props) => JSX.Element;
+declare const LeftArrow: (props: Props) => React.JSX.Element;
 interface Props {
     index: number;
     previousSlide: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

package/lib/Display/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare const Slider: {
-    ({ afterChange, children, autoplay, initialItem, className, fullContent, arrowWhite, removeDots, renderLeftIcon, renderRightIcon, containerRef, }: Props): JSX.Element;
+    ({ afterChange, children, autoplay, initialItem, className, fullContent, arrowWhite, removeDots, renderLeftIcon, renderRightIcon, containerRef, }: Props): React.JSX.Element;
     Item: React.FunctionComponent<import("./SliderItem").Props>;
 };
 export interface Props {

package/lib/Display/Slider/Slider.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = exports.Slider = void 0;
 var React = _interopRequireWildcard(require("react"));
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SliderStyle = require("./SliderStyle");
@@ -63,7 +62,7 @@ var Slider = function Slider(_ref) {
     }
   };
   var getSliderContainerDOMNode = React.useCallback(function () {
-    return ReactDOM.findDOMNode(sliderContainerRef.current);
+    return sliderContainerRef.current;
   }, [sliderContainerRef]);
   var handleDotClick = function handleDotClick(idx) {
     setIndex(idx + 1);
@@ -83,7 +82,7 @@ var Slider = function Slider(_ref) {
     var childrenCount = React.Children.toArray(children).filter(function (child) {
       return !(0, _lodash.isNil)(child);
     }).length;
-    var windowWidth = getSliderContainerDOMNode().getBoundingClientRect().width;
+    var windowWidth = sliderContainerRef.current.getBoundingClientRect().width;
     setScreenSize(windowWidth);
     if (initialItem !== undefined) {
       if (initialItem > 0 && initialItem <= childrenCount) {
@@ -128,10 +127,10 @@ var Slider = function Slider(_ref) {
   }, [autoplay, children, index, screenSize, getSliderContainerDOMNode]);
   React.useEffect(function receiveProps() {
     if (initialItem === undefined) return;
-    var windowWidth = getSliderContainerDOMNode().getBoundingClientRect().width;
+    var windowWidth = sliderContainerRef.current.getBoundingClientRect().width;
     setTranslateValue(-(windowWidth * (initialItem - 1)));
     setIndex(initialItem);
-  }, [initialItem, getSliderContainerDOMNode]);
+  }, [initialItem, sliderContainerRef]);
   var childrenCount = React.Children.toArray(children).filter(function (child) {
     return !(0, _lodash.isNil)(child);
   }).length;

package/lib/General/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Alert: ({ isOpen: externalIsVisible, autoClose, onClose: externalOnClose, type, className, message, }: Props) => JSX.Element;
+import * as React from 'react';
+export declare const Alert: ({ isOpen: externalIsVisible, autoClose, onClose: externalOnClose, type, className, message, }: Props) => React.JSX.Element;
 export declare type AlertType = 'success' | 'warning' | 'danger' | 'info';
 export interface Props {
     /** Set Alert's style. */

package/lib/General/Brand/Brand.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BrandContainer } from './BrandStyle';
-declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => JSX.Element;
+declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => React.JSX.Element;
 export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer> & {
     /** There are 3 available values for asset props. The first and second one are Glints logo, but you can also custom the logo by parsing url or path of the logo. */
     asset: string;

package/lib/General/Button/GhostButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,16 +8,16 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol> | Pick<Pick<{
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -28,14 +28,14 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/LinkButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,12 +8,12 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     block?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol> | Pick<Pick<{
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -24,10 +24,10 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     block?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/SolidButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,16 +8,16 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol> | Pick<Pick<{
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -28,14 +28,14 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/SolidShadowButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,15 +8,15 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol> | Pick<Pick<{
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -27,13 +27,13 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Icon/components/AddCircleOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddCircleOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddCircleOutlineIcon;

package/lib/General/Icon/components/AddCircleSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddCircleSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddCircleSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddCircleSolidIcon;

package/lib/General/Icon/components/AddIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddIcon;

package/lib/General/Icon/components/ArrowBackDoubleIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackDoubleIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackDoubleIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackDoubleIcon;

package/lib/General/Icon/components/ArrowBackIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackIcon;

package/lib/General/Icon/components/ArrowBackSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackSolidIcon;

package/lib/General/Icon/components/ArrowDownCircleOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowDownCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowDownCircleOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowDownCircleOutlineIcon;

package/lib/General/Icon/components/ArrowDownIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowDownIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowDownIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowDownIcon;

package/lib/General/Icon/components/ArrowDownSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowDownSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowDownSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowDownSolidIcon;

package/lib/General/Icon/components/ArrowNextDoubleIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowNextDoubleIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowNextDoubleIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowNextDoubleIcon;

package/lib/General/Icon/components/ArrowNextIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowNextIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowNextIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowNextIcon;

package/lib/General/Icon/components/ArrowNextSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowNextSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowNextSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowNextSolidIcon;

package/lib/General/Icon/components/ArrowRoundBackIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowRoundBackIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowRoundBackIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowRoundBackIcon;

package/lib/General/Icon/components/ArrowRoundForwardIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowRoundForwardIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowRoundForwardIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowRoundForwardIcon;

package/lib/General/Icon/components/ArrowUpIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowUpIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowUpIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowUpIcon;

package/lib/General/Icon/components/ArrowUpSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowUpSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowUpSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowUpSolidIcon;

package/lib/General/Icon/components/AsteriskSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AsteriskSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const AsteriskSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AsteriskSolidIcon;

package/lib/General/Icon/components/AttachmentIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AttachmentIcon: (props: Partial<Props>) => JSX.Element;
+declare const AttachmentIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AttachmentIcon;

package/lib/General/Icon/components/BehanceIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BehanceIcon: (props: Partial<Props>) => JSX.Element;
+declare const BehanceIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BehanceIcon;

package/lib/General/Icon/components/BellIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BellIcon: (props: Partial<Props>) => JSX.Element;
+declare const BellIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BellIcon;

package/lib/General/Icon/components/BookmarkIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BookmarkIcon: (props: Partial<Props>) => JSX.Element;
+declare const BookmarkIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BookmarkIcon;

package/lib/General/Icon/components/BookmarkOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BookmarkOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const BookmarkOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BookmarkOutlineIcon;

package/lib/General/Icon/components/BookmarkRoundedOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BookmarkRoundedOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const BookmarkRoundedOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BookmarkRoundedOutlineIcon;

package/lib/General/Icon/components/BoxWithHandleSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BoxWithHandleSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const BoxWithHandleSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BoxWithHandleSolidIcon;

package/lib/General/Icon/components/BriefcaseSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BriefcaseSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const BriefcaseSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BriefcaseSolidIcon;

package/lib/General/Icon/components/BuildingSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BuildingSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const BuildingSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BuildingSolidIcon;

package/lib/General/Icon/components/BulletListIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const BulletListIcon: (props: Partial<Props>) => JSX.Element;
+declare const BulletListIcon: (props: Partial<Props>) => React.JSX.Element;
 export default BulletListIcon;

package/lib/General/Icon/components/CalendarIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CalendarIcon: (props: Partial<Props>) => JSX.Element;
+declare const CalendarIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CalendarIcon;

package/lib/General/Icon/components/CameraIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CameraIcon: (props: Partial<Props>) => JSX.Element;
+declare const CameraIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CameraIcon;

package/lib/General/Icon/components/ChecklistIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ChecklistIcon: (props: Partial<Props>) => JSX.Element;
+declare const ChecklistIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ChecklistIcon;

package/lib/General/Icon/components/CheckmarkIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CheckmarkIcon: (props: Partial<Props>) => JSX.Element;
+declare const CheckmarkIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CheckmarkIcon;

package/lib/General/Icon/components/CheckmarkSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CheckmarkSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const CheckmarkSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CheckmarkSolidIcon;

package/lib/General/Icon/components/CheckmarkThickIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CheckmarkThickIcon: (props: Partial<Props>) => JSX.Element;
+declare const CheckmarkThickIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CheckmarkThickIcon;

package/lib/General/Icon/components/CircleAndCheckIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CircleAndCheckIcon: (props: Partial<Props>) => JSX.Element;
+declare const CircleAndCheckIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CircleAndCheckIcon;

package/lib/General/Icon/components/CircleIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const CircleIcon: (props: Partial<Props>) => JSX.Element;
+declare const CircleIcon: (props: Partial<Props>) => React.JSX.Element;
 export default CircleIcon;

package/lib/General/Icon/components/ClipboardCheckOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ClipboardCheckOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const ClipboardCheckOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ClipboardCheckOutlineIcon;

package/lib/General/Icon/components/ClipboardIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ClipboardIcon: (props: Partial<Props>) => JSX.Element;
+declare const ClipboardIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ClipboardIcon;