@douyinfe/semi-ui 2.1.0-beta.3 → 2.1.0-next.3

package/lib/cjs/typography/copyable.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
+import { BaseProps } from '../_base/baseComponent';
+export interface CopyableProps extends BaseProps {
+    content?: string;
+    copyTip?: React.ReactNode;
+    duration?: number;
+    forwardRef?: React.RefObject<any>;
+    successTip?: React.ReactNode;
+    onCopy?: (e: React.MouseEvent, content: string, res: boolean) => void;
+}
+interface CopyableState {
+    copied: boolean;
+    item: string;
+}
+export declare class Copyable extends React.PureComponent<CopyableProps, CopyableState> {
+    static propTypes: {
+        content: PropTypes.Requireable<string>;
+        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
+        successTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        copyTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        duration: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        content: string;
+        onCopy: typeof noop;
+        duration: number;
+        style: {};
+        className: string;
+    };
+    _timeId: ReturnType<typeof setTimeout>;
+    constructor(props: CopyableProps);
+    componentWillUnmount(): void;
+    copy: (e: React.MouseEvent) => void;
+    setCopied: (item: string, timer: number) => void;
+    resetCopied: () => void;
+    renderSuccessTip: () => React.ReactNode;
+    render(): JSX.Element;
+}
+export default Copyable;

package/lib/cjs/typography/copyable.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = exports.Copyable = void 0;
+
+var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = _interopRequireDefault(require("../tooltip/index"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
+
+var _copyTextToClipboard = _interopRequireDefault(require("copy-text-to-clipboard"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class Copyable extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+
+    this.copy = e => {
+      const {
+        content,
+        duration,
+        onCopy
+      } = this.props;
+      const res = (0, _copyTextToClipboard.default)(content);
+      onCopy && onCopy(e, content, res);
+      this.setCopied(content, duration);
+    };
+
+    this.setCopied = (item, timer) => {
+      this.setState({
+        copied: true,
+        item
+      });
+      this._timeId = (0, _setTimeout2.default)(() => {
+        this.resetCopied();
+      }, timer * 1000);
+    };
+
+    this.resetCopied = () => {
+      if (this._timeId) {
+        clearTimeout(this._timeId);
+        this._timeId = null;
+        this.setState({
+          copied: false,
+          item: ''
+        });
+      }
+    };
+
+    this.renderSuccessTip = () => {
+      const {
+        successTip
+      } = this.props;
+
+      if (typeof successTip !== 'undefined') {
+        return successTip;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+        componentName: "Typography"
+      }, locale => /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, null), locale.copied));
+    };
+
+    this.state = {
+      copied: false,
+      item: ''
+    };
+  }
+
+  componentWillUnmount() {
+    if (this._timeId) {
+      clearTimeout(this._timeId);
+      this._timeId = null;
+    }
+  }
+
+  render() {
+    const {
+      style,
+      className,
+      forwardRef,
+      copyTip
+    } = this.props;
+    const {
+      copied
+    } = this.state;
+    const finalCls = (0, _classnames.default)(className, {
+      ["".concat(prefixCls, "-action-copy")]: !copied,
+      ["".concat(prefixCls, "-action-copied")]: copied
+    });
+    return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+      componentName: "Typography"
+    }, locale => /*#__PURE__*/_react.default.createElement("span", {
+      style: (0, _assign.default)({
+        marginLeft: '4px'
+      }, style),
+      className: finalCls,
+      ref: forwardRef
+    }, copied ? this.renderSuccessTip() : /*#__PURE__*/_react.default.createElement(_index.default, {
+      content: typeof copyTip !== 'undefined' ? copyTip : locale.copy
+    }, /*#__PURE__*/_react.default.createElement("a", {
+      className: "".concat(prefixCls, "-action-copy-icon")
+    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCopy, {
+      onClick: this.copy
+    })))));
+  }
+
+}
+
+exports.Copyable = Copyable;
+Copyable.propTypes = {
+  content: _propTypes.default.string,
+  onCopy: _propTypes.default.func,
+  successTip: _propTypes.default.node,
+  copyTip: _propTypes.default.node,
+  duration: _propTypes.default.number,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
+};
+Copyable.defaultProps = {
+  content: '',
+  onCopy: _function.noop,
+  duration: 3,
+  style: {},
+  className: ''
+};
+var _default = Copyable;
+exports.default = _default;

package/lib/cjs/typography/index.d.ts

@@ -0,0 +1,17 @@
+import BaseTypography from './typography';
+import Text from './text';
+import Title from './title';
+import Paragraph from './paragraph';
+export declare type TypographyType = typeof BaseTypography & {
+    Text: typeof Text;
+    Title: typeof Title;
+    Paragraph: typeof Paragraph;
+};
+declare const Typography: TypographyType;
+export { BaseTypographyProps } from './base';
+export { CopyableProps } from './copyable';
+export { TitleProps } from './title';
+export { TextProps } from './text';
+export { ParagraphProps } from './paragraph';
+export * from './interface';
+export default Typography;

package/lib/cjs/typography/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _context;
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _exportNames = {};
+exports.default = void 0;
+
+var _typography = _interopRequireDefault(require("./typography"));
+
+var _text = _interopRequireDefault(require("./text"));
+
+var _title = _interopRequireDefault(require("./title"));
+
+var _paragraph = _interopRequireDefault(require("./paragraph"));
+
+var _interface = require("./interface");
+
+_forEachInstanceProperty(_context = _Object$keys(_interface)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});
+
+const Typography = _typography.default;
+Typography.Text = _text.default;
+Typography.Title = _title.default;
+Typography.Paragraph = _paragraph.default;
+var _default = Typography;
+exports.default = _default;

package/lib/cjs/typography/interface.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PopoverProps } from '../popover';
+import { TooltipProps } from '../tooltip';
+import { ArrayElement } from '../_base/base';
+import { strings } from '@douyinfe/semi-foundation/lib/cjs/typography/constants';
+export declare type EllipsisPos = 'end' | 'middle';
+export declare type ShowTooltip = {
+    type?: string;
+    opts?: Partial<PopoverProps> & Partial<TooltipProps>;
+};
+export declare type Ellipsis = {
+    collapseText?: string;
+    collapsible?: boolean;
+    expandText?: string;
+    expandable?: boolean;
+    pos?: EllipsisPos;
+    rows?: number;
+    showTooltip?: boolean | ShowTooltip;
+    suffix?: string;
+    onExpand?: (expanded: boolean, event: React.MouseEvent<HTMLAnchorElement>) => void;
+};
+export declare type OmitTypographyProps = 'dangerouslySetInnerHTML';
+export declare type TypographyBaseType = ArrayElement<typeof strings.TYPE>;
+export declare type TypographyBaseSize = ArrayElement<typeof strings.SIZE>;
+export declare type TypographyBaseSpacing = ArrayElement<typeof strings.SPACING>;

package/lib/cjs/typography/interface.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/typography/paragraph.d.ts

@@ -0,0 +1,56 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { Ellipsis, TypographyBaseSize, TypographyBaseSpacing, TypographyBaseType, OmitTypographyProps } from './interface';
+import { CopyableConfig, LinkType } from './title';
+declare type OmitParagraphProps = OmitTypographyProps;
+export interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, OmitParagraphProps> {
+    className?: string;
+    component?: React.ElementType;
+    copyable?: CopyableConfig | boolean;
+    delete?: boolean;
+    disabled?: boolean;
+    ellipsis?: Ellipsis | boolean;
+    link?: LinkType;
+    mark?: boolean;
+    size?: TypographyBaseSize;
+    spacing?: TypographyBaseSpacing;
+    strong?: boolean;
+    style?: React.CSSProperties;
+    type?: TypographyBaseType;
+    underline?: boolean;
+}
+export default class Paragraph extends PureComponent<ParagraphProps> {
+    static propTypes: {
+        copyable: PropTypes.Requireable<boolean | object>;
+        delete: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        ellipsis: PropTypes.Requireable<boolean | object>;
+        mark: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<boolean | object>;
+        underline: PropTypes.Requireable<boolean>;
+        strong: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        size: PropTypes.Requireable<"small" | "normal">;
+        spacing: PropTypes.Requireable<"normal" | "extended">;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        copyable: boolean;
+        delete: boolean;
+        disabled: boolean;
+        ellipsis: boolean;
+        mark: boolean;
+        underline: boolean;
+        strong: boolean;
+        link: boolean;
+        type: string;
+        size: string;
+        spacing: string;
+        style: {};
+        className: string;
+    };
+    render(): JSX.Element;
+}
+export {};

package/lib/cjs/typography/paragraph.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
+
+var _base = _interopRequireDefault(require("./base"));
+
+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 prefixCls = _constants.cssClasses.PREFIX;
+
+class Paragraph extends _react.PureComponent {
+  render() {
+    const {
+      className
+    } = this.props;
+    const paragraphCls = (0, _classnames.default)(className, "".concat(prefixCls, "-paragraph"));
+    return /*#__PURE__*/_react.default.createElement(_base.default, (0, _assign.default)({
+      component: 'p'
+    }, this.props, {
+      className: paragraphCls
+    }));
+  }
+
+}
+
+exports.default = Paragraph;
+Paragraph.propTypes = {
+  copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  delete: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  // editable: PropTypes.bool,
+  ellipsis: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  mark: _propTypes.default.bool,
+  link: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  underline: _propTypes.default.bool,
+  strong: _propTypes.default.bool,
+  type: _propTypes.default.oneOf(_constants.strings.TYPE),
+  size: _propTypes.default.oneOf(_constants.strings.SIZE),
+  spacing: _propTypes.default.oneOf(_constants.strings.SPACING),
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  component: _propTypes.default.string
+};
+Paragraph.defaultProps = {
+  copyable: false,
+  delete: false,
+  disabled: false,
+  // editable: false,
+  ellipsis: false,
+  mark: false,
+  underline: false,
+  strong: false,
+  link: false,
+  type: 'primary',
+  size: 'normal',
+  spacing: 'normal',
+  style: {},
+  className: ''
+};

package/lib/cjs/typography/text.d.ts

@@ -0,0 +1,59 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { Ellipsis, TypographyBaseSize, TypographyBaseType, OmitTypographyProps } from './interface';
+import { CopyableConfig, LinkType } from './title';
+declare type OmitTextProps = OmitTypographyProps;
+export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, OmitTextProps> {
+    children?: React.ReactNode;
+    className?: string;
+    code?: boolean;
+    component?: React.ElementType;
+    copyable?: CopyableConfig | boolean;
+    delete?: boolean;
+    disabled?: boolean;
+    ellipsis?: Ellipsis | boolean;
+    icon?: React.ReactNode | string;
+    link?: LinkType;
+    mark?: boolean;
+    size?: TypographyBaseSize;
+    strong?: boolean;
+    style?: React.CSSProperties;
+    type?: TypographyBaseType;
+    underline?: boolean;
+}
+export default class Text extends PureComponent<TextProps> {
+    static propTypes: {
+        copyable: PropTypes.Requireable<boolean | object>;
+        delete: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        ellipsis: PropTypes.Requireable<boolean | object>;
+        mark: PropTypes.Requireable<boolean>;
+        underline: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<boolean | object>;
+        strong: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        size: PropTypes.Requireable<"small" | "normal">;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        code: PropTypes.Requireable<boolean>;
+        component: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        copyable: boolean;
+        delete: boolean;
+        disabled: boolean;
+        icon: string;
+        ellipsis: boolean;
+        mark: boolean;
+        underline: boolean;
+        strong: boolean;
+        link: boolean;
+        type: string;
+        style: {};
+        size: string;
+        className: string;
+    };
+    render(): JSX.Element;
+}
+export {};

package/lib/cjs/typography/text.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
+
+var _base = _interopRequireDefault(require("./base"));
+
+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; }
+
+class Text extends _react.PureComponent {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_base.default, (0, _assign.default)({
+      component: 'span'
+    }, this.props));
+  }
+
+}
+
+exports.default = Text;
+Text.propTypes = {
+  copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  delete: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  icon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+  ellipsis: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  mark: _propTypes.default.bool,
+  underline: _propTypes.default.bool,
+  link: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  strong: _propTypes.default.bool,
+  type: _propTypes.default.oneOf(_constants.strings.TYPE),
+  size: _propTypes.default.oneOf(_constants.strings.SIZE),
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  code: _propTypes.default.bool,
+  component: _propTypes.default.string
+};
+Text.defaultProps = {
+  copyable: false,
+  delete: false,
+  disabled: false,
+  icon: '',
+  // editable: false,
+  ellipsis: false,
+  mark: false,
+  underline: false,
+  strong: false,
+  link: false,
+  type: 'primary',
+  style: {},
+  size: 'normal',
+  className: ''
+};

package/lib/cjs/typography/title.d.ts

@@ -0,0 +1,61 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { strings } from '@douyinfe/semi-foundation/lib/cjs/typography/constants';
+import { Ellipsis, TypographyBaseType, OmitTypographyProps } from './interface';
+import { ArrayElement } from '@douyinfe/semi-foundation/lib/cjs/utils/type';
+declare type OmitTitleProps = OmitTypographyProps;
+export interface CopyableConfig {
+    content?: string;
+    copyTip?: React.ReactNode;
+    successTip?: React.ReactNode;
+    onCopy?(e: React.MouseEvent, content: string, res: boolean): void;
+}
+export declare type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;
+export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, OmitTitleProps> {
+    className?: string;
+    component?: React.ElementType;
+    copyable?: CopyableConfig | boolean;
+    delete?: boolean;
+    disabled?: boolean;
+    ellipsis?: Ellipsis | boolean;
+    heading?: ArrayElement<typeof strings.HEADING>;
+    link?: LinkType;
+    mark?: boolean;
+    strong?: boolean;
+    style?: React.CSSProperties;
+    type?: TypographyBaseType;
+    underline?: boolean;
+}
+export default class Title extends PureComponent<TitleProps> {
+    static propTypes: {
+        copyable: PropTypes.Requireable<boolean | object>;
+        delete: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        ellipsis: PropTypes.Requireable<boolean | object>;
+        mark: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<boolean | object>;
+        underline: PropTypes.Requireable<boolean>;
+        strong: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        copyable: boolean;
+        delete: boolean;
+        disabled: boolean;
+        ellipsis: boolean;
+        mark: boolean;
+        underline: boolean;
+        strong: boolean;
+        link: boolean;
+        type: string;
+        heading: number;
+        style: {};
+        className: string;
+    };
+    render(): JSX.Element;
+}
+export {};