@nutui/nutui-react 1.2.2-beta.1 → 1.2.3-beta.1

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:55:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Fri Aug 12 2022 15:37:55 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -19,6 +19,9 @@
 @import '../../packages/tabs/tabs.scss';
 @import '../../packages/tabpane/tabpane.scss';
 @import '../../packages/indicator/indicator.scss';
+@import '../../packages/sidenavbar/sidenavbar.scss';
+@import '../../packages/subsidenavbar/subsidenavbar.scss';
+@import '../../packages/sidenavbaritem/sidenavbaritem.scss';
 @import '../../packages/range/range.scss';
 @import '../../packages/calendar/calendar.scss';
 @import '../../packages/checkbox/checkbox.scss';
@@ -63,6 +66,7 @@
 @import '../../packages/animatingnumbers/animatingnumbers.scss';
 @import '../../packages/empty/empty.scss';
 @import '../../packages/virtuallist/virtuallist.scss';
+@import '../../packages/table/table.scss';
 @import '../../packages/video/video.scss';
 @import '../../packages/progress/progress.scss';
 @import '../../packages/address/address.scss';

package/dist/styles/variables.scss

@@ -69,7 +69,7 @@ $button-primary-background-color: linear-gradient(
   $primary-color-end 100%
 );
 $button-info-color: $white;
-$button-info-border-color: rgba(73, 106, 242, 1);
+$button-info-border-color: #496af2;
 $button-info-background-color: linear-gradient(
   315deg,
   rgba(73, 143, 242, 1) 0%,
@@ -495,6 +495,16 @@ $divider-vertical-top: 2px !default;
 $divider-vertical-border-left: rgba(0, 0, 0, 0.06) !default;
 $divider-vertical-margin: 0 8px !default;
 
+
+// swiper
+$swiper-pagination-item-background-color: #ddd !default;
+
+// Table
+$table-border-color: #ececec !default;
+$table-cols-padding: 10px !default;
+$table-tr-even-bg-color: #f3f3f3 !default;
+$table-tr-odd-bg-color: $white !default;
+
 //numberkeyboard
 $numberkeyboard-width: 100% !default;
 $numberkeyboard-padding: 0 0 22px 0 !default;
@@ -518,6 +528,7 @@ $numberkeyboard-key-finish-font-size: 16px !default;
 $numberkeyboard-key-finish-font-size-color: #fff !default;
 $numberkeyboard-key-finish-background-color: #1989fa !default;
 $numberkeyboard-key-activeFinsh-background-color: #0570db !default;
+
 // elevator
 $elevator-list-item-highcolor: $primary-color !default;
 $elevator-list-item-font-size: 12px !default;
@@ -585,7 +596,6 @@ $row-content-height: 50px !default;
 $row-content-line-height: 40px !default;
 $col-default-margin-bottom: 15px !default;
 
-
 // searchbar
 $searchbar-background: $white !default;
 $searchbar-right-out-color: $black !default;
@@ -622,4 +632,3 @@ $countup-lr-margin: 1px !default;
 $countup-bgcolor: #031f63 !default;
 $countup-color: #ffffff !default;
 $countup-width: 24px !default;
-

package/dist/types/actionsheet/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ActionSheetDemo: () => JSX.Element;
 export default ActionSheetDemo;

package/dist/types/address/__test__/address.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/address/address.d.ts

@@ -1,33 +1,10 @@
 import React, { FunctionComponent, CSSProperties } from 'react';
-export interface RegionData {
-    name?: string;
-    [key: string]: any;
-}
-export interface NextListObj {
-    next: string;
-    value: string | RegionData;
-    custom: string;
-    selectedRegion: {};
-}
-export interface AddressList {
-    id?: string | number;
-    provinceName: string;
-    cityName: string;
-    countyName: string;
-    townName: string;
-    addressDetail: string;
-    selectedAddress: boolean;
-    name?: string;
-    phone?: string;
-}
-export interface CloseRes {
-    data: {};
-    type: string;
-}
+import { RegionData, ChangeCallBack, CloseCallBack, AddressList } from './type';
 export interface AddressProps {
     className?: string;
     style?: CSSProperties;
     modelValue: boolean;
+    modelSelect: (string | number)[];
     type: string;
     customAddressTitle: string;
     province: RegionData[];
@@ -44,14 +21,14 @@ export interface AddressProps {
     closeBtnIcon: string;
     backBtnIcon: string;
     onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
-    onClose?: (cal: CloseRes) => void;
+    onClose?: (cal: CloseCallBack) => void;
     closeMask?: (cal: {
         closeWay: string;
     }) => void;
     switchModule?: (cal: {
         type: string;
     }) => void;
-    onChange?: (cal: NextListObj) => void;
+    onChange?: (cal: ChangeCallBack) => void;
     onTabChecked?: (cal: string) => void;
 }
 export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/types/address/customRender.d.ts

@@ -1,18 +1,14 @@
 import React, { FunctionComponent } from 'react';
-import { RegionData } from './address';
+import { RegionData, NextListObj } from './type';
 export interface AddressProps {
+    modelValue: (string | number)[];
     type: string;
     province: RegionData[];
     city: RegionData[];
     country: RegionData[];
     town: RegionData[];
     height: string | number;
-    onNextArea?: (cal: {
-        next: string;
-        value: string | RegionData;
-        custom: string;
-        selectedRegion: {};
-    }) => void;
+    onNextArea?: (cal: NextListObj) => void;
     onTabClick?: (type: string) => void;
     onClose?: () => void;
 }

package/dist/types/address/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const AddressDemo: () => JSX.Element;
 export default AddressDemo;

package/dist/types/address/existRender.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { AddressList } from './address';
+import { AddressList } from './type';
 export interface ExistRenderProps {
     type: string;
     existAddress: AddressList[] | [];

package/dist/types/address/type.d.ts

@@ -0,0 +1,40 @@
+export interface RegionData {
+    name?: string;
+    [key: string]: any;
+}
+export interface ChangeCallBack {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+}
+export interface CloseCallBackData extends SelectedRegionObj {
+    addressIdStr: string;
+    addressStr: string;
+}
+export interface CloseCallBack {
+    data: CloseCallBackData | AddressList;
+    type: string;
+}
+export interface AddressList {
+    id?: string | number;
+    provinceName: string;
+    cityName: string;
+    countyName: string;
+    townName: string;
+    addressDetail: string;
+    selectedAddress: boolean;
+    name?: string;
+    phone?: string;
+}
+export interface NextListObj {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+    selectedRegion?: SelectedRegionObj;
+}
+export interface SelectedRegionObj {
+    province: RegionData;
+    city: RegionData;
+    country: RegionData;
+    town: RegionData;
+}

package/dist/types/animatingnumbers/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const AnimatingNumbersDemo: () => JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/types/avatar/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const AvatarDemo: () => JSX.Element;
 export default AvatarDemo;

package/dist/types/backtop/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const BackTopDemo: () => JSX.Element;
 export default BackTopDemo;

package/dist/types/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface BadgeProps {
     value: any;
     dot: boolean;
@@ -8,6 +8,7 @@ export interface BadgeProps {
     zIndex: string;
     color: string;
     icons: any;
+    children?: ReactNode;
 }
 export declare type BadgeType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

package/dist/types/badge/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const BadgeDemo: () => JSX.Element;
 export default BadgeDemo;

package/dist/types/barrage/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss?module';
 declare const BarrageDemo: () => JSX.Element;
 export default BarrageDemo;

package/dist/types/button/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ButtonDemo: () => JSX.Element;
 export default ButtonDemo;

package/dist/types/calendar/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CalendarDemo: () => JSX.Element;
 export default CalendarDemo;

package/dist/types/card/card.d.ts

@@ -9,9 +9,9 @@ export interface CardProps {
     shopName: string;
     className: string;
     style: React.CSSProperties;
-    prolistTpl: React.ReactChild;
-    shopTagTpl: React.ReactChild;
-    originTpl: React.ReactChild;
-    footerTpl: React.ReactChild;
+    prolistTpl: React.ReactNode;
+    shopTagTpl: React.ReactNode;
+    originTpl: React.ReactNode;
+    footerTpl: React.ReactNode;
 }
 export declare const Card: FunctionComponent<Partial<CardProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/card/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CardDemo: () => JSX.Element;
 export default CardDemo;

package/dist/types/cell/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CellDemo: () => JSX.Element;
 export default CellDemo;

package/dist/types/cellgroup/cellgroup.d.ts

@@ -5,5 +5,6 @@ export interface CellGroupProps {
     titleSlot: ReactNode;
     descSlot: ReactNode;
     classPrefix: string;
+    children?: ReactNode;
 }
 export declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;

package/dist/types/checkbox/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const CheckboxDemo: () => JSX.Element;
 export default CheckboxDemo;

package/dist/types/circleprogress/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const CircleProgressDemo: () => JSX.Element;
 export default CircleProgressDemo;

package/dist/types/col/col.d.ts

@@ -1,7 +1,10 @@
 import React, { FunctionComponent } from 'react';
+declare type EventType = 'row' | 'col';
 export interface ColProps {
     span: string | number;
     offset: string | number;
     gutter: string | number;
+    onClick: (e: any, type: EventType) => void;
 }
-export declare const Col: FunctionComponent<Partial<ColProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export {};

package/dist/types/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface CollapseProps {
     activeName: Array<number | string> | number | string;
     accordion: boolean;
@@ -7,5 +7,6 @@ export interface CollapseProps {
     iconColor: string;
     rotate: number;
     change: (isOpen: boolean, name: string) => void;
+    children?: React.ReactNode;
 }
 export declare const Collapse: FunctionComponent<Partial<CollapseProps>>;

package/dist/types/collapse/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CollapseDemo: () => JSX.Element;
 export default CollapseDemo;

package/dist/types/configprovider/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ConfigProviderDemo: () => JSX.Element;
 export default ConfigProviderDemo;

package/dist/types/countdown/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CountDownDemo: () => JSX.Element;
 export default CountDownDemo;

package/dist/types/datepicker/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DatePickerDemo: () => JSX.Element;
 export default DatePickerDemo;

package/dist/types/dialog/Mask.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare type MaskProps = {};
 export default function Mask(props: MaskProps): JSX.Element;

package/dist/types/dialog/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DialogDemo: () => JSX.Element;
 export default DialogDemo;

package/dist/types/divider/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DividerDemo: () => JSX.Element;
 export default DividerDemo;

package/dist/types/drag/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DragDemo: () => JSX.Element;
 export default DragDemo;

package/dist/types/elevator/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ElevatorDemo: () => JSX.Element;
 export default ElevatorDemo;

package/dist/types/empty/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const EmptyDemo: () => JSX.Element;
 export default EmptyDemo;

package/dist/types/fixednav/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const FixedNavDemo: () => JSX.Element;
 export default FixedNavDemo;

package/dist/types/fixednav/fixednav.d.ts

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, HTMLProps } from 'react';
+import React, { FunctionComponent } from 'react';
 declare type Direction = 'right' | 'left';
 declare type Position = {
     top?: string;
@@ -8,15 +8,15 @@ export interface FixedNavProps {
     fixednavClass: string;
     visible: boolean;
     overlay: boolean;
-    navList: Array<object>;
+    navList: Array<any>;
     activeText: string;
     unActiveText: string;
     position: Position;
     type: Direction;
     onChange: (v: any) => void;
-    onSelected: Function;
-    slotList: HTMLProps<HTMLElement>;
-    slotBtn: HTMLProps<HTMLElement>;
+    onSelected: (item: any, e: any) => void;
+    slotList: React.ReactNode;
+    slotBtn: React.ReactNode;
 }
 export declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & React.HTMLAttributes<HTMLDivElement>>;
 export {};

package/dist/types/icon/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const IconDemo: () => JSX.Element;
 export default IconDemo;

package/dist/types/indicator/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../indicator/demo.scss';
 declare const IndicatorDemo: () => JSX.Element;
 export default IndicatorDemo;

package/dist/types/infiniteloading/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const InfiniteloadingDemo: () => JSX.Element;
 export default InfiniteloadingDemo;

package/dist/types/input/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const InputDemo: () => JSX.Element;
 export default InputDemo;

package/dist/types/input/input.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, FunctionComponent, HTMLProps, HTMLInputTypeAttribute } from 'react';
+import React, { CSSProperties, FunctionComponent, HTMLInputTypeAttribute } from 'react';
 export declare type InputAlignType = 'left' | 'center' | 'right';
 export declare type InputFormatTrigger = 'onChange' | 'onBlur';
 export declare type InputType = HTMLInputTypeAttribute;
@@ -41,8 +41,8 @@ export interface InputProps {
     autofocus: boolean;
     style?: CSSProperties;
     className?: string;
-    slotButton?: HTMLProps<HTMLElement>;
-    slotInput?: HTMLProps<HTMLElement>;
+    slotButton?: React.ReactNode;
+    slotInput?: React.ReactNode;
     formatter: (value: string) => void;
     change?: (value: any, event: Event) => void;
     blur?: (value: any, event: Event) => void;

package/dist/types/inputnumber/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const InputNumberDemo: () => JSX.Element;
 export default InputNumberDemo;

package/dist/types/layout/__tests__/layout.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/layout/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const LayoutDemo: () => JSX.Element;
 export default LayoutDemo;

package/dist/types/navbar/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NavBarDemo: () => JSX.Element;
 export default NavBarDemo;

package/dist/types/navbar/navbar.d.ts

@@ -16,5 +16,6 @@ export interface NavBarProps {
     onClickIcon: (e: React.MouseEvent<HTMLDivElement>) => void;
     onClickBack: (e: React.MouseEvent<HTMLElement>) => void;
     onClickRight: (e: React.MouseEvent<HTMLDivElement>) => void;
+    children?: React.ReactNode;
 }
 export declare const NavBar: FunctionComponent<Partial<NavBarProps>>;

package/dist/types/noticebar/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NoticeBarDemo: () => JSX.Element;
 export default NoticeBarDemo;

package/dist/types/notify/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NotifyDemo: () => JSX.Element;
 export default NotifyDemo;

package/dist/types/numberkeyboard/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NumberKeyboardDemo: () => JSX.Element;
 export default NumberKeyboardDemo;

package/dist/types/nutui.react.d.ts

@@ -18,6 +18,9 @@ import Pagination from './pagination';
 import Tabs from './tabs';
 import TabPane from './tabpane';
 import Indicator from './indicator';
+import SideNavBar from './sidenavbar';
+import SubSideNavBar from './subsidenavbar';
+import SideNavBarItem from './sidenavbaritem';
 import Range from './range';
 import Calendar from './calendar';
 import Checkbox from './checkbox';
@@ -62,6 +65,7 @@ import CollapseItem from './collapseitem';
 import AnimatingNumbers from './animatingnumbers';
 import Empty from './empty';
 import VirtualList from './virtuallist';
+import Table from './table';
 import Video from './video';
 import Progress from './progress';
 import Address from './address';
@@ -71,4 +75,4 @@ import Card from './card';
 import TimePannel from './timepannel';
 import TimeDetail from './timedetail';
 import TimeSelect from './timeselect';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Video, Progress, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/types/overlay/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const OverlayDemo: () => JSX.Element;
 export default OverlayDemo;

package/dist/types/pagination/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PaginationDemo: () => JSX.Element;
 export default PaginationDemo;

package/dist/types/picker/__tests__/picker.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/picker/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PickerDemo: () => JSX.Element;
 export default PickerDemo;

package/dist/types/popover/Trigger.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 interface TriggerProps {
     className?: string | undefined;
+    children?: React.ReactNode;
     forwardedRef: React.RefObject<HTMLElement>;
 }
-interface TriggerState {
-}
 /**
  * 过滤ref
  */
@@ -13,8 +12,7 @@ export declare function fillRef<T>(ref: React.Ref<T>, node: T): void;
  * 将ref合并到一个ref函数中以支持ref传递
  */
 export declare function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T>;
-export default class Trigger extends React.Component<TriggerProps, TriggerState> {
-    constructor(props: any);
+export default class Trigger extends React.Component<TriggerProps, unknown> {
     fireEvents(type: string, e: Event): void;
     render(): JSX.Element;
 }

package/dist/types/popover/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const BadgeDemo: () => JSX.Element;
 export default BadgeDemo;

package/dist/types/popover/popover.d.ts

@@ -7,6 +7,7 @@ export interface PopoverProps {
     className: string;
     style?: CSSProperties;
     onClick: (e: MouseEvent) => void;
+    children?: React.ReactNode;
 }
 export declare function findDOMNode<T = HTMLElement>(node: React.ReactInstance | HTMLElement): T;
 export declare type PopoverType = 'default' | 'primary' | 'success' | 'warning' | 'danger';

package/dist/types/popup/__tests__/popup.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/popup/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.scss';
 declare const PopupDemo: () => JSX.Element;
 export default PopupDemo;

package/dist/types/popup/popup.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, MouseEvent } from 'react';
 import { OverlayProps } from '../overlay/overlay';
+declare type Teleport = HTMLElement | (() => HTMLElement) | null;
 interface PopupProps extends OverlayProps {
     position: string;
     transition: string;
@@ -9,6 +10,7 @@ interface PopupProps extends OverlayProps {
     closeIconPosition: string;
     closeIcon: string;
     destroyOnClose: boolean;
+    teleport: Teleport;
     overlay: boolean;
     round: boolean;
     onOpen: () => void;

package/dist/types/price/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PriceDemo: () => JSX.Element;
 export default PriceDemo;

package/dist/types/progress/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ProgressDemo: () => JSX.Element;
 export default ProgressDemo;

package/dist/types/radio/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const RadioDemo: () => JSX.Element;
 export default RadioDemo;