antd-mobile 0.0.0-dev-626cbf51f → 0.0.0-dev.bc248f5c7

package/cjs/components/error-block/error-block.css

@@ -17,13 +17,13 @@
   height: 100%;
 }
 .adm-error-block-description {
-  font-size: 12px;
+  font-size: var(--adm-font-size-4);
   color: #999;
   line-height: 1.4;
   margin-top: 12px;
 }
 .adm-error-block-description-title {
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
 }
 .adm-error-block-description-subtitle {
   margin-top: 8px;
@@ -40,9 +40,9 @@
 }
 .adm-error-block-full-page .adm-error-block-description {
   margin-top: 20px;
-  font-size: 13px;
+  font-size: var(--adm-font-size-main);
 }
 .adm-error-block-full-page .adm-error-block-description-title {
   font-size: 20px;
-  color: #333;
+  color: var(--adm-color-text);
 }

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

@@ -1,11 +1,2 @@
-import React, { FC, ReactElement, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ErrorBlockProps = {
-    status?: 'default' | 'disconnected' | 'empty' | 'busy';
-    title?: ReactNode;
-    image?: string | ReactElement;
-    description?: ReactNode;
-    fullPage?: boolean;
-    children?: React.ReactNode;
-} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
-export declare const ErrorBlock: FC<ErrorBlockProps>;
+/// <reference types="react" />
+export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

package/cjs/components/error-block/error-block.js

@@ -5,61 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ErrorBlock = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _configProvider = require("../config-provider");
+var _createErrorBlock = require("./create-error-block");
 
 var _images = require("./images");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-error-block`;
-const defaultProps = {
-  status: 'default'
+const imageRecord = {
+  'default': _images.defaultImage,
+  'disconnected': _images.disconnectedImage,
+  'empty': _images.emptyImage,
+  'busy': _images.busyImage
 };
-
-const ErrorBlock = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const {
-    locale
-  } = (0, _configProvider.useConfig)();
-  const contentPack = locale.ErrorBlock[props.status];
-  const des = 'description' in props ? props.description : contentPack.description;
-  const title = 'title' in props ? props.title : contentPack.title;
-  let imageNode = _images.imageRecord[props.status];
-
-  if (props.image) {
-    if (typeof props.image === 'string') {
-      imageNode = _react.default.createElement("img", {
-        src: props.image,
-        alt: 'error block image'
-      });
-    } else {
-      imageNode = props.image;
-    }
-  }
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-full-page`]: props.fullPage
-    })
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-image`
-  }, imageNode), _react.default.createElement("div", {
-    className: `${classPrefix}-description`
-  }, title && _react.default.createElement("div", {
-    className: `${classPrefix}-description-title`
-  }, title), des && _react.default.createElement("div", {
-    className: `${classPrefix}-description-subtitle`
-  }, des)), props.children && _react.default.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};
-
+const ErrorBlock = (0, _createErrorBlock.createErrorBlock)(imageRecord);
 exports.ErrorBlock = ErrorBlock;

package/cjs/components/error-block/error-block.patch.css

@@ -0,0 +1,23 @@
+.adm-error-block-image {
+  height: 100px;
+  width: auto;
+}
+.adm-error-block-description {
+  font-size: var(--adm-font-size-4);
+}
+.adm-error-block-description-title {
+  font-size: var(--adm-font-size-7);
+}
+.adm-error-block-full-page {
+  padding-top: calc(50vh - 200px);
+}
+.adm-error-block-full-page .adm-error-block-image {
+  height: 200px;
+  width: auto;
+}
+.adm-error-block-full-page .adm-error-block-description {
+  font-size: var(--adm-font-size-main);
+}
+.adm-error-block-full-page .adm-error-block-description-title {
+  color: #333333;
+}

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/error-block/images/index.d.ts

@@ -1,2 +1,4 @@
-import { ReactElement } from 'react';
-export declare const imageRecord: Record<'default' | 'disconnected' | 'empty' | 'busy', ReactElement>;
+export { defaultImage } from './default';
+export { disconnectedImage } from './disconnected';
+export { emptyImage } from './empty';
+export { busyImage } from './busy';

package/cjs/components/error-block/images/index.js

@@ -3,7 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.imageRecord = void 0;
+Object.defineProperty(exports, "busyImage", {
+  enumerable: true,
+  get: function () {
+    return _busy.busyImage;
+  }
+});
+Object.defineProperty(exports, "defaultImage", {
+  enumerable: true,
+  get: function () {
+    return _default.defaultImage;
+  }
+});
+Object.defineProperty(exports, "disconnectedImage", {
+  enumerable: true,
+  get: function () {
+    return _disconnected.disconnectedImage;
+  }
+});
+Object.defineProperty(exports, "emptyImage", {
+  enumerable: true,
+  get: function () {
+    return _empty.emptyImage;
+  }
+});
 
 var _default = require("./default");
 
@@ -11,12 +34,4 @@ var _disconnected = require("./disconnected");
 
 var _empty = require("./empty");
 
-var _busy = require("./busy");
-
-const imageRecord = {
-  'default': _default.defaultImage,
-  'disconnected': _disconnected.disconnectedImage,
-  'empty': _empty.emptyImage,
-  'busy': _busy.busyImage
-};
-exports.imageRecord = imageRecord;
+var _busy = require("./busy");

package/cjs/components/error-block/index.d.ts

@@ -1,4 +1,8 @@
 import './error-block.less';
+import { ReactNode } from 'react';
 import { ErrorBlock } from './error-block';
-export type { ErrorBlockProps } from './error-block';
+export { createErrorBlock } from './create-error-block';
+export type { ErrorBlockProps } from './create-error-block';
+export declare type ErrorBlockStatus = 'default' | 'disconnected' | 'empty' | 'busy';
+export declare type ImageRecord = Partial<Record<ErrorBlockStatus, string | ReactNode>>;
 export default ErrorBlock;

package/cjs/components/error-block/index.js

@@ -3,11 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "createErrorBlock", {
+  enumerable: true,
+  get: function () {
+    return _createErrorBlock.createErrorBlock;
+  }
+});
 exports.default = void 0;
 
 require("./error-block.css");
 
 var _errorBlock2 = require("./error-block");
 
+var _createErrorBlock = require("./create-error-block");
+
 var _default = _errorBlock2.ErrorBlock;
 exports.default = _default;

package/cjs/components/floating-bubble/floating-bubble.css

@@ -39,7 +39,8 @@
   overflow: hidden;
   cursor: pointer;
   transition: opacity ease 0.15s;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   touch-action: none;
   background: var(--background);
   color: var(--adm-color-white);

package/cjs/components/floating-panel/floating-panel.css

@@ -2,9 +2,6 @@
   --border-radius: 8px;
   --header-height: 28px;
   --z-index: var(--adm-floating-panel-z-index, 900);
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background: var(--adm-color-white);
   position: fixed;
   z-index: var(--z-index);
   bottom: 0;
@@ -30,7 +27,7 @@
   bottom: -100vh;
   height: 100vh;
   width: 100vw;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header {
   flex: none;
@@ -38,8 +35,13 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: -webkit-grab;
   cursor: grab;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
+  background-color: var(--adm-color-background);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;
@@ -50,4 +52,5 @@
 .adm-floating-panel .adm-floating-panel-content {
   flex: 1;
   overflow-y: scroll;
+  background: var(--adm-color-background);
 }

package/cjs/components/floating-panel/floating-panel.d.ts

@@ -16,4 +16,8 @@ export declare const FloatingPanel: React.ForwardRefExoticComponent<{
     children: ReactNode;
     onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
     handleDraggingOfContent?: boolean | undefined;
-} & NativeProps<"--z-index" | "--border-radius" | "--header-height"> & React.RefAttributes<FloatingPanelRef>>;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--z-index" | "--border-radius" | "--header-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<FloatingPanelRef>>;

package/cjs/components/form/context.d.ts

@@ -5,7 +5,7 @@ export declare type FormContextType = {
     name?: string;
     hasFeedback: boolean;
     layout: FormLayout;
-    requiredMarkStyle: 'asterisk' | 'text-required' | 'text-optional';
+    requiredMarkStyle: 'asterisk' | 'text-required' | 'text-optional' | 'none';
     disabled: boolean;
 };
 export declare const defaultFormContext: FormContextType;

package/cjs/components/form/form-item.css

@@ -7,7 +7,7 @@
   line-height: 1.5;
   box-sizing: border-box;
   position: relative;
-  color: #666666;
+  color: var(--adm-color-text-secondary);
 }
 .adm-form-item-label .adm-form-item-required-asterisk {
   position: absolute;
@@ -15,7 +15,8 @@
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-form-item-label .adm-form-item-required-text {
   margin-left: 4px;
@@ -63,6 +64,6 @@
   align-self: center;
 }
 .adm-form-item.adm-form-item-vertical .adm-form-item-label {
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   margin-bottom: 4px;
 }

package/cjs/components/form/form-item.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _nativeProps = require("../../utils/native-props");
+
 var _rcFieldForm = require("rc-field-form");
 
 var _FieldContext = _interopRequireDefault(require("rc-field-form/lib/FieldContext"));
@@ -89,6 +91,9 @@ const FormItemLayout = props => {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.optional, ")");
 
+      case 'none':
+        return null;
+
       default:
         return null;
     }
@@ -107,16 +112,14 @@ const FormItemLayout = props => {
       e.preventDefault();
     }
   }, _react.default.createElement(_antdMobileIcons.QuestionCircleOutline, null)))) : null;
-
-  const description = _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
+  const description = props.description || hasFeedback ? _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
     key: `error-${index}`,
     className: `${classPrefix}-feedback-error`
   }, error)), props.warnings.map((warning, index) => _react.default.createElement("div", {
     key: `warning-${index}`,
     className: `${classPrefix}-feedback-warning`
-  }, warning))));
-
-  return _react.default.createElement(_list.default.Item, {
+  }, warning)))) : null;
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_list.default.Item, {
     style: style,
     title: layout === 'vertical' && labelElement,
     prefix: layout === 'horizontal' && labelElement,
@@ -134,7 +137,7 @@ const FormItemLayout = props => {
     className: (0, _classnames.default)(`${classPrefix}-child`, `${classPrefix}-child-position-${childElementPosition}`)
   }, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}-child-inner`)
-  }, children)));
+  }, children))));
 };
 
 const FormItem = props => {
@@ -225,7 +228,7 @@ const FormItem = props => {
 
       return subWarnings;
     }, curWarnings);
-    return _react.default.createElement(FormItemLayout, {
+    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(FormItemLayout, {
       className: className,
       style: style,
       label: label,
@@ -246,7 +249,7 @@ const FormItem = props => {
       arrow: arrow
     }, _react.default.createElement(_context.NoStyleItemContext.Provider, {
       value: onSubMetaChange
-    }, baseChildren));
+    }, baseChildren)));
   }
 
   const isRenderProps = typeof children === 'function';
@@ -256,10 +259,7 @@ const FormItem = props => {
   }
 
   let Variables = {};
-
-  if (typeof label === 'string') {
-    Variables.label = label;
-  }
+  Variables.label = typeof label === 'string' ? label : '';
 
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);

package/cjs/components/form/form-subscribe.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { FC } from 'react';
 import type { FormInstance } from 'rc-field-form';
 import type { NamePath } from 'rc-field-form/es/interface';
 declare type RenderChildren<Values = any> = (changedValues: Record<string, any>, form: FormInstance<Values>) => React.ReactNode;
@@ -7,5 +7,10 @@ export interface FormSubscribeProps {
     to: NamePath[];
     children: ChildrenType;
 }
-export declare const FormSubscribe: React.VFC<FormSubscribeProps>;
+export declare const FormSubscribe: FC<FormSubscribeProps>;
+export declare const Watcher: React.NamedExoticComponent<{
+    form: FormInstance;
+    namePath: NamePath;
+    onChange: () => void;
+}>;
 export {};

package/cjs/components/form/form-subscribe.js

@@ -3,25 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormSubscribe = void 0;
+exports.Watcher = exports.FormSubscribe = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _ = _interopRequireDefault(require("."));
+var _rcFieldForm = require("rc-field-form");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _ahooks = require("ahooks");
 
-const FormSubscribe = ({
-  children,
-  to
-}) => {
-  return _react.default.createElement(_.default.Item, {
-    noStyle: true,
-    dependencies: to
-  }, form => {
-    const changedValues = form.getFieldsValue(to);
-    return children(changedValues, form);
-  });
+var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const FormSubscribe = props => {
+  const update = (0, _ahooks.useUpdate)();
+  const form = (0, _react.useContext)(_rcFieldForm.FieldContext);
+  return _react.default.createElement(_react.default.Fragment, null, props.children(form.getFieldsValue(props.to), form), props.to.map(namePath => _react.default.createElement(Watcher, {
+    key: namePath.toString(),
+    form: form,
+    namePath: namePath,
+    onChange: update
+  })));
 };
 
-exports.FormSubscribe = FormSubscribe;
+exports.FormSubscribe = FormSubscribe;
+const Watcher = (0, _react.memo)(props => {
+  const value = (0, _rcFieldForm.useWatch)(props.namePath, props.form);
+  (0, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
+    props.onChange();
+  }, [value]);
+  return null;
+});
+exports.Watcher = Watcher;

package/cjs/components/form/form.css

@@ -1,7 +1,7 @@
 .adm-form {
-  --border-inner: solid 1px var(--adm-border-color);
-  --border-top: solid 1px var(--adm-border-color);
-  --border-bottom: solid 1px var(--adm-border-color);
+  --border-inner: solid 1px var(--adm-color-border);
+  --border-top: solid 1px var(--adm-color-border);
+  --border-bottom: solid 1px var(--adm-color-border);
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);

package/cjs/components/form/form.d.ts

@@ -8,7 +8,11 @@ export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'na
     footer?: ReactNode;
     mode?: ListProps['mode'];
 };
-export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<FormContextType> & {
+export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];
 } & React.RefAttributes<FormInstance>>;

package/cjs/components/form/index.css

@@ -1,7 +1,7 @@
 .adm-form {
-  --border-inner: solid 1px var(--adm-border-color);
-  --border-top: solid 1px var(--adm-border-color);
-  --border-bottom: solid 1px var(--adm-border-color);
+  --border-inner: solid 1px var(--adm-color-border);
+  --border-top: solid 1px var(--adm-color-border);
+  --border-bottom: solid 1px var(--adm-color-border);
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);
@@ -29,7 +29,7 @@
   line-height: 1.5;
   box-sizing: border-box;
   position: relative;
-  color: #666666;
+  color: var(--adm-color-text-secondary);
 }
 .adm-form-item-label .adm-form-item-required-asterisk {
   position: absolute;
@@ -37,7 +37,8 @@
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-form-item-label .adm-form-item-required-text {
   margin-left: 4px;
@@ -85,6 +86,6 @@
   align-self: center;
 }
 .adm-form-item.adm-form-item-vertical .adm-form-item-label {
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   margin-bottom: 4px;
 }

package/cjs/components/form/index.d.ts

@@ -7,12 +7,16 @@ export type { FormItemProps } from './form-item';
 export type { FormSubscribeProps } from './form-subscribe';
 export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & import("../../utils/native-props").NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<import("./context").FormContextType> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     mode?: "default" | "card" | undefined;
 } & import("react").RefAttributes<import("./form").FormInstance>> & {
     Item: import("react").FC<import("./form-item").FormItemProps>;
-    Subscribe: import("react").VFC<import("./form-subscribe").FormSubscribeProps>;
+    Subscribe: import("react").FC<import("./form-subscribe").FormSubscribeProps>;
     Header: import("react").FC<{
         children?: import("react").ReactNode;
     }>;

package/cjs/components/grid/grid.css

@@ -4,7 +4,8 @@
   --gap-vertical: var(--gap);
   display: grid;
   grid-gap: 10px;
-  column-gap: var(--gap-horizontal);
+  -webkit-column-gap: var(--gap-horizontal);
+          column-gap: var(--gap-horizontal);
   row-gap: var(--gap-vertical);
   grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
   align-items: stretch;

package/cjs/components/image/broken-image-icon.d.ts

@@ -0,0 +1 @@
+export declare const BrokenImageIcon: () => JSX.Element;

package/cjs/components/image/broken-image-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BrokenImageIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const BrokenImageIcon = () => _react.default.createElement("svg", {
+  viewBox: '0 0 48 48',
+  xmlns: 'http://www.w3.org/2000/svg'
+}, _react.default.createElement("path", {
+  d: 'M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z',
+  fill: '#DBDBDB',
+  fillRule: 'nonzero'
+}));
+
+exports.BrokenImageIcon = BrokenImageIcon;

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

@@ -0,0 +1 @@
+export declare const ImageIcon: () => JSX.Element;

package/cjs/components/image/image-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ImageIcon = () => _react.default.createElement("svg", {
+  viewBox: '0 0 48 48',
+  xmlns: 'http://www.w3.org/2000/svg'
+}, _react.default.createElement("path", {
+  d: 'M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z',
+  fill: '#DBDBDB',
+  fillRule: 'nonzero'
+}));
+
+exports.ImageIcon = ImageIcon;