tntd 3.0.0-beta.1 → 3.0.0-beta.10

package/es/icon/components/utils.js

@@ -1,79 +1,79 @@
 import { generate as generateColor } from '@ant-design/colors';
 import * as React from 'react';
 export function log(message) {
-    if (!(process && process.env && process.env.NODE_ENV === 'production')) {
-        console.error(`[@ant-design/icons-react]: ${message}.`);
-    }
+  if (!(process && process.env && process.env.NODE_ENV === 'production')) {
+    console.error(`[@ant-design/icons-react]: ${message}.`);
+  }
 }
 export function isIconDefinition(target) {
-    return (typeof target === 'object' &&
-        typeof target.name === 'string' &&
-        typeof target.theme === 'string' &&
-        (typeof target.icon === 'object' || typeof target.icon === 'function'));
+  return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
 }
 export function normalizeAttrs(attrs = {}) {
-    return Object.keys(attrs).reduce((acc, key) => {
-        const val = attrs[key];
-        switch (key) {
-            case 'class':
-                acc.className = val;
-                delete acc.class;
-                break;
-            default:
-                acc[key] = val;
-        }
-        return acc;
-    }, {});
+  return Object.keys(attrs).reduce((acc, key) => {
+    const val = attrs[key];
+    switch (key) {
+      case 'class':
+        acc.className = val;
+        delete acc.class;
+        break;
+      default:
+        acc[key] = val;
+    }
+    return acc;
+  }, {});
 }
 export class MiniMap {
-    constructor() {
-        Object.defineProperty(this, "collection", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-    }
-    get size() {
-        return Object.keys(this.collection).length;
-    }
-    clear() {
-        this.collection = {};
-    }
-    delete(key) {
-        return delete this.collection[key];
-    }
-    get(key) {
-        return this.collection[key];
-    }
-    has(key) {
-        return Boolean(this.collection[key]);
-    }
-    set(key, value) {
-        this.collection[key] = value;
-        return this;
-    }
+  constructor() {
+    Object.defineProperty(this, "collection", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {}
+    });
+  }
+  get size() {
+    return Object.keys(this.collection).length;
+  }
+  clear() {
+    this.collection = {};
+  }
+  delete(key) {
+    return delete this.collection[key];
+  }
+  get(key) {
+    return this.collection[key];
+  }
+  has(key) {
+    return Boolean(this.collection[key]);
+  }
+  set(key, value) {
+    this.collection[key] = value;
+    return this;
+  }
 }
 export function generate(node, key, rootProps) {
-    if (!rootProps) {
-        return React.createElement(node.tag, Object.assign({ key }, normalizeAttrs(node.attrs)), (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
-    }
-    return React.createElement(node.tag, Object.assign(Object.assign({ key }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
+  if (!rootProps) {
+    return React.createElement(node.tag, Object.assign({
+      key
+    }, normalizeAttrs(node.attrs)), (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
+  }
+  return React.createElement(node.tag, Object.assign(Object.assign({
+    key
+  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
 }
 export function getSecondaryColor(primaryColor) {
-    // choose the second color
-    return generateColor(primaryColor)[0];
+  // choose the second color
+  return generateColor(primaryColor)[0];
 }
 export function withSuffix(name, theme) {
-    switch (theme) {
-        case 'fill':
-            return `${name}-fill`;
-        case 'outline':
-            return `${name}-o`;
-        case 'twotone':
-            return `${name}-twotone`;
-        default:
-            throw new TypeError(`Unknown theme type: ${theme}, name: ${name}`);
-    }
-}
-//# sourceMappingURL=utils.js.map
+  switch (theme) {
+    case 'fill':
+      return `${name}-fill`;
+    case 'outline':
+      return `${name}-o`;
+    case 'twotone':
+      return `${name}-twotone`;
+    default:
+      throw new TypeError(`Unknown theme type: ${theme}, name: ${name}`);
+  }
+}

package/es/icon/index.js

@@ -1,13 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 /* eslint-disable camelcase */
 import * as React from 'react';
@@ -15,88 +12,105 @@ import classNames from 'classnames';
 import * as allIcons from '@tntd/icons/lib/dist';
 import ReactIcon from './components';
 import createFromIconfontCN from './IconFont';
-import { svgBaseProps, withThemeSuffix, removeTypeTheme, getThemeFromTypeName, alias, } from './utils';
+import { svgBaseProps, withThemeSuffix, removeTypeTheme, getThemeFromTypeName, alias } from './utils';
 import warning from '../_util/warning';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor';
-import './style/style.less';
+import './style';
 // Initial setting
-ReactIcon.add(...Object.keys(allIcons).map((key) => allIcons[key]));
+ReactIcon.add(...Object.keys(allIcons).map(key => allIcons[key]));
 setTwoToneColor('#1890ff');
 let defaultTheme = 'outlined';
 let dangerousTheme;
 function unstable_ChangeThemeOfIconsDangerously(theme) {
-    warning(false, 'Icon', `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` +
-        `make sure that all the icons with theme '${theme}' display correctly.`);
-    dangerousTheme = theme;
+  warning(false, 'Icon', `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` + `make sure that all the icons with theme '${theme}' display correctly.`);
+  dangerousTheme = theme;
 }
 function unstable_ChangeDefaultThemeOfIcons(theme) {
-    warning(false, 'Icon', `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` +
-        `make sure that all the icons with theme '${theme}' display correctly.`);
-    defaultTheme = theme;
+  warning(false, 'Icon', `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` + `make sure that all the icons with theme '${theme}' display correctly.`);
+  defaultTheme = theme;
 }
-const Icon = (props) => {
-    const { 
-    // affect outter <i>...</i>
-    className, 
-    // affect inner <svg>...</svg>
-    type, component: Component, viewBox, spin, rotate, tabIndex, onClick, 
-    // children
-    children, 
-    // other
-    theme, // default to outlined
-    twoToneColor } = props, restProps = __rest(props, ["className", "type", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children", "theme", "twoToneColor"]);
-    warning(Boolean(type || Component || children), 'Icon', 'Should have `type` prop or `component` prop or `children`.');
-    const classString = classNames({
-        [`tntd-anticon`]: true,
-        [`anticon`]: true,
-        [`anticon-${type}`]: Boolean(type),
-    }, className);
-    const svgClassString = classNames({
-        [`anticon-spin`]: !!spin || type === 'loading',
-    });
-    const svgStyle = rotate
-        ? {
-            msTransform: `rotate(${rotate}deg)`,
-            transform: `rotate(${rotate}deg)`,
-        }
-        : undefined;
-    const innerSvgProps = Object.assign(Object.assign({}, svgBaseProps), { className: svgClassString, style: svgStyle, viewBox });
-    if (!viewBox) {
-        delete innerSvgProps.viewBox;
+const Icon = props => {
+  const {
+      // affect outter <i>...</i>
+      className,
+      // affect inner <svg>...</svg>
+      type,
+      component: Component,
+      viewBox,
+      spin,
+      rotate,
+      tabIndex,
+      onClick,
+      // children
+      children,
+      // other
+      theme,
+      // default to outlined
+      twoToneColor
+    } = props,
+    restProps = __rest(props, ["className", "type", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children", "theme", "twoToneColor"]);
+  warning(Boolean(type || Component || children), 'Icon', 'Should have `type` prop or `component` prop or `children`.');
+  const classString = classNames('tntd-anticon', {
+    [`anticon`]: true,
+    [`anticon-${type}`]: Boolean(type)
+  }, className);
+  const svgClassString = classNames({
+    [`anticon-spin`]: !!spin || type === 'loading'
+  });
+  const svgStyle = rotate ? {
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
+  } : undefined;
+  const innerSvgProps = Object.assign(Object.assign({}, svgBaseProps), {
+    className: svgClassString,
+    style: svgStyle,
+    viewBox
+  });
+  if (!viewBox) {
+    delete innerSvgProps.viewBox;
+  }
+  const renderInnerNode = () => {
+    // component > children > type
+    if (Component) {
+      return React.createElement(Component, Object.assign({}, innerSvgProps), children);
     }
-    const renderInnerNode = () => {
-        // component > children > type
-        if (Component) {
-            return React.createElement(Component, Object.assign({}, innerSvgProps), children);
-        }
-        if (children) {
-            warning(Boolean(viewBox) ||
-                (React.Children.count(children) === 1 &&
-                    React.isValidElement(children) &&
-                    React.Children.only(children).type === 'use'), 'Icon', 'Make sure that you provide correct `viewBox`' +
-                ' prop (default `0 0 1024 1024`) to the icon.');
-            return (React.createElement("svg", Object.assign({}, innerSvgProps, { viewBox: viewBox }), children));
-        }
-        if (typeof type === 'string') {
-            let computedType = type;
-            if (theme) {
-                const themeInName = getThemeFromTypeName(type);
-                warning(!themeInName || theme === themeInName, 'Icon', `The icon name '${type}' already specify a theme '${themeInName}',` +
-                    ` the 'theme' prop '${theme}' will be ignored.`);
-            }
-            computedType = withThemeSuffix(removeTypeTheme(alias(computedType)), dangerousTheme || theme || defaultTheme);
-            return (React.createElement(ReactIcon, { className: svgClassString, type: computedType, primaryColor: twoToneColor, style: svgStyle }));
-        }
-    };
-    let iconTabIndex = tabIndex;
-    if (iconTabIndex === undefined && onClick) {
-        iconTabIndex = -1;
+    if (children) {
+      warning(Boolean(viewBox) || React.Children.count(children) === 1 && React.isValidElement(children) && React.Children.only(children).type === 'use', 'Icon', 'Make sure that you provide correct `viewBox`' + ' prop (default `0 0 1024 1024`) to the icon.');
+      return React.createElement("svg", Object.assign({}, innerSvgProps, {
+        viewBox: viewBox
+      }), children);
     }
-    return (React.createElement(LocaleReceiver, { componentName: "Icon" }, (locale) => (React.createElement("i", Object.assign({ "aria-label": type && `${locale.icon}: ${type}` }, restProps, { tabIndex: iconTabIndex, onClick: onClick, className: classString }), renderInnerNode()))));
+    if (typeof type === 'string') {
+      let computedType = type;
+      if (theme) {
+        const themeInName = getThemeFromTypeName(type);
+        warning(!themeInName || theme === themeInName, 'Icon', `The icon name '${type}' already specify a theme '${themeInName}',` + ` the 'theme' prop '${theme}' will be ignored.`);
+      }
+      computedType = withThemeSuffix(removeTypeTheme(alias(computedType)), dangerousTheme || theme || defaultTheme);
+      return React.createElement(ReactIcon, {
+        className: svgClassString,
+        type: computedType,
+        primaryColor: twoToneColor,
+        style: svgStyle
+      });
+    }
+  };
+  let iconTabIndex = tabIndex;
+  if (iconTabIndex === undefined && onClick) {
+    iconTabIndex = -1;
+  }
+  return React.createElement(LocaleReceiver, {
+    componentName: "Icon"
+  }, locale => React.createElement("i", Object.assign({
+    "aria-label": type && `${locale.icon}: ${type}`
+  }, restProps, {
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), renderInnerNode()));
 };
 Icon.createFromIconfontCN = createFromIconfontCN;
 Icon.getTwoToneColor = getTwoToneColor;
 Icon.setTwoToneColor = setTwoToneColor;
-export default Icon;
-//# sourceMappingURL=index.js.map
+export default Icon;

package/es/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as allIcons from '@tntd/icons/lib/dist'\nimport ReactIcon from './components'\nimport createFromIconfontCN from './IconFont'\nimport {\n  svgBaseProps,\n  withThemeSuffix,\n  removeTypeTheme,\n  getThemeFromTypeName,\n  alias,\n} from './utils'\nimport warning from '../_util/warning'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor'\nimport './style/style.less'\n// Initial setting\nReactIcon.add(...Object.keys(allIcons).map((key) => (allIcons as any)[key]))\nsetTwoToneColor('#1890ff')\nlet defaultTheme: ThemeType = 'outlined'\nlet dangerousTheme: ThemeType | undefined\n\nfunction unstable_ChangeThemeOfIconsDangerously(theme?: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  dangerousTheme = theme\n}\n\nfunction unstable_ChangeDefaultThemeOfIcons(theme: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  defaultTheme = theme\n}\n\nexport interface TransferLocale {\n  icon: string\n}\n\nexport interface CustomIconComponentProps {\n  width: string | number\n  height: string | number\n  fill: string\n  viewBox?: string\n  className?: string\n  style?: React.CSSProperties\n  spin?: boolean\n  rotate?: number\n  ['aria-hidden']?: React.AriaAttributes['aria-hidden']\n}\n\nexport type ThemeType = 'filled' | 'outlined' | 'twoTone'\n\nexport interface IconProps {\n  tabIndex?: number\n  type?: string\n  className?: string\n  theme?: ThemeType\n  title?: string\n  onKeyUp?: React.KeyboardEventHandler<HTMLElement>\n  onClick?: React.MouseEventHandler<HTMLElement>\n  component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>\n  twoToneColor?: string\n  viewBox?: string\n  spin?: boolean\n  rotate?: number\n  style?: React.CSSProperties\n  prefixCls?: string\n  role?: string\n}\n\nexport interface IconComponent<P> extends React.SFC<P> {\n  createFromIconfontCN: typeof createFromIconfontCN\n  getTwoToneColor: typeof getTwoToneColor\n  setTwoToneColor: typeof setTwoToneColor\n  unstable_ChangeThemeOfIconsDangerously?: typeof unstable_ChangeThemeOfIconsDangerously\n  unstable_ChangeDefaultThemeOfIcons?: typeof unstable_ChangeDefaultThemeOfIcons\n}\n\nconst Icon: IconComponent<IconProps> = (props) => {\n  const {\n    // affect outter <i>...</i>\n    className,\n\n    // affect inner <svg>...</svg>\n    type,\n    component: Component,\n    viewBox,\n    spin,\n    rotate,\n\n    tabIndex,\n    onClick,\n\n    // children\n    children,\n\n    // other\n    theme, // default to outlined\n    twoToneColor,\n\n    ...restProps\n  } = props\n\n  warning(\n    Boolean(type || Component || children),\n    'Icon',\n    'Should have `type` prop or `component` prop or `children`.'\n  )\n\n  const classString = classNames(\n    {\n      [`tntd-anticon`]: true,\n      [`anticon`]: true,\n      [`anticon-${type}`]: Boolean(type),\n    },\n    className\n  )\n\n  const svgClassString = classNames({\n    [`anticon-spin`]: !!spin || type === 'loading',\n  })\n\n  const svgStyle = rotate\n    ? {\n        msTransform: `rotate(${rotate}deg)`,\n        transform: `rotate(${rotate}deg)`,\n      }\n    : undefined\n\n  const innerSvgProps: CustomIconComponentProps = {\n    ...svgBaseProps,\n    className: svgClassString,\n    style: svgStyle,\n    viewBox,\n  }\n\n  if (!viewBox) {\n    delete innerSvgProps.viewBox\n  }\n\n  const renderInnerNode = () => {\n    // component > children > type\n    if (Component) {\n      return <Component {...innerSvgProps}>{children}</Component>\n    }\n\n    if (children) {\n      warning(\n        Boolean(viewBox) ||\n          (React.Children.count(children) === 1 &&\n            React.isValidElement(children) &&\n            React.Children.only(children).type === 'use'),\n        'Icon',\n        'Make sure that you provide correct `viewBox`' +\n          ' prop (default `0 0 1024 1024`) to the icon.'\n      )\n      return (\n        <svg {...innerSvgProps} viewBox={viewBox}>\n          {children}\n        </svg>\n      )\n    }\n\n    if (typeof type === 'string') {\n      let computedType = type\n      if (theme) {\n        const themeInName = getThemeFromTypeName(type)\n        warning(\n          !themeInName || theme === themeInName,\n          'Icon',\n          `The icon name '${type}' already specify a theme '${themeInName}',` +\n            ` the 'theme' prop '${theme}' will be ignored.`\n        )\n      }\n      computedType = withThemeSuffix(\n        removeTypeTheme(alias(computedType)),\n        dangerousTheme || theme || defaultTheme\n      )\n\n      return (\n        <ReactIcon\n          className={svgClassString}\n          type={computedType}\n          primaryColor={twoToneColor}\n          style={svgStyle}\n        />\n      )\n    }\n  }\n\n  let iconTabIndex = tabIndex\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1\n  }\n\n  return (\n    <LocaleReceiver componentName=\"Icon\">\n      {(locale) => (\n        <i\n          aria-label={type && `${(locale as Record<'icon', object>).icon}: ${type}`}\n          {...restProps}\n          tabIndex={iconTabIndex}\n          onClick={onClick}\n          className={classString}\n        >\n          {renderInnerNode()}\n        </i>\n      )}\n    </LocaleReceiver>\n  )\n}\n\nIcon.createFromIconfontCN = createFromIconfontCN\nIcon.getTwoToneColor = getTwoToneColor\nIcon.setTwoToneColor = setTwoToneColor\n\nexport default Icon\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as allIcons from '@tntd/icons/lib/dist'\nimport ReactIcon from './components'\nimport createFromIconfontCN from './IconFont'\nimport {\n  svgBaseProps,\n  withThemeSuffix,\n  removeTypeTheme,\n  getThemeFromTypeName,\n  alias,\n} from './utils'\nimport warning from '../_util/warning'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor'\nimport './style'\n\n// Initial setting\nReactIcon.add(...Object.keys(allIcons).map((key) => (allIcons as any)[key]))\nsetTwoToneColor('#1890ff')\nlet defaultTheme: ThemeType = 'outlined'\nlet dangerousTheme: ThemeType | undefined\n\nfunction unstable_ChangeThemeOfIconsDangerously(theme?: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  dangerousTheme = theme\n}\n\nfunction unstable_ChangeDefaultThemeOfIcons(theme: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  defaultTheme = theme\n}\n\nexport interface TransferLocale {\n  icon: string\n}\n\nexport interface CustomIconComponentProps {\n  width: string | number\n  height: string | number\n  fill: string\n  viewBox?: string\n  className?: string\n  style?: React.CSSProperties\n  spin?: boolean\n  rotate?: number\n  ['aria-hidden']?: React.AriaAttributes['aria-hidden']\n}\n\nexport type ThemeType = 'filled' | 'outlined' | 'twoTone'\n\nexport interface IconProps {\n  tabIndex?: number\n  type?: string\n  className?: string\n  theme?: ThemeType\n  title?: string\n  onKeyUp?: React.KeyboardEventHandler<HTMLElement>\n  onClick?: React.MouseEventHandler<HTMLElement>\n  component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>\n  twoToneColor?: string\n  viewBox?: string\n  spin?: boolean\n  rotate?: number\n  style?: React.CSSProperties\n  prefixCls?: string\n  role?: string\n}\n\nexport interface IconComponent<P> extends React.SFC<P> {\n  createFromIconfontCN: typeof createFromIconfontCN\n  getTwoToneColor: typeof getTwoToneColor\n  setTwoToneColor: typeof setTwoToneColor\n  unstable_ChangeThemeOfIconsDangerously?: typeof unstable_ChangeThemeOfIconsDangerously\n  unstable_ChangeDefaultThemeOfIcons?: typeof unstable_ChangeDefaultThemeOfIcons\n}\n\nconst Icon: IconComponent<IconProps> = (props) => {\n  const {\n    // affect outter <i>...</i>\n    className,\n\n    // affect inner <svg>...</svg>\n    type,\n    component: Component,\n    viewBox,\n    spin,\n    rotate,\n\n    tabIndex,\n    onClick,\n\n    // children\n    children,\n\n    // other\n    theme, // default to outlined\n    twoToneColor,\n\n    ...restProps\n  } = props\n\n  warning(\n    Boolean(type || Component || children),\n    'Icon',\n    'Should have `type` prop or `component` prop or `children`.'\n  )\n\n  const classString = classNames(\n    'tntd-anticon',\n    {\n      [`anticon`]: true,\n      [`anticon-${type}`]: Boolean(type),\n    },\n    className\n  )\n\n  const svgClassString = classNames({\n    [`anticon-spin`]: !!spin || type === 'loading',\n  })\n\n  const svgStyle = rotate\n    ? {\n        msTransform: `rotate(${rotate}deg)`,\n        transform: `rotate(${rotate}deg)`,\n      }\n    : undefined\n\n  const innerSvgProps: CustomIconComponentProps = {\n    ...svgBaseProps,\n    className: svgClassString,\n    style: svgStyle,\n    viewBox,\n  }\n\n  if (!viewBox) {\n    delete innerSvgProps.viewBox\n  }\n\n  const renderInnerNode = () => {\n    // component > children > type\n    if (Component) {\n      return <Component {...innerSvgProps}>{children}</Component>\n    }\n\n    if (children) {\n      warning(\n        Boolean(viewBox) ||\n          (React.Children.count(children) === 1 &&\n            React.isValidElement(children) &&\n            React.Children.only(children).type === 'use'),\n        'Icon',\n        'Make sure that you provide correct `viewBox`' +\n          ' prop (default `0 0 1024 1024`) to the icon.'\n      )\n      return (\n        <svg {...innerSvgProps} viewBox={viewBox}>\n          {children}\n        </svg>\n      )\n    }\n\n    if (typeof type === 'string') {\n      let computedType = type\n      if (theme) {\n        const themeInName = getThemeFromTypeName(type)\n        warning(\n          !themeInName || theme === themeInName,\n          'Icon',\n          `The icon name '${type}' already specify a theme '${themeInName}',` +\n            ` the 'theme' prop '${theme}' will be ignored.`\n        )\n      }\n      computedType = withThemeSuffix(\n        removeTypeTheme(alias(computedType)),\n        dangerousTheme || theme || defaultTheme\n      )\n\n      return (\n        <ReactIcon\n          className={svgClassString}\n          type={computedType}\n          primaryColor={twoToneColor}\n          style={svgStyle}\n        />\n      )\n    }\n  }\n\n  let iconTabIndex = tabIndex\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1\n  }\n\n  return (\n    <LocaleReceiver componentName=\"Icon\">\n      {(locale) => (\n        <i\n          aria-label={type && `${(locale as Record<'icon', object>).icon}: ${type}`}\n          {...restProps}\n          tabIndex={iconTabIndex}\n          onClick={onClick}\n          className={classString}\n        >\n          {renderInnerNode()}\n        </i>\n      )}\n    </LocaleReceiver>\n  )\n}\n\nIcon.createFromIconfontCN = createFromIconfontCN\nIcon.getTwoToneColor = getTwoToneColor\nIcon.setTwoToneColor = setTwoToneColor\n\nexport default Icon\n"]}

package/es/icon/style/index.js

@@ -1,3 +1,3 @@
 import '../../style/index.less';
 import './index.less';
-//# sourceMappingURL=index.js.map
+import './style.less';

package/es/icon/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\nimport './style.less'\n"]}

package/es/icon/style/style.less

@@ -1,4 +1,6 @@
+@import '../../style/themes/index';
 
 .tntd-anticon {
   font-size: @font-size-lg;
-}
+  vertical-align: -0.1875em;
+}

package/es/icon/twoTonePrimaryColor.js

@@ -1,11 +1,10 @@
 import ReactIcon from './components';
 export function setTwoToneColor(primaryColor) {
-    return ReactIcon.setTwoToneColors({
-        primaryColor,
-    });
+  return ReactIcon.setTwoToneColors({
+    primaryColor
+  });
 }
 export function getTwoToneColor() {
-    const colors = ReactIcon.getTwoToneColors();
-    return colors.primaryColor;
-}
-//# sourceMappingURL=twoTonePrimaryColor.js.map
+  const colors = ReactIcon.getTwoToneColors();
+  return colors.primaryColor;
+}

package/es/icon/utils.js

@@ -2,69 +2,63 @@ import warning from '../_util/warning';
 // These props make sure that the SVG behaviours like general text.
 // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
 export const svgBaseProps = {
-    width: '1em',
-    height: '1em',
-    fill: 'currentColor',
-    'aria-hidden': true,
-    focusable: 'false',
+  width: '1em',
+  height: '1em',
+  fill: 'currentColor',
+  'aria-hidden': true,
+  focusable: 'false'
 };
 const fillTester = /-fill$/;
 const outlineTester = /-o$/;
 const twoToneTester = /-twotone$/;
 export function getThemeFromTypeName(type) {
-    let result = null;
-    if (fillTester.test(type)) {
-        result = 'filled';
-    }
-    else if (outlineTester.test(type)) {
-        result = 'outlined';
-    }
-    else if (twoToneTester.test(type)) {
-        result = 'twoTone';
-    }
-    return result;
+  let result = null;
+  if (fillTester.test(type)) {
+    result = 'filled';
+  } else if (outlineTester.test(type)) {
+    result = 'outlined';
+  } else if (twoToneTester.test(type)) {
+    result = 'twoTone';
+  }
+  return result;
 }
 export function removeTypeTheme(type) {
-    return type.replace(fillTester, '').replace(outlineTester, '').replace(twoToneTester, '');
+  return type.replace(fillTester, '').replace(outlineTester, '').replace(twoToneTester, '');
 }
 export function withThemeSuffix(type, theme) {
-    let result = type;
-    if (theme === 'filled') {
-        result += '-fill';
-    }
-    else if (theme === 'outlined') {
-        result += '-o';
-    }
-    else if (theme === 'twoTone') {
-        result += '-twotone';
-    }
-    else {
-        warning(false, 'Icon', `This icon '${type}' has unknown theme '${theme}'`);
-    }
-    return result;
+  let result = type;
+  if (theme === 'filled') {
+    result += '-fill';
+  } else if (theme === 'outlined') {
+    result += '-o';
+  } else if (theme === 'twoTone') {
+    result += '-twotone';
+  } else {
+    warning(false, 'Icon', `This icon '${type}' has unknown theme '${theme}'`);
+  }
+  return result;
 }
 // For alias or compatibility
 export function alias(type) {
-    let newType = type;
-    switch (type) {
-        case 'cross':
-            newType = 'close';
-            break;
-        // https://github.com/ant-design/ant-design/issues/13007
-        case 'interation':
-            newType = 'interaction';
-            break;
-        // https://github.com/ant-design/ant-design/issues/16810
-        case 'canlendar':
-            newType = 'calendar';
-            break;
-        // https://github.com/ant-design/ant-design/issues/17448
-        case 'colum-height':
-            newType = 'column-height';
-            break;
-        default:
-    }
-    warning(newType === type, 'Icon', `Icon '${type}' was a typo and is now deprecated, please use '${newType}' instead.`);
-    return newType;
-}
-//# sourceMappingURL=utils.js.map
+  let newType = type;
+  switch (type) {
+    case 'cross':
+      newType = 'close';
+      break;
+    // https://github.com/ant-design/ant-design/issues/13007
+    case 'interation':
+      newType = 'interaction';
+      break;
+    // https://github.com/ant-design/ant-design/issues/16810
+    case 'canlendar':
+      newType = 'calendar';
+      break;
+    // https://github.com/ant-design/ant-design/issues/17448
+    case 'colum-height':
+      newType = 'column-height';
+      break;
+    default:
+  }
+  warning(newType === type, 'Icon', `Icon '${type}' was a typo and is now deprecated, please use '${newType}' instead.`);
+  return newType;
+}