@bifrostui/icons 2.0.0-beta.1 → 2.0.0-beta.3

package/es/components/ShoppingCartOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ShowFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ShowOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SmileFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SmileOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/Sort.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StarCircleOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StarFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StarFilledSharp.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StarOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StarRoundedFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/StoreFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SuccessCircleFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SuccessCircleFilledBold.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SuccessCircleOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SuccessFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SuccessFilledBold.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SunOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/SvgIcon/SvgIcon.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { ISvgIconProps } from '../../SvgIcon.types';
 import './SvgIcon.less';
-export default function SvgIcon(props: ISvgIconProps): React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<ISvgIconProps & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/SvgIcon/SvgIcon.js

@@ -31,11 +31,12 @@ var __objRest = (source, exclude) => {
 };
 import clsx from "clsx";
 import React from "react";
+import { cssVarToValue } from "@bifrostui/utils";
 import "./SvgIcon.css";
 const classes = {
   root: "bui-svg-icon"
 };
-function SvgIcon(props) {
+function SvgIcon(props, ref) {
   const _a = props, {
     className,
     children,
@@ -56,13 +57,15 @@ function SvgIcon(props) {
     "style"
   ]);
   const colorMap = {
-    default: "#959aa5",
-    primary: "#ff335c",
-    info: "#148aff",
-    danger: "#ff335c",
-    success: "#00d68f",
-    warning: "#ff8533",
-    disabled: "#ced1d6"
+    light: "var(--bui-color-bg-view)",
+    dark: "var(--bui-color-fg-default)",
+    neutral: "var(--bui-color-fg-subtle)",
+    primary: "var(--bui-color-primary)",
+    info: "var(--bui-color-info)",
+    danger: "var(--bui-color-danger)",
+    success: "var(--bui-color-success)",
+    warning: "var(--bui-color-warning)",
+    disabled: "var(--bui-color-fg-disabled)"
   };
   const svgColor = colorMap[color] || htmlColor || (style == null ? void 0 : style.color);
   if (Component !== "svg" && !svgColor && typeof children === "string" && !/fill/.test(children)) {
@@ -75,6 +78,7 @@ function SvgIcon(props) {
       return /* @__PURE__ */ React.createElement(
         Component,
         __spreadValues({
+          ref,
           className: clsx(classes.root, className, {
             [`icon-size-${size}`]: size
           }),
@@ -91,6 +95,7 @@ function SvgIcon(props) {
     return /* @__PURE__ */ React.createElement(
       Component,
       __spreadValues({
+        ref,
         className: clsx(classes.root, className, {
           [`icon-size-${size}`]: size
         }),
@@ -103,15 +108,19 @@ function SvgIcon(props) {
     );
   }
   if (typeof children === "string") {
+    const parsedSvgColor = cssVarToValue({
+      cssVar: svgColor
+    }) || svgColor;
     return /* @__PURE__ */ React.createElement(
       Component,
       __spreadValues({
+        ref,
         className: clsx(classes.root, className, {
           [`icon-size-${size}`]: size
         }),
         style: __spreadProps(__spreadValues({}, style), {
           backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(
-            `<svg viewBox='${viewBox}' xmlns='http://www.w3.org/2000/svg' ${svgColor ? `fill='${svgColor}'` : ""}>${children}</svg>`
+            `<svg viewBox='${viewBox}' xmlns='http://www.w3.org/2000/svg' ${parsedSvgColor ? `fill='${parsedSvgColor}'` : ""}>${children}</svg>`
           )}")`
         })
       }, rest)
@@ -119,6 +128,7 @@ function SvgIcon(props) {
   }
   return null;
 }
+var SvgIcon_default = /* @__PURE__ */ React.forwardRef(SvgIcon);
 export {
-  SvgIcon as default
+  SvgIcon_default as default
 };

package/es/components/TaoPiaoPiaoLogo.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TaoTicketsLogo.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ThumbUpFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ThumbUpOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TicketFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TicketMachineOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TicketOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TipsOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ToTopOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TopicFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TopicOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TrendingCircleFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TrendingCircleOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/TripleVerticalLine.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/Up.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/UserFollowedOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VerifiedFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VideoOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VipCardFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VipFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VipOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VolumeDownFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VolumeMuteFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VolumeMuteOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VolumeUpFilled.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/VolumeUpOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/WeChatOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/WeiBoOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/WifiOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/XiaMiCircleOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/YouKuVipCircleOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/es/components/ZoomInOutlined.d.ts

@@ -1,2 +1,3 @@
-declare const _default: typeof import("./SvgIcon").default;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("..").ISvgIconProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/icons",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.3",
   "description": "SVG icon components for BUI",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "@bifrostui/types": "2.0.0-beta.1",
-    "@bifrostui/utils": "2.0.0-beta.1"
+    "@bifrostui/types": "2.0.0-beta.3",
+    "@bifrostui/utils": "2.0.0-beta.3"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0"