@ucloud-fe/react-components 1.5.17 → 1.5.19

package/lib/components/Tag/Icon.js

@@ -0,0 +1,102 @@
+"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 _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 _style = require("./style");
+
+var _Tag = require("./Tag");
+
+var _excluded = ["children", "icon", "prefix"];
+
+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 Icon = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(Icon, _PureComponent);
+
+  var _super = _createSuper(Icon);
+
+  function Icon() {
+    (0, _classCallCheck2.default)(this, Icon);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Icon, [{
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props = this.props,
+          children = _this$props.children,
+          icon = _this$props.icon,
+          prefix = _this$props.prefix,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_style.IconTagWrapper, rest, typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_style.IconTag, {
+        type: icon,
+        prefix: prefix
+      }) : icon);
+    }
+  }]);
+  return Icon;
+}(_react.PureComponent);
+
+Icon.propTypes = {
+  /** @ignore */
+  children: _propTypes.default.node,
+
+  /**
+   * 自定义 icon
+   */
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /** 同 Icon 组件 prefix */
+  prefix: _propTypes.default.string,
+
+  /**
+   * 样式风格
+   */
+  styleType: _propTypes.default.oneOf(_Tag.StyleType),
+
+  /**
+   * 自定义样式
+   */
+  customStyle: _propTypes.default.shape({
+    /** 字色/图标色 */
+    color: _propTypes.default.string,
+
+    /** 边框色 */
+    borderColor: _propTypes.default.string,
+
+    /** 背景色 */
+    background: _propTypes.default.string
+  })
+};
+var _default = Icon;
+exports.default = _default;

package/lib/components/Tag/Tag.d.ts

@@ -0,0 +1,52 @@
+export default Tag;
+declare class Tag extends React.PureComponent<any, any, any> {
+    static propTypes: {
+        /** @ignore */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * 样式风格
+         */
+        styleType: PropTypes.Requireable<string>;
+        /**
+         * 是否显示关闭按钮
+         */
+        closable: PropTypes.Requireable<boolean>;
+        /**
+         * 关闭回调
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * 自定义前置 icon
+         */
+        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * 是否禁用
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * 自定义样式
+         */
+        customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+            /** 字色/图标色 */
+            color: PropTypes.Requireable<string>;
+            /** 边框色 */
+            borderColor: PropTypes.Requireable<string>;
+            /** 背景色 */
+            background: PropTypes.Requireable<string>;
+            /** 关闭按钮 hover 背景色 */
+            closeIconHoverBackground: PropTypes.Requireable<string>;
+        }>>;
+    };
+    static defaultProps: {
+        styleType: string;
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+declare namespace Tag {
+    export { StyleType };
+}
+export const StyleType: string[];
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/Tag/Tag.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyleType = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _style = require("./style");
+
+var _excluded = ["children", "styleType", "closable", "icon", "disabled", "onClose"];
+
+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 StyleType = Object.keys(_style.styleMap);
+exports.StyleType = StyleType;
+
+var Tag = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(Tag, _PureComponent);
+
+  var _super = _createSuper(Tag);
+
+  function Tag() {
+    (0, _classCallCheck2.default)(this, Tag);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Tag, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          styleType = _this$props.styleType,
+          closable = _this$props.closable,
+          icon = _this$props.icon,
+          disabled = _this$props.disabled,
+          onClose = _this$props.onClose,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_style.TagWrapper, (0, _extends2.default)({
+        styleType: styleType,
+        disabled: disabled
+      }, rest), icon && /*#__PURE__*/_react.default.createElement(_style.PrefixIconWrapper, null, typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_style.PrefixIcon, {
+        type: icon
+      }) : icon), /*#__PURE__*/_react.default.createElement(_style.ContentWrapper, null, children), closable && /*#__PURE__*/_react.default.createElement(_style.CloseIconWrapper, {
+        onClick: disabled ? undefined : onClose
+      }, /*#__PURE__*/_react.default.createElement(_style.CloseIcon, {
+        type: "cross"
+      })));
+    }
+  }]);
+  return Tag;
+}(_react.PureComponent);
+
+Tag.propTypes = {
+  /** @ignore */
+  children: _propTypes.default.node,
+
+  /**
+   * 样式风格
+   */
+  styleType: _propTypes.default.oneOf(StyleType),
+
+  /**
+   * 是否显示关闭按钮
+   */
+  closable: _propTypes.default.bool,
+
+  /**
+   * 关闭回调
+   */
+  onClose: _propTypes.default.func,
+
+  /**
+   * 自定义前置 icon
+   */
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /**
+   * 是否禁用
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * 自定义样式
+   */
+  customStyle: _propTypes.default.shape({
+    /** 字色/图标色 */
+    color: _propTypes.default.string,
+
+    /** 边框色 */
+    borderColor: _propTypes.default.string,
+
+    /** 背景色 */
+    background: _propTypes.default.string,
+
+    /** 关闭按钮 hover 背景色 */
+    closeIconHoverBackground: _propTypes.default.string
+  })
+};
+Tag.defaultProps = {
+  styleType: 'default'
+};
+var _default = Tag;
+exports.default = _default;
+Tag.StyleType = StyleType;

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

@@ -0,0 +1,8 @@
+import Tag from './Tag';
+import Group from './Group';
+import IconTag from './Icon';
+declare const ExportTag: typeof Tag & {
+    Group: typeof Group;
+    Icon: typeof IconTag;
+};
+export default ExportTag;

package/lib/components/Tag/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _type = require("../../type");
+
+var _Tag = _interopRequireDefault(require("./Tag"));
+
+var _Group = _interopRequireDefault(require("./Group"));
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+var ExportTag = (0, _type.ExportComponent)(_Tag.default, {
+  Group: _Group.default,
+  Icon: _Icon.default
+});
+var _default = ExportTag;
+exports.default = _default;

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

@@ -0,0 +1,110 @@
+export const prefixCls: string;
+export const iconCls: string;
+export namespace styleMap {
+    namespace gray {
+        const color: string;
+        const border: string;
+        const bg: string;
+        const iconHoverBG: string;
+    }
+    namespace green {
+        const color_1: string;
+        export { color_1 as color };
+        const border_1: string;
+        export { border_1 as border };
+        const bg_1: string;
+        export { bg_1 as bg };
+        const iconHoverBG_1: string;
+        export { iconHoverBG_1 as iconHoverBG };
+    }
+    namespace yellow {
+        const color_2: string;
+        export { color_2 as color };
+        const border_2: string;
+        export { border_2 as border };
+        const bg_2: string;
+        export { bg_2 as bg };
+        const iconHoverBG_2: string;
+        export { iconHoverBG_2 as iconHoverBG };
+    }
+    namespace red {
+        const color_3: string;
+        export { color_3 as color };
+        const border_3: string;
+        export { border_3 as border };
+        const bg_3: string;
+        export { bg_3 as bg };
+        const iconHoverBG_3: string;
+        export { iconHoverBG_3 as iconHoverBG };
+    }
+    namespace primary {
+        const color_4: string;
+        export { color_4 as color };
+        const border_4: string;
+        export { border_4 as border };
+        const bg_4: string;
+        export { bg_4 as bg };
+        const iconHoverBG_4: string;
+        export { iconHoverBG_4 as iconHoverBG };
+    }
+    namespace purple {
+        const color_5: string;
+        export { color_5 as color };
+        const border_5: string;
+        export { border_5 as border };
+        const bg_5: string;
+        export { bg_5 as bg };
+        const iconHoverBG_5: string;
+        export { iconHoverBG_5 as iconHoverBG };
+    }
+    namespace lightblue {
+        const color_6: string;
+        export { color_6 as color };
+        const border_6: string;
+        export { border_6 as border };
+        const bg_6: string;
+        export { bg_6 as bg };
+        const iconHoverBG_6: string;
+        export { iconHoverBG_6 as iconHoverBG };
+    }
+    namespace blue {
+        const color_7: string;
+        export { color_7 as color };
+        const border_7: string;
+        export { border_7 as border };
+        const bg_7: string;
+        export { bg_7 as bg };
+        const iconHoverBG_7: string;
+        export { iconHoverBG_7 as iconHoverBG };
+    }
+    namespace orange {
+        const color_8: string;
+        export { color_8 as color };
+        const border_8: string;
+        export { border_8 as border };
+        const bg_8: string;
+        export { bg_8 as bg };
+        const iconHoverBG_8: string;
+        export { iconHoverBG_8 as iconHoverBG };
+    }
+    namespace cyan {
+        const color_9: string;
+        export { color_9 as color };
+        const border_9: string;
+        export { border_9 as border };
+        const bg_9: string;
+        export { bg_9 as bg };
+        const iconHoverBG_9: string;
+        export { iconHoverBG_9 as iconHoverBG };
+    }
+}
+export const CloseIcon: import("@emotion/styled-base").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, Pick<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, string | number | symbol>, object>;
+export const CloseIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export const PrefixIcon: import("@emotion/styled-base").StyledComponent<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, Pick<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | keyof import("../../Icon/Icon").IconProps>, object>;
+export const PrefixIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export const TagWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
+export const ContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export const IconTag: import("@emotion/styled-base").StyledComponent<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, Pick<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | keyof import("../../Icon/Icon").IconProps>, object>;
+export const IconTagWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
+export const TagGroupWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
+import SvgIcon from "../../../components/SvgIcon";