@ucloud-fe/react-components 1.5.17 → 1.5.18

package/lib/components/Link/Button.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Icon = _interopRequireDefault(require("../../components/Icon"));
+
+var _style = require("../../components/Button/style");
+
+var _style2 = require("./style");
+
+var _excluded = ["icon", "children", "className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var defaultProps = {
+  styleType: 'border',
+  size: 'md'
+};
+
+var Button = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(Button, _PureComponent);
+
+  var _super = _createSuper(Button);
+
+  function Button() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Button);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderIcon = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var icon = _this.props.icon;
+
+      if (typeof icon === 'string') {
+        return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          className: _style.iconCls,
+          type: icon
+        });
+      }
+
+      return icon;
+    }.bind(this);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Button, [{
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      var _this$props = this.props,
+          icon = _this$props.icon,
+          children = _this$props.children,
+          className = _this$props.className,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_style.SButtonA, (0, _extends2.default)({}, rest, {
+        className: (0, _classnames.default)(_style2.prefixCls, className)
+      }), this.renderIcon(), children);
+    }
+  }]);
+  return Button;
+}(_react.PureComponent);
+
+exports.default = Button;
+Button.propTypes = {
+  styleType: _propTypes.default.oneOf(['primary', 'border', 'border-gray']),
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  shape: _propTypes.default.oneOf(['circle', 'square']),
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
+};
+Button.defaultProps = defaultProps;

package/lib/components/Link/Link.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+declare type LinkProps = {
+    /** a 标签的链接 */
+    href?: string;
+    /** 打开方式 */
+    target?: string;
+} & HTMLAttributes<HTMLAnchorElement>;
+declare const Link: (props: LinkProps) => JSX.Element;
+export default Link;

package/lib/components/Link/Link.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _style = require("./style");
+
+var _this = void 0;
+
+var Link = function Link(props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  return /*#__PURE__*/_react.default.createElement(_style.SLink, props);
+}.bind(void 0);
+
+Link.propTypes = {
+  href: _propTypes.default.string,
+  target: _propTypes.default.string
+};
+var _default = Link;
+exports.default = _default;

package/lib/components/Link/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Button from './Button';
+declare const ExportLink: ((props: {
+    href?: string | undefined;
+    target?: string | undefined;
+} & import("react").HTMLAttributes<HTMLAnchorElement>) => JSX.Element) & {
+    Button: typeof Button;
+};
+export default ExportLink;

package/lib/components/Link/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Link = _interopRequireDefault(require("./Link"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _type = require("../../type");
+
+var ExportLink = (0, _type.ExportComponent)(_Link.default, {
+  Button: _Button.default
+});
+var _default = ExportLink;
+exports.default = _default;

package/lib/components/Link/style/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const prefixCls: string;
+export declare const SLink: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/components/Link/style/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SLink = exports.prefixCls = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _styledWrap = _interopRequireDefault(require("../../../utils/styledWrap"));
+
+var _this = void 0;
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-link';
+exports.prefixCls = prefixCls;
+var SLink = (0, _styledWrap.default)({
+  className: prefixCls
+})((0, _styledBase.default)("a", {
+  target: "e1vdn1i70",
+  label: "SLink"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var DT = props.theme.designTokens;
+  return /*#__PURE__*/(0, _core.css)("&,&:link,&:visited{text-decoration:underline;color:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";}&:hover,&:active{color:", DT.T_COLOR_TEXT_PRIMARY_HOVER, ";};label:SLink;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCBzdHlsZWRXcmFwIGZyb20gJ3NyYy91dGlscy9zdHlsZWRXcmFwJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy1saW5rJztcblxuZXhwb3J0IGNvbnN0IFNMaW5rID0gc3R5bGVkV3JhcDx1bmtub3duLCBIVE1MQW5jaG9yRWxlbWVudD4oeyBjbGFzc05hbWU6IHByZWZpeENscyB9KShcbiAgICBzdHlsZWQuYShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICYsXG4gICAgICAgICAgICAmOmxpbmssXG4gICAgICAgICAgICAmOnZpc2l0ZWQge1xuICAgICAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9QUklNQVJZX0RFRkFVTFR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9IT1ZFUn07XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVUkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9zdHlsZS9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZFdyYXAgZnJvbSAnc3JjL3V0aWxzL3N0eWxlZFdyYXAnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWxpbmsnO1xuXG5leHBvcnQgY29uc3QgU0xpbmsgPSBzdHlsZWRXcmFwPHVua25vd24sIEhUTUxBbmNob3JFbGVtZW50Pih7IGNsYXNzTmFtZTogcHJlZml4Q2xzIH0pKFxuICAgIHN0eWxlZC5hKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgJixcbiAgICAgICAgICAgICY6bGluayxcbiAgICAgICAgICAgICY6dmlzaXRlZCB7XG4gICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9QUklNQVJZX0hPVkVSfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+exports.SLink = SLink;

package/lib/components/Loading/Loading.d.ts

@@ -0,0 +1,27 @@
+export const animationName: "uc-fe-animation-fade";
+export default Loading;
+declare class Loading extends React.Component<any, any, any> {
+    static propTypes: {
+        /** 是否加载 */
+        loading: PropTypes.Requireable<boolean>;
+        /** 加载指示符 */
+        indicator: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** 文字提示 */
+        tip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** 遮罩层样式 */
+        maskStyle: PropTypes.Requireable<object>;
+        /** 遮罩层类名 */
+        maskClassName: PropTypes.Requireable<string>;
+        /** @ignore */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        loading: boolean;
+        indicator: JSX.Element;
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/Loading/Loading.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.animationName = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _style = require("./style");
+
+var _excluded = ["loading", "children", "indicator", "tip", "maskStyle", "maskClassName"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var animationName = 'uc-fe-animation-fade';
+exports.animationName = animationName;
+
+var Loading = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Loading, _Component);
+
+  var _super = _createSuper(Loading);
+
+  function Loading() {
+    (0, _classCallCheck2.default)(this, Loading);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Loading, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          loading = _this$props.loading,
+          children = _this$props.children,
+          indicator = _this$props.indicator,
+          tip = _this$props.tip,
+          maskStyle = _this$props.maskStyle,
+          maskClassName = _this$props.maskClassName,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_style.LoadingWrap, rest, children, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+        in: loading,
+        unmountOnExit: true,
+        classNames: animationName,
+        timeout: _style.animationDuration
+      }, /*#__PURE__*/_react.default.createElement(_style.Mask, {
+        style: maskStyle,
+        maskClassName: maskClassName
+      }, /*#__PURE__*/_react.default.createElement(_style.IndicatorWrap, null, /*#__PURE__*/_react.default.createElement("div", null, indicator, tip && /*#__PURE__*/_react.default.createElement(_style.TipWrap, null, tip))))));
+    }
+  }]);
+  return Loading;
+}(_react.Component);
+
+Loading.propTypes = {
+  /** 是否加载 */
+  loading: _propTypes.default.bool,
+
+  /** 加载指示符 */
+  indicator: _propTypes.default.node,
+
+  /** 文字提示 */
+  tip: _propTypes.default.node,
+
+  /** 遮罩层样式 */
+  maskStyle: _propTypes.default.object,
+
+  /** 遮罩层类名 */
+  maskClassName: _propTypes.default.string,
+
+  /** @ignore */
+  children: _propTypes.default.node
+};
+Loading.defaultProps = {
+  loading: false,
+  indicator: /*#__PURE__*/_react.default.createElement(_style.LoadingIcon, {
+    size: "14px",
+    type: "ring-loading",
+    spin: true
+  })
+};
+var _default = Loading;
+exports.default = _default;

package/lib/components/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export default Loading;
+import Loading from "./Loading";

package/lib/components/Loading/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Loading = _interopRequireDefault(require("./Loading"));
+
+var _default = _Loading.default;
+exports.default = _default;

package/lib/components/Loading/style/index.d.ts

@@ -0,0 +1,8 @@
+export const animationDuration: 200;
+export const animationName: "uc-fe-animation-fade";
+export const LoadingWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const Mask: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
+export const IndicatorWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const LoadingIcon: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
+export const ContentWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const TipWrap: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;

package/lib/components/Loading/style/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TipWrap = exports.ContentWrap = exports.LoadingIcon = exports.IndicatorWrap = exports.Mask = exports.LoadingWrap = exports.animationName = exports.animationDuration = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _SvgIcon = _interopRequireDefault(require("../../../components/SvgIcon"));
+
+var _animation = require("../../../style/animation");
+
+var _withProps = _interopRequireDefault(require("../../../utils/withProps"));
+
+var _this = void 0;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var animationDuration = 200;
+exports.animationDuration = animationDuration;
+var animationName = 'uc-fe-animation-fade';
+exports.animationName = animationName;
+var LoadingWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "e6dawck0",
+  label: "LoadingWrap"
+})("position:relative;.", animationName, "-enter,.", animationName, "-appear,.", animationName, "-leave,.", animationName, "-exit{animation-duration:", animationDuration, "ms;animation-fill-mode:both;}.", animationName, "-enter,.", animationName, "-appear{animation-name:", _animation.fadeIn, ";}.", animationName, "-leave,.", animationName, "-exit{animation-name:", _animation.fadeOut, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IFN2Z0ljb24gZnJvbSAnc3JjL2NvbXBvbmVudHMvU3ZnSWNvbic7XG5pbXBvcnQgeyBmYWRlSW4sIGZhZGVPdXQgfSBmcm9tICdzcmMvc3R5bGUvYW5pbWF0aW9uJztcbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25EdXJhdGlvbiA9IDIwMDtcbmV4cG9ydCBjb25zdCBhbmltYXRpb25OYW1lID0gJ3VjLWZlLWFuaW1hdGlvbi1mYWRlJztcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuJHthbmltYXRpb25OYW1lfS1lbnRlciwgLiR7YW5pbWF0aW9uTmFtZX0tYXBwZWFyLCAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogJHthbmltYXRpb25EdXJhdGlvbn1tcztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgICB9XG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVJbn07XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWxlYXZlLCAuJHthbmltYXRpb25OYW1lfS1leGl0IHtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7ZmFkZU91dH07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1hc2sgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgei1pbmRleDogMTA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfTE9BRElOR19DT0xPUl9MQVlFUl9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvcldyYXAgPSBzdHlsZWQoJ2RpdicpYFxuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgPiBkaXYge1xuICAgICAgICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdJY29uID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKFN2Z0ljb24pKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVGlwV3JhcCA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZCgncCcpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZm9udFNpemUsIGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZX07XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+exports.LoadingWrap = LoadingWrap;
+var Mask = (0, _withProps.default)()(( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "e6dawck1",
+  label: "Mask"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var DT = props.theme.designTokens;
+  return /*#__PURE__*/(0, _core.css)("position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background:", DT.T_LOADING_COLOR_LAYER_DEFAULT, ";;label:Mask;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBTdmdJY29uIGZyb20gJ3NyYy9jb21wb25lbnRzL1N2Z0ljb24nO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0IH0gZnJvbSAnc3JjL3N0eWxlL2FuaW1hdGlvbic7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5leHBvcnQgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAyMDA7XG5leHBvcnQgY29uc3QgYW5pbWF0aW9uTmFtZSA9ICd1Yy1mZS1hbmltYXRpb24tZmFkZSc7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nV3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciwgLiR7YW5pbWF0aW9uTmFtZX0tbGVhdmUsIC4ke2FuaW1hdGlvbk5hbWV9LWV4aXQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246ICR7YW5pbWF0aW9uRHVyYXRpb259bXM7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWVudGVyLCAuJHthbmltYXRpb25OYW1lfS1hcHBlYXIge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogJHtmYWRlSW59O1xuICAgIH1cbiAgICAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVPdXR9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0xPQURJTkdfQ09MT1JfTEFZRVJfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmID4gZGl2IHtcbiAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nSWNvbiA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZChTdmdJY29uKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpcFdyYXAgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ3AnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGZvbnRTaXplLCBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiA1cHg7XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IFN2Z0ljb24gZnJvbSAnc3JjL2NvbXBvbmVudHMvU3ZnSWNvbic7XG5pbXBvcnQgeyBmYWRlSW4sIGZhZGVPdXQgfSBmcm9tICdzcmMvc3R5bGUvYW5pbWF0aW9uJztcbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25EdXJhdGlvbiA9IDIwMDtcbmV4cG9ydCBjb25zdCBhbmltYXRpb25OYW1lID0gJ3VjLWZlLWFuaW1hdGlvbi1mYWRlJztcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuJHthbmltYXRpb25OYW1lfS1lbnRlciwgLiR7YW5pbWF0aW9uTmFtZX0tYXBwZWFyLCAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogJHthbmltYXRpb25EdXJhdGlvbn1tcztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgICB9XG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVJbn07XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWxlYXZlLCAuJHthbmltYXRpb25OYW1lfS1leGl0IHtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7ZmFkZU91dH07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1hc2sgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgei1pbmRleDogMTA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfTE9BRElOR19DT0xPUl9MQVlFUl9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvcldyYXAgPSBzdHlsZWQoJ2RpdicpYFxuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgPiBkaXYge1xuICAgICAgICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdJY29uID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKFN2Z0ljb24pKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVGlwV3JhcCA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZCgncCcpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZm9udFNpemUsIGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZX07XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+exports.Mask = Mask;
+var IndicatorWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "e6dawck2",
+  label: "IndicatorWrap"
+})(process.env.NODE_ENV === "production" ? {
+  name: "redhob",
+  styles: "display:table;width:100%;height:100%;& > div{display:table-cell;vertical-align:middle;text-align:center;}"
+} : {
+  name: "redhob",
+  styles: "display:table;width:100%;height:100%;& > div{display:table-cell;vertical-align:middle;text-align:center;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBTdmdJY29uIGZyb20gJ3NyYy9jb21wb25lbnRzL1N2Z0ljb24nO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0IH0gZnJvbSAnc3JjL3N0eWxlL2FuaW1hdGlvbic7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5leHBvcnQgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAyMDA7XG5leHBvcnQgY29uc3QgYW5pbWF0aW9uTmFtZSA9ICd1Yy1mZS1hbmltYXRpb24tZmFkZSc7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nV3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciwgLiR7YW5pbWF0aW9uTmFtZX0tbGVhdmUsIC4ke2FuaW1hdGlvbk5hbWV9LWV4aXQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246ICR7YW5pbWF0aW9uRHVyYXRpb259bXM7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWVudGVyLCAuJHthbmltYXRpb25OYW1lfS1hcHBlYXIge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogJHtmYWRlSW59O1xuICAgIH1cbiAgICAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVPdXR9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0xPQURJTkdfQ09MT1JfTEFZRVJfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmID4gZGl2IHtcbiAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nSWNvbiA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZChTdmdJY29uKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpcFdyYXAgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ3AnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGZvbnRTaXplLCBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiA1cHg7XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.IndicatorWrap = IndicatorWrap;
+var LoadingIcon = (0, _withProps.default)()(( /*#__PURE__*/0, _styledBase.default)(_SvgIcon.default, {
+  target: "e6dawck3",
+  label: "LoadingIcon"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var DT = props.theme.designTokens;
+  return /*#__PURE__*/(0, _core.css)("font-size:20px;fill:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";;label:LoadingIcon;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBTdmdJY29uIGZyb20gJ3NyYy9jb21wb25lbnRzL1N2Z0ljb24nO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0IH0gZnJvbSAnc3JjL3N0eWxlL2FuaW1hdGlvbic7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5leHBvcnQgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAyMDA7XG5leHBvcnQgY29uc3QgYW5pbWF0aW9uTmFtZSA9ICd1Yy1mZS1hbmltYXRpb24tZmFkZSc7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nV3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciwgLiR7YW5pbWF0aW9uTmFtZX0tbGVhdmUsIC4ke2FuaW1hdGlvbk5hbWV9LWV4aXQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246ICR7YW5pbWF0aW9uRHVyYXRpb259bXM7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWVudGVyLCAuJHthbmltYXRpb25OYW1lfS1hcHBlYXIge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogJHtmYWRlSW59O1xuICAgIH1cbiAgICAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVPdXR9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0xPQURJTkdfQ09MT1JfTEFZRVJfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmID4gZGl2IHtcbiAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nSWNvbiA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZChTdmdJY29uKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpcFdyYXAgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ3AnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGZvbnRTaXplLCBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiA1cHg7XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IFN2Z0ljb24gZnJvbSAnc3JjL2NvbXBvbmVudHMvU3ZnSWNvbic7XG5pbXBvcnQgeyBmYWRlSW4sIGZhZGVPdXQgfSBmcm9tICdzcmMvc3R5bGUvYW5pbWF0aW9uJztcbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25EdXJhdGlvbiA9IDIwMDtcbmV4cG9ydCBjb25zdCBhbmltYXRpb25OYW1lID0gJ3VjLWZlLWFuaW1hdGlvbi1mYWRlJztcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuJHthbmltYXRpb25OYW1lfS1lbnRlciwgLiR7YW5pbWF0aW9uTmFtZX0tYXBwZWFyLCAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogJHthbmltYXRpb25EdXJhdGlvbn1tcztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgICB9XG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVJbn07XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWxlYXZlLCAuJHthbmltYXRpb25OYW1lfS1leGl0IHtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7ZmFkZU91dH07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1hc2sgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgei1pbmRleDogMTA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfTE9BRElOR19DT0xPUl9MQVlFUl9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvcldyYXAgPSBzdHlsZWQoJ2RpdicpYFxuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgPiBkaXYge1xuICAgICAgICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdJY29uID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKFN2Z0ljb24pKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVGlwV3JhcCA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZCgncCcpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZm9udFNpemUsIGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZX07XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+exports.LoadingIcon = LoadingIcon;
+var ContentWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "e6dawck4",
+  label: "ContentWrap"
+})(process.env.NODE_ENV === "production" ? {
+  name: "79elbk",
+  styles: "position:relative;"
+} : {
+  name: "79elbk",
+  styles: "position:relative;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V3QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBTdmdJY29uIGZyb20gJ3NyYy9jb21wb25lbnRzL1N2Z0ljb24nO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0IH0gZnJvbSAnc3JjL3N0eWxlL2FuaW1hdGlvbic7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5leHBvcnQgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAyMDA7XG5leHBvcnQgY29uc3QgYW5pbWF0aW9uTmFtZSA9ICd1Yy1mZS1hbmltYXRpb24tZmFkZSc7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nV3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciwgLiR7YW5pbWF0aW9uTmFtZX0tbGVhdmUsIC4ke2FuaW1hdGlvbk5hbWV9LWV4aXQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246ICR7YW5pbWF0aW9uRHVyYXRpb259bXM7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWVudGVyLCAuJHthbmltYXRpb25OYW1lfS1hcHBlYXIge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogJHtmYWRlSW59O1xuICAgIH1cbiAgICAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVPdXR9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0xPQURJTkdfQ09MT1JfTEFZRVJfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmID4gZGl2IHtcbiAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nSWNvbiA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZChTdmdJY29uKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpcFdyYXAgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ3AnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGZvbnRTaXplLCBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiA1cHg7XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.ContentWrap = ContentWrap;
+var TipWrap = (0, _withProps.default)()(( /*#__PURE__*/0, _styledBase.default)('p', {
+  target: "e6dawck5",
+  label: "TipWrap"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var _props$theme = props.theme,
+      fontSize = _props$theme.fontSize,
+      DT = _props$theme.designTokens;
+  return /*#__PURE__*/(0, _core.css)("text-align:center;font-size:", fontSize, ";color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";margin-top:5px;;label:TipWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBTdmdJY29uIGZyb20gJ3NyYy9jb21wb25lbnRzL1N2Z0ljb24nO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0IH0gZnJvbSAnc3JjL3N0eWxlL2FuaW1hdGlvbic7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5leHBvcnQgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAyMDA7XG5leHBvcnQgY29uc3QgYW5pbWF0aW9uTmFtZSA9ICd1Yy1mZS1hbmltYXRpb24tZmFkZSc7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nV3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciwgLiR7YW5pbWF0aW9uTmFtZX0tbGVhdmUsIC4ke2FuaW1hdGlvbk5hbWV9LWV4aXQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246ICR7YW5pbWF0aW9uRHVyYXRpb259bXM7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWVudGVyLCAuJHthbmltYXRpb25OYW1lfS1hcHBlYXIge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogJHtmYWRlSW59O1xuICAgIH1cbiAgICAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVPdXR9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0xPQURJTkdfQ09MT1JfTEFZRVJfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmID4gZGl2IHtcbiAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkaW5nSWNvbiA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZChTdmdJY29uKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcCA9IHN0eWxlZCgnZGl2JylgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpcFdyYXAgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ3AnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGZvbnRTaXplLCBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiA1cHg7XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IFN2Z0ljb24gZnJvbSAnc3JjL2NvbXBvbmVudHMvU3ZnSWNvbic7XG5pbXBvcnQgeyBmYWRlSW4sIGZhZGVPdXQgfSBmcm9tICdzcmMvc3R5bGUvYW5pbWF0aW9uJztcbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25EdXJhdGlvbiA9IDIwMDtcbmV4cG9ydCBjb25zdCBhbmltYXRpb25OYW1lID0gJ3VjLWZlLWFuaW1hdGlvbi1mYWRlJztcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuJHthbmltYXRpb25OYW1lfS1lbnRlciwgLiR7YW5pbWF0aW9uTmFtZX0tYXBwZWFyLCAuJHthbmltYXRpb25OYW1lfS1sZWF2ZSwgLiR7YW5pbWF0aW9uTmFtZX0tZXhpdCB7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogJHthbmltYXRpb25EdXJhdGlvbn1tcztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgICB9XG4gICAgLiR7YW5pbWF0aW9uTmFtZX0tZW50ZXIsIC4ke2FuaW1hdGlvbk5hbWV9LWFwcGVhciB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2ZhZGVJbn07XG4gICAgfVxuICAgIC4ke2FuaW1hdGlvbk5hbWV9LWxlYXZlLCAuJHthbmltYXRpb25OYW1lfS1leGl0IHtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7ZmFkZU91dH07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1hc2sgPSB3aXRoUHJvcHMoKShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgei1pbmRleDogMTA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfTE9BRElOR19DT0xPUl9MQVlFUl9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvcldyYXAgPSBzdHlsZWQoJ2RpdicpYFxuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgPiBkaXYge1xuICAgICAgICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRpbmdJY29uID0gd2l0aFByb3BzKCkoXG4gICAgc3R5bGVkKFN2Z0ljb24pKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVGlwV3JhcCA9IHdpdGhQcm9wcygpKFxuICAgIHN0eWxlZCgncCcpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZm9udFNpemUsIGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZX07XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+exports.TipWrap = TipWrap;

package/lib/components/LocaleProvider/LocaleContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface LocaleMap {
+    [localeName: string]: string;
+}
+export interface AllLocaleMap {
+    [componentName: string]: LocaleMap;
+}
+declare const LocaleContext: React.Context<AllLocaleMap>;
+export default LocaleContext;

package/lib/components/LocaleProvider/LocaleContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var LocaleContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = LocaleContext;
+exports.default = _default;

package/lib/components/LocaleProvider/LocaleProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AllLocaleMap } from './LocaleContext';
+declare const _default: React.MemoExoticComponent<({ locale, children }: {
+    locale: AllLocaleMap;
+    children: React.ReactNode;
+}) => JSX.Element>;
+export default _default;

package/lib/components/LocaleProvider/LocaleProvider.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _runtime = require("./runtime");
+
+var _LocaleContext = _interopRequireDefault(require("./LocaleContext"));
+
+var _this = void 0;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var LocaleProvider = function LocaleProvider(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? {} : _ref$locale,
+      children = _ref.children;
+  (0, _react.useEffect)(function () {
+    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _runtime.setRuntimeLocale)(locale);
+  }.bind(this), [locale]);
+  return /*#__PURE__*/_react.default.createElement(_LocaleContext.default.Provider, {
+    value: locale
+  }, _react.default.Children.only(children));
+}.bind(void 0);
+
+var _default = /*#__PURE__*/_react.default.memo(LocaleProvider);
+
+exports.default = _default;