@bifrostui/icons 2.0.0-beta.2 → 2.0.0-beta.5

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/es/components/index.d.ts

@@ -5,6 +5,7 @@ export { default as AddIcon } from './Add';
 export { default as AddCircleFilledIcon } from './AddCircleFilled';
 export { default as AddCircleFilledBoldIcon } from './AddCircleFilledBold';
 export { default as AddCircleOutlinedIcon } from './AddCircleOutlined';
+export { default as AddCircleOutlinedBoldIcon } from './AddCircleOutlinedBold';
 export { default as AddCouponOutlinedIcon } from './AddCouponOutlined';
 export { default as AddLargeIcon } from './AddLarge';
 export { default as AlarmOutlinedIcon } from './AlarmOutlined';
@@ -34,6 +35,7 @@ export { default as BankCardFilledIcon } from './BankCardFilled';
 export { default as BankCardOutlinedIcon } from './BankCardOutlined';
 export { default as BlockCircleFilledIcon } from './BlockCircleFilled';
 export { default as BlockCircleOutlinedIcon } from './BlockCircleOutlined';
+export { default as BlockCircleOutlinedIconBoldIcon } from './BlockCircleOutlinedIconBold';
 export { default as BlockCircleOutlinedThinIcon } from './BlockCircleOutlinedThin';
 export { default as BogoOutlinedIcon } from './BogoOutlined';
 export { default as BoltFilledIcon } from './BoltFilled';
@@ -235,3 +237,4 @@ export { default as WifiOutlinedIcon } from './WifiOutlined';
 export { default as XiaMiCircleOutlinedIcon } from './XiaMiCircleOutlined';
 export { default as YouKuVipCircleOutlinedIcon } from './YouKuVipCircleOutlined';
 export { default as ZoomInOutlinedIcon } from './ZoomInOutlined';
+export { default as transFilledIcon } from './transFilled';