@lobehub/ui 1.57.0 → 1.58.0

package/es/ActionIcon/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LucideIcon } from 'lucide-react';
+import { type IconProps } from "../Icon";
 import { type TooltipProps } from "../Tooltip";
 import { DivProps } from "../types";
 export type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
@@ -19,6 +19,8 @@ export interface ActionIconProps extends DivProps {
      * @default false
      */
     arrow?: boolean;
+    color?: IconProps['color'];
+    fill?: IconProps['fill'];
     /**
      * @description Glass blur style
      * @default 'false'
@@ -28,7 +30,7 @@ export interface ActionIconProps extends DivProps {
      * @description The icon element to be rendered
      * @type LucideIcon
      */
-    icon?: LucideIcon;
+    icon?: IconProps['icon'];
     /**
      * @description Set the loading status of ActionIcon
      */

package/es/ActionIcon/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
+var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Loader2 } from 'lucide-react';
@@ -53,7 +53,9 @@ var calcSize = function calcSize(size) {
   };
 };
 var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+  var color = _ref.color,
+    fill = _ref.fill,
+    className = _ref.className,
     active = _ref.active,
     icon = _ref.icon,
     _ref$size = _ref.size,
@@ -84,11 +86,14 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     borderRadius = _useMemo.borderRadius;
   var content = /*#__PURE__*/_jsxs(_Fragment, {
     children: [icon && /*#__PURE__*/_jsx(Icon, {
+      color: color,
+      fill: fill,
       icon: icon,
       size: size === 'site' ? 'normal' : size
     }), children]
   });
   var spin = /*#__PURE__*/_jsx(Icon, {
+    color: color,
     icon: Loader2,
     size: size === 'site' ? 'normal' : size,
     spin: true

package/es/Icon/index.d.ts

@@ -6,6 +6,8 @@ export type IconSize = 'large' | 'normal' | 'small' | {
     strokeWidth?: number;
 };
 export interface IconProps extends DivProps {
+    color?: string;
+    fill?: string;
     /**
      * @description The icon element to be rendered
      * @type LucideIcon

package/es/Icon/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["icon", "size", "className", "spin"];
+var _excluded = ["icon", "size", "color", "fill", "className", "spin"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { memo, useMemo } from 'react';
@@ -48,6 +48,8 @@ var calcSize = function calcSize(size) {
 var Icon = /*#__PURE__*/memo(function (_ref) {
   var icon = _ref.icon,
     size = _ref.size,
+    color = _ref.color,
+    fill = _ref.fill,
     className = _ref.className,
     spin = _ref.spin,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -65,6 +67,8 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
     role: "img"
   }, props), {}, {
     children: /*#__PURE__*/_jsx(SvgIcon, {
+      color: color,
+      fill: fill,
       focusable: false,
       height: fontSize,
       size: fontSize,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",