antd-mobile 5.12.1 → 5.12.2

package/2x/cjs/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/2x/cjs/components/dropdown/dropdown.css

@@ -38,7 +38,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 18px;
-  transform: rotate(0deg) translateY(-2px);
+  transform: rotate(0deg) translateY(2px);
   transition: all ease 0.2s;
 }
 

package/2x/cjs/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/2x/cjs/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/2x/cjs/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/2x/cjs/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/2x/cjs/components/image/image.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;

package/2x/cjs/components/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './modal-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type ModalProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;

package/2x/cjs/components/popup/popup.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { MaskProps } from '../mask';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type PopupProps = {
@@ -15,7 +16,7 @@ export declare type PopupProps = {
     bodyClassName?: string;
     bodyStyle?: React.CSSProperties;
     maskClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     children?: React.ReactNode;

package/2x/cjs/components/search-bar/search-bar.js

@@ -74,7 +74,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
   }));
 
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
@@ -83,13 +83,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
     }
 
     return isShowCancel && _react.default.createElement("div", {
-      className: `${classPrefix}-suffix`,
-      onMouseDown: e => {
-        e.preventDefault();
-      },
-      onTouchStart: e => {
-        e.preventDefault();
-      }
+      className: `${classPrefix}-suffix`
     }, _react.default.createElement(_button.default, {
       fill: 'none',
       className: `${classPrefix}-cancel-button`,

package/2x/cjs/components/tabs/tabs.css

@@ -3,6 +3,8 @@
   --content-padding: 24px;
   --active-line-height: 4px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -45,7 +47,7 @@
 }
 
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 
 .adm-tabs-tab-disabled {
@@ -57,8 +59,7 @@
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 

package/2x/cjs/components/tabs/tabs.d.ts

@@ -15,5 +15,5 @@ export declare type TabsProps = {
     stretch?: boolean;
     onChange?: (key: string) => void;
     children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
+} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
 export declare const Tabs: FC<TabsProps>;

package/2x/cjs/components/toast/toast.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
 export interface ToastProps {
     afterClose?: () => void;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;

package/2x/es/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/2x/es/components/dropdown/dropdown.css

@@ -38,7 +38,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 18px;
-  transform: rotate(0deg) translateY(-2px);
+  transform: rotate(0deg) translateY(2px);
   transition: all ease 0.2s;
 }
 

package/2x/es/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/2x/es/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/2x/es/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/2x/es/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/2x/es/components/image/image.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;

package/2x/es/components/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './modal-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type ModalProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;

package/2x/es/components/popup/popup.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { MaskProps } from '../mask';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type PopupProps = {
@@ -15,7 +16,7 @@ export declare type PopupProps = {
     bodyClassName?: string;
     bodyStyle?: React.CSSProperties;
     maskClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     children?: React.ReactNode;

package/2x/es/components/search-bar/search-bar.js

@@ -52,7 +52,7 @@ export const SearchBar = forwardRef((p, ref) => {
   }));
 
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
@@ -61,13 +61,7 @@ export const SearchBar = forwardRef((p, ref) => {
     }
 
     return isShowCancel && React.createElement("div", {
-      className: `${classPrefix}-suffix`,
-      onMouseDown: e => {
-        e.preventDefault();
-      },
-      onTouchStart: e => {
-        e.preventDefault();
-      }
+      className: `${classPrefix}-suffix`
     }, React.createElement(Button, {
       fill: 'none',
       className: `${classPrefix}-cancel-button`,

package/2x/es/components/tabs/tabs.css

@@ -3,6 +3,8 @@
   --content-padding: 24px;
   --active-line-height: 4px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -45,7 +47,7 @@
 }
 
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 
 .adm-tabs-tab-disabled {
@@ -57,8 +59,7 @@
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 

package/2x/es/components/tabs/tabs.d.ts

@@ -15,5 +15,5 @@ export declare type TabsProps = {
     stretch?: boolean;
     onChange?: (key: string) => void;
     children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
+} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
 export declare const Tabs: FC<TabsProps>;

package/2x/es/components/toast/toast.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
 export interface ToastProps {
     afterClose?: () => void;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;

package/2x/package.json

@@ -1,13 +1,9 @@
 {
   "name": "antd-mobile",
-  "version": "5.12.1",
+  "version": "5.12.2",
   "dependencies": {
     "@floating-ui/dom": "^0.4.5",
     "@react-spring/web": "^9.4.5",
-    "@types/big.js": "^6.1.3",
-    "@types/react-is": "^17.0.3",
-    "@types/react-virtualized": "^9.21.21",
-    "@types/resize-observer-browser": "^0.1.7",
     "@use-gesture/react": "^10.2.12",
     "ahooks": "^3.3.10",
     "antd-mobile-icons": "^0.2.2",
@@ -43,6 +39,5 @@
     "url": "git+https://github.com/ant-design/ant-design-mobile.git",
     "branch": "master",
     "platform": "github"
-  },
-  "packageManager": "yarn@3.2.0"
+  }
 }

package/bundle/antd-mobile.cjs.js

@@ -16562,20 +16562,14 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default["default"].createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React__default["default"].createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,

package/bundle/antd-mobile.es.js

@@ -16552,20 +16552,14 @@ const SearchBar = forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React$1.createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React$1.createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,

package/bundle/style.css

@@ -757,6 +757,8 @@ div.adm-px-tester {
   --content-padding: 12px;
   --active-line-height: 2px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -792,7 +794,7 @@ div.adm-px-tester {
   cursor: pointer;
 }
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 .adm-tabs-tab-disabled {
   opacity: 0.5;
@@ -802,8 +804,7 @@ div.adm-px-tester {
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 .adm-tabs-content {
@@ -1270,7 +1271,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

package/cjs/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/cjs/components/dropdown/dropdown.css

@@ -32,7 +32,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

package/cjs/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/cjs/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/cjs/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/cjs/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/cjs/components/image/image.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;

package/cjs/components/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './modal-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type ModalProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;

package/cjs/components/popup/popup.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { MaskProps } from '../mask';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type PopupProps = {
@@ -15,7 +16,7 @@ export declare type PopupProps = {
     bodyClassName?: string;
     bodyStyle?: React.CSSProperties;
     maskClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     children?: React.ReactNode;

package/cjs/components/search-bar/search-bar.js

@@ -74,7 +74,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
   }));
 
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
@@ -83,13 +83,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
     }
 
     return isShowCancel && _react.default.createElement("div", {
-      className: `${classPrefix}-suffix`,
-      onMouseDown: e => {
-        e.preventDefault();
-      },
-      onTouchStart: e => {
-        e.preventDefault();
-      }
+      className: `${classPrefix}-suffix`
     }, _react.default.createElement(_button.default, {
       fill: 'none',
       className: `${classPrefix}-cancel-button`,

package/cjs/components/tabs/tabs.css

@@ -3,6 +3,8 @@
   --content-padding: 12px;
   --active-line-height: 2px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -38,7 +40,7 @@
   cursor: pointer;
 }
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 .adm-tabs-tab-disabled {
   opacity: 0.5;
@@ -48,8 +50,7 @@
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 .adm-tabs-content {

package/cjs/components/tabs/tabs.d.ts

@@ -15,5 +15,5 @@ export declare type TabsProps = {
     stretch?: boolean;
     onChange?: (key: string) => void;
     children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
+} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
 export declare const Tabs: FC<TabsProps>;

package/cjs/components/toast/toast.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
 export interface ToastProps {
     afterClose?: () => void;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;

package/es/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/es/components/dropdown/dropdown.css

@@ -32,7 +32,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

package/es/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/es/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/es/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/es/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/es/components/image/image.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;