@sensoro-design/icons 1.65.1 → 1.67.0

package/es/index.js

@@ -1,51 +1,7 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function get() {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) {
-    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-  }
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconProvider = exports.default = exports.createFromIconfontCN = void 0;
-var Context_1 = __importDefault(require("./components/Context"));
-__exportStar(require("./icons"), exports);
-__exportStar(require("./components/twoTonePrimaryColor"), exports);
-var IconFont_1 = require("./components/IconFont");
-Object.defineProperty(exports, "createFromIconfontCN", {
-  enumerable: true,
-  get: function get() {
-    return __importDefault(IconFont_1).default;
-  }
-});
-var Icon_1 = require("./components/Icon");
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return __importDefault(Icon_1).default;
-  }
-});
-var IconProvider = Context_1.default.Provider;
-exports.IconProvider = IconProvider;
+import Context from "./components/Context";
+export * from "./icons";
+export * from "./components/twoTonePrimaryColor";
+export { default as createFromIconfontCN } from "./components/IconFont";
+export { default } from "./components/Icon";
+var IconProvider = Context.Provider;
+export { IconProvider };

package/es/utils.js

@@ -1,75 +1,63 @@
-"use strict";
-
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeTwoToneColors = exports.svgBaseProps = exports.isIconDefinition = exports.getSecondaryColor = exports.generate = exports.normalizeAttrs = exports.toHump = void 0;
-var react_1 = __importDefault(require("react"));
-var colors_1 = require("@ant-design/colors");
-var toHump = function toHump(name) {
+import React from 'react';
+import { generate as generateColor } from '@ant-design/colors';
+export var toHump = function toHump(name) {
   return name.replace(/(-|:)\w/g, function (v) {
     return v.substring(1).toUpperCase();
   });
 };
-exports.toHump = toHump;
-function normalizeAttrs() {
+export function normalizeAttrs() {
   var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.keys(attrs).reduce(function (acc, key) {
     var val = attrs[key];
+
     switch (key) {
       case 'class':
         acc.className = val;
         delete acc.class;
         break;
+
       default:
-        acc[(0, exports.toHump)(key)] = val;
+        acc[toHump(key)] = val;
     }
+
     return acc;
   }, {});
 }
-exports.normalizeAttrs = normalizeAttrs;
-function generate(node, key, rootProps) {
+export function generate(node, key, rootProps) {
   if (!rootProps) {
-    return react_1.default.createElement(node.tag, _objectSpread({
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread({
       key: key
     }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
-  return react_1.default.createElement(node.tag, _objectSpread(_objectSpread({
+
+  return /*#__PURE__*/React.createElement(node.tag, _objectSpread(_objectSpread({
     key: key
   }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
   }));
 }
-exports.generate = generate;
-function getSecondaryColor(primaryColor) {
+export function getSecondaryColor(primaryColor) {
   // choose the second color
-  return (0, colors_1.generate)(primaryColor)[0];
+  return generateColor(primaryColor)[0];
 }
-exports.getSecondaryColor = getSecondaryColor;
-function isIconDefinition(target) {
+export function isIconDefinition(target) {
   return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');
 }
-exports.isIconDefinition = isIconDefinition;
-exports.svgBaseProps = {
+export var svgBaseProps = {
   width: '1em',
   height: '1em',
   fill: 'currentColor',
   'aria-hidden': 'true',
   focusable: 'false'
 };
-function normalizeTwoToneColors(twoToneColor) {
+export function normalizeTwoToneColors(twoToneColor) {
   if (!twoToneColor) {
     return [];
   }
+
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
-}
-exports.normalizeTwoToneColors = normalizeTwoToneColors;
+}

package/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _index = _interopRequireDefault(require('./lib/icons/index'));
+var _index = _interopRequireDefault(require('./es/icons/index'));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 

package/lib/components/Context.js

@@ -1,8 +1,29 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/components/Context.tsx
+var Context_exports = {};
+__export(Context_exports, {
+  default: () => Context_default
 });
-var react_1 = require("react");
-var IconContext = (0, react_1.createContext)({});
-exports.default = IconContext;
+module.exports = __toCommonJS(Context_exports);
+var import_react = require("react");
+var IconContext = (0, import_react.createContext)({});
+var Context_default = IconContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/components/Icon.d.ts

@@ -16,5 +16,5 @@ export interface IconComponentProps extends IconBaseProps {
     component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>> | React.ForwardRefExoticComponent<CustomIconComponentProps>;
     ariaLabel?: React.AriaAttributes['aria-label'];
 }
-declare const Icon: React.ForwardRefExoticComponent<Pick<IconComponentProps, "value" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "key" | "pattern" | "className" | "onClick" | "width" | "height" | "aria-hidden" | "spin" | "rotate" | "viewBox" | "component" | "ariaLabel" | "aria-label" | "tabIndex" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "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-invalid" | "aria-keyshortcuts" | "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" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Icon: React.ForwardRefExoticComponent<Pick<IconComponentProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "key" | "pattern" | "className" | "value" | "children" | "spin" | "rotate" | "viewBox" | "component" | "ariaLabel" | "aria-label" | "tabIndex" | "onClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "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-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" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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"> & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/lib/components/Icon.js

@@ -1,77 +1,86 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _excluded = ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"];
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("@pansy/classnames"));
-var Context_1 = __importDefault(require("./Context"));
-var utils_1 = require("../utils");
-var useInsertStyles_1 = require("../hooks/useInsertStyles");
-var Icon = react_1.default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    Component = _ref.component,
-    viewBox = _ref.viewBox,
-    spin = _ref.spin,
-    rotate = _ref.rotate,
-    tabIndex = _ref.tabIndex,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  (0, useInsertStyles_1.useInsertStyles)();
-  var _react_1$default$useC = react_1.default.useContext(Context_1.default),
-    _react_1$default$useC2 = _react_1$default$useC.prefixCls,
-    prefixCls = _react_1$default$useC2 === void 0 ? 's-icon' : _react_1$default$useC2;
-  var classString = (0, classnames_1.default)(prefixCls, 'anticon', className);
-  var svgClassString = (0, classnames_1.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-spin"), !!spin));
-  var svgStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
-  } : undefined;
-  var innerSvgProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, utils_1.svgBaseProps), {}, {
-    className: svgClassString,
-    style: svgStyle,
-    viewBox: viewBox
-  });
-  if (!viewBox) {
-    delete innerSvgProps.viewBox;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  // component > children
-  var renderInnerNode = function renderInnerNode() {
-    if (Component) {
-      return /*#__PURE__*/_react.default.createElement(Component, innerSvgProps, children);
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("@pansy/classnames"));
+var import_Context = __toESM(require("./Context"));
+var import_utils = require("../utils");
+var import_useInsertStyles = require("../hooks/useInsertStyles");
+var Icon = import_react.default.forwardRef(
+  ({
+    className,
+    component: Component,
+    viewBox,
+    spin,
+    rotate,
+    tabIndex,
+    onClick,
+    children,
+    ...restProps
+  }, ref) => {
+    (0, import_useInsertStyles.useInsertStyles)();
+    const { prefixCls = "s-icon" } = import_react.default.useContext(import_Context.default);
+    const classString = (0, import_classnames.default)(prefixCls, "anticon", className);
+    const svgClassString = (0, import_classnames.default)({
+      [`${prefixCls}-spin`]: !!spin
+    });
+    const svgStyle = rotate ? {
+      msTransform: `rotate(${rotate}deg)`,
+      transform: `rotate(${rotate}deg)`
+    } : void 0;
+    const innerSvgProps = {
+      ...import_utils.svgBaseProps,
+      className: svgClassString,
+      style: svgStyle,
+      viewBox
+    };
+    if (!viewBox) {
+      delete innerSvgProps.viewBox;
     }
-    if (children) {
-      return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, innerSvgProps, {
-        viewBox: viewBox
-      }), children);
+    const renderInnerNode = () => {
+      if (Component) {
+        return /* @__PURE__ */ import_react.default.createElement(Component, { ...innerSvgProps }, children);
+      }
+      if (children) {
+        return /* @__PURE__ */ import_react.default.createElement("svg", { ...innerSvgProps, viewBox }, children);
+      }
+      return null;
+    };
+    let iconTabIndex = tabIndex;
+    if (iconTabIndex === void 0 && onClick) {
+      iconTabIndex = -1;
     }
-    return null;
-  };
-  var iconTabIndex = tabIndex;
-  if (iconTabIndex === undefined && onClick) {
-    iconTabIndex = -1;
+    return /* @__PURE__ */ import_react.default.createElement("span", { role: "img", ...restProps, ref, tabIndex: iconTabIndex, onClick, className: classString }, renderInnerNode());
   }
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    role: "img"
-  }, restProps, {
-    ref: ref,
-    tabIndex: iconTabIndex,
-    onClick: onClick,
-    className: classString
-  }), renderInnerNode());
-});
-Icon.displayName = 'SenIcon';
-exports.default = Icon;
+);
+Icon.displayName = "SenIcon";
+var Icon_default = Icon;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/components/IconBase.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconDefinition } from '@sensoro-design/icons-svg/lib/types';
+import { IconDefinition } from '@sensoro-design/icons-svg/es/types';
 export interface IconProps extends Partial<TwoToneColorPaletteSetter> {
     icon: IconDefinition;
     className?: string;

package/lib/components/IconBase.js

@@ -1,66 +1,86 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/components/IconBase.tsx
+var IconBase_exports = {};
+__export(IconBase_exports, {
+  default: () => IconBase_default
 });
-var useInsertStyles_1 = require("../hooks/useInsertStyles");
-var utils_1 = require("../utils");
+module.exports = __toCommonJS(IconBase_exports);
+var import_useInsertStyles = require("../hooks/useInsertStyles");
+var import_utils = require("../utils");
 var twoToneColorPalette = {
-  primaryColor: '#333',
-  secondaryColor: '#E6E6E6',
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
   calculated: false
 };
-function setTwoToneColors(_ref) {
-  var primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor;
+function setTwoToneColors({ primaryColor, secondaryColor }) {
   twoToneColorPalette.primaryColor = primaryColor;
-  twoToneColorPalette.secondaryColor = secondaryColor || (0, utils_1.getSecondaryColor)(primaryColor);
+  twoToneColorPalette.secondaryColor = secondaryColor || (0, import_utils.getSecondaryColor)(primaryColor);
   twoToneColorPalette.calculated = !!secondaryColor;
 }
 function getTwoToneColors() {
-  return (0, _objectSpread2.default)({}, twoToneColorPalette);
+  return {
+    ...twoToneColorPalette
+  };
 }
-var IconBase = function IconBase(_ref2) {
-  var icon = _ref2.icon,
-    className = _ref2.className,
-    onClick = _ref2.onClick,
-    style = _ref2.style,
-    primaryColor = _ref2.primaryColor,
-    secondaryColor = _ref2.secondaryColor,
-    restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  (0, useInsertStyles_1.useInsertStyles)();
-  var colors = twoToneColorPalette;
+var IconBase = ({
+  icon,
+  className,
+  onClick,
+  style,
+  primaryColor,
+  secondaryColor,
+  ...restProps
+}) => {
+  (0, import_useInsertStyles.useInsertStyles)();
+  let colors = twoToneColorPalette;
   if (primaryColor) {
     colors = {
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor || (0, utils_1.getSecondaryColor)(primaryColor)
+      primaryColor,
+      secondaryColor: secondaryColor || (0, import_utils.getSecondaryColor)(primaryColor)
     };
   }
-  if (!(0, utils_1.isIconDefinition)(icon)) {
+  if (!(0, import_utils.isIconDefinition)(icon)) {
     return null;
   }
-  var target = icon;
-  if (target && typeof target.icon === 'function') {
-    target = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, target), {}, {
+  let target = icon;
+  if (target && typeof target.icon === "function") {
+    target = {
+      ...target,
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
-    });
+    };
   }
-  return (0, utils_1.generate)(target.icon, "svg-".concat(target.name), (0, _objectSpread2.default)({
-    className: className,
-    onClick: onClick,
-    style: style,
-    'data-icon': target.name,
-    width: '1em',
-    height: '1em',
-    fill: 'currentColor',
-    'aria-hidden': 'true'
-  }, restProps));
+  return (0, import_utils.generate)(target.icon, `svg-${target.name}`, {
+    className,
+    onClick,
+    style,
+    "data-icon": target.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ...restProps
+  });
 };
-IconBase.displayName = 'IconReact';
+IconBase.displayName = "IconReact";
 IconBase.getTwoToneColors = getTwoToneColors;
 IconBase.setTwoToneColors = setTwoToneColors;
-exports.default = IconBase;
+var IconBase_default = IconBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});