@bifrostui/icons 1.5.0 → 2.0.0-alpha.0

package/es/SvgIcon.types.d.ts

@@ -3,7 +3,7 @@ import { ThemeColor } from '@bifrostui/types';
 export interface ISvgIconProps {
     className?: string;
     /** 预定义的一些icon颜色 */
-    color?: ThemeColor | 'default' | 'disabled';
+    color?: ThemeColor | 'disabled';
     /** 应用到SVG元素上的自定义色彩 */
     htmlColor?: string;
     /** 预置的图标大小，也可以通过元素的font-size来设置自定义的图标大小 */

package/es/components/AddCircleOutlinedBold.d.ts

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

package/es/components/AddCircleOutlinedBold.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var AddCircleOutlinedBold_default = createSvgIcon(
+  '<path class="st0" d="M48 1.2c25.8 0 46.8 21 46.8 46.8S73.8 94.8 48 94.8 1.2 73.8 1.2 48 22.2 1.2 48 1.2Zm0 8.3C26.7 9.5 9.5 26.7 9.5 48S26.7 86.5 48 86.5 86.5 69.3 86.5 48 69.3 9.5 48 9.5Zm0 17.8c2.3 0 4.1 1.9 4.1 4.1v12.4h12.4c2.3 0 4.1 1.9 4.1 4.1S66.7 52 64.5 52H52.1v12.4c0 2.3-1.9 4.1-4.1 4.1s-4.1-1.9-4.1-4.1V52H31.5c-2.3 0-4.1-1.9-4.1-4.1s1.9-4.1 4.1-4.1h12.4V31.4c0-2.3 1.9-4.1 4.1-4.1Z"/>',
+  "AddCircleOutlinedBoldIcon"
+);
+export {
+  AddCircleOutlinedBold_default as default
+};

package/es/components/BlockCircleOutlinedBold.d.ts

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

package/es/components/BlockCircleOutlinedBold.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var BlockCircleOutlinedBold_default = createSvgIcon(
+  '<path class="st0" d="M94.8 48c0-25.8-21-46.8-46.8-46.8S1.2 22.2 1.2 48s21 46.8 46.8 46.8 46.8-21 46.8-46.8ZM9.5 48C9.5 26.7 26.7 9.5 48 9.5S86.5 26.7 86.5 48 69.3 86.5 48 86.5 9.5 69.3 9.5 48Zm21.9 4.1c-2.3 0-4.1-1.9-4.1-4.1s1.9-4.1 4.1-4.1h33.1c2.3 0 4.1 1.9 4.1 4.1s-1.9 4.1-4.1 4.1H31.4Z"/>',
+  "BlockCircleOutlinedBoldIcon"
+);
+export {
+  BlockCircleOutlinedBold_default as default
+};

package/es/components/FilmSheet.d.ts

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

package/es/components/FilmSheet.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var FilmSheet_default = createSvgIcon(
+  '<path class="st0" d="M38.2 13.9v3.5H59v-3.5c0-2.2 1.8-4 4-4s4 1.8 4 4v3.5c5.4 0 10.1 2 13.9 5.9 3.9 3.9 5.9 8.6 5.9 14.1v28.8c0 5.5-2 10.2-5.9 14.1-3.9 3.9-8.6 5.9-14.1 5.9H30.4c-5.5 0-10.2-2-14.1-5.9-3.9-3.9-5.9-8.6-5.9-14.1V37.4c0-5.5 2-10.2 5.9-14.1 3.9-3.9 8.5-5.8 13.9-5.9v-3.5c0-2.2 1.8-4 4-4s4 1.8 4 4Zm-8 11.5c-3.2 0-6 1.2-8.3 3.5-2.3 2.3-3.5 5.2-3.5 8.5v1.4h60.4v-1.4c0-3.3-1.2-6.1-3.5-8.5-2.3-2.3-5-3.5-8.3-3.5V28c0 2.2-1.8 4-4 4s-4-1.8-4-4v-2.6H38.2V28c0 2.2-1.8 4-4 4s-4-1.8-4-4v-2.6Zm48.6 21.4H18.4v19.4c0 3.3 1.2 6.1 3.5 8.5 2.3 2.3 5.2 3.5 8.5 3.5h36.4c3.3 0 6.1-1.2 8.5-3.5 2.3-2.3 3.5-5.2 3.5-8.5V46.8ZM32.9 63.4H52.7c2.2 0 4-1.8 4-4s-1.8-4-4-4H32.9c-2.2 0-4 1.8-4 4s1.8 4 4 4Z"/>',
+  "FilmSheetIcon"
+);
+export {
+  FilmSheet_default as default
+};

package/es/components/Schedule.d.ts

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

package/es/components/Schedule.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var Schedule_default = createSvgIcon(
+  '<path class="st0" d="M88.2 48c0 11.1-3.9 20.6-11.8 28.4-7.8 7.8-17.3 11.8-28.4 11.8-11.1 0-20.6-3.9-28.4-11.8C11.8 68.6 7.8 59.1 7.8 48c0-11.1 3.9-20.6 11.8-28.4C27.4 11.8 36.9 7.8 48 7.8c11.1 0 20.6 3.9 28.4 11.8 7.8 7.8 11.8 17.3 11.8 28.4Zm-8 0c0-8.9-3.1-16.5-9.4-22.8-6.3-6.3-13.9-9.4-22.8-9.4s-16.5 3.1-22.8 9.4c-6.3 6.3-9.4 13.9-9.4 22.8s3.1 16.5 9.4 22.8c6.3 6.3 13.9 9.4 22.8 9.4s16.5-3.1 22.8-9.4c6.3-6.3 9.4-13.9 9.4-22.8ZM44.1 61.5c-1.8-.6-3.5-1.9-5-3.7-1-1.2-2.7-1.8-4.3-1.4-2.3.5-3.7 2.8-3.2 5.1.2.7.5 1.3.9 1.8 2.6 3.1 5.5 5.2 8.8 6.3 3.3 1.2 6.9 1.3 10.7.4 3.8-.9 6.9-2.6 9.4-5 1.3-1.3 2.4-2.8 3.3-4.5.4 0 .7 0 1.1-.1 2.3-.5 3.7-2.8 3.2-5.1-.2-1-.8-1.9-1.7-2.5L64.9 51c-.9-.7-2.1-.9-3.2-.8s-2.1.8-2.8 1.7c-.3.4-.6.9-.7 1.5-.6 2.3-1.5 4.2-2.9 5.5-1.3 1.3-3.1 2.2-5.2 2.7-2.2.5-4.2.5-5.9-.2Z"/>',
+  "ScheduleIcon"
+);
+export {
+  Schedule_default as default
+};

package/es/components/SearchOutlinedBold.d.ts

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

package/es/components/SearchOutlinedBold.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var SearchOutlinedBold_default = createSvgIcon(
+  '<path d="M47.5 6.6c21.9 0 39.7 17.8 39.7 39.7s-3.3 18-8.7 24.8l12.2 12.1c1.7 1.7 1.7 4.4 0 6.1-1.7 1.7-4.4 1.7-6.1 0L72.4 77.2c-6.8 5.5-15.4 8.7-24.8 8.7-21.9 0-39.7-17.8-39.7-39.7S25.6 6.6 47.5 6.6Zm0 8.6c-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1 31.1-13.9 31.1-31.1-13.9-31.1-31.1-31.1Z"/>',
+  "SearchOutlinedBoldIcon"
+);
+export {
+  SearchOutlinedBold_default as default
+};

package/es/components/SiffHome.d.ts

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

package/es/components/SiffHome.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var SiffHome_default = createSvgIcon(
+  '<path class="st0" d="M39.8 7.7v.2c0 1.4-.6 2.4-1.4 3.2v10.7c-1.2-.5-2.3-1.3-3.2-2.3v-8.4c-.8-.7-1.3-1.6-1.3-3v-.3c0-.8.4-1.6 1-1.8.2-1.3 1.1-2.2 2.1-2.2s1.8.9 2.1 2.2c.5.3.8 1 .8 1.8Zm27 84.5c2.4 2.1 4 .8 4.2-.2 0-.1 0-.2-.1-.3-.2-.1-.4-.2-.6-.4l-.7-.5c-1.1-.9-2.4-2.4-3.8-4.8-3.3-5.6-6.8-17-5.7-22.6v-.3h-.6c-1.6.8-3.2 1.3-4.9 1.1h-.1s.1-.1.4-.2c1.9-.7 3.3-1.5 4.1-2.3.5-.5.9-1 1.1-1.4 1.2-2.3 1.2-4.3.9-15-.1-3.8-.4-14 5-18.7 1.2-1 3.5-3 4.7-3.8 3.9-2.5 9.1-7.7 18-8.3 1.4 0 3.1-2.4-1.4-2.9-4.8-.6-10-.9-16.5 2.5-2.7 1.4-12.7 9.3-21.1 9.4v-8.9c1.2-.7 2-1.6 2-3v-.2c0-.7-.5-1.4-1.3-1.6-.4-1.2-1.6-2.1-3.1-2.1s-2.8.9-3.1 2c-.8.2-1.5.9-1.5 1.7v.3c0 1.3.8 2.1 1.9 2.8v8.7c0 .1 0 .2-.2.3-1 .3-3.9-.5-7.9-2.6-.2-.1-.5-.2-.7-.4-2.1-1.1-5.2-2.8-9.6-2.4-4.7.4-9.3 3.4-11.3 4.8-.1 0-.4.3-.6.5h-.2s.2-.4.7-.9c2.1-2.2 4.7-4.1 8.3-5.4 2-.7 4.1-.8 6.1-.6 0 0 .2-.1 0-.2-2.8-.6-5.3-.9-8.3-.4-7.8 1.5-11.4 7-12.8 9.9-.3.5-.3.9-.1 1.1 0 0 .1 0 .2.1 0 .1.6.1 1.6 0 1.4-.2 3.5-.3 5.9 0 1.1.1 2.1.3 3.1.5 5.4 1.1 11.1 4.2 11.7 8.9.5 4.3.7 13.4.4 18.7-.2 3.3.3 5.2 1.4 5.7.4.1.4 1.4.2 3.8l-.2 2c-.5 6.2-1.2 13.2-6.1 20.2-1.3 1.9-3 3.6-4.7 5.7v.2s0 .2.2.3c.6.4 2.5 1.2 4.4-.7 1.4-1.4 3.2-3.2 5.1-5.8 2.8-3.6 5.1-8 6.5-11.9 2.1-5.5 2.9-8.9 2.6-10.4.9.3 1.7.4 2.2.3 1.2 16.9 1.9 26.1 2.1 27.8.3 2.7 3.4 1.9 3.5 0 0-1.5 1.6-21.9 2.1-27.1 0-.6.2-.6.4-.7.6 0 1.2-.2 1.7-.5.1 0 .1.1.1.6 0 .6 0 1.5.2 2.7 1.1 6 5.5 18.7 14.4 24.9Z"/>',
+  "SiffHomeIcon"
+);
+export {
+  SiffHome_default as default
+};

package/es/components/Store.d.ts

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

package/es/components/Store.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var Store_default = createSvgIcon(
+  '<path class="st0" d="m6.1 31.5 9.5-17.9C17.5 9.8 20.8 8 25.3 8h46.6c4.5 0 7.8 1.9 9.7 5.7l9.5 17.8c3.2 6.3 2.1 11.8-3.3 16.6l-1.2.9v23c0 4.4-1.6 8.2-4.7 11.3C78.8 86.4 75 88 70.6 88h-44c-4.4 0-8.2-1.6-11.3-4.7-3.1-3.1-4.7-6.9-4.7-11.3V49l-1.2-.9C4 43.3 2.9 37.8 6.1 31.6Zm12.5 19.8V72c0 2.2.8 4.1 2.3 5.7 1.6 1.6 3.4 2.3 5.7 2.3h44c2.2 0 4.1-.8 5.7-2.3 1.6-1.6 2.3-3.4 2.3-5.7V51.3c-2.6 0-4.9-.8-7-2.3l-6.3-4.4-.7.8c-3.7 3.9-8.4 6.1-14 6.6s-10.7-.9-15-4.2c-1-.7-1.9-1.5-2.7-2.4l-.7-.8-6.3 4.4c-2.1 1.5-4.5 2.2-7 2.3Zm4.1-33.9-9.5 17.8c-1.3 2.6-.8 4.8 1.5 6.9 2 1.8 4.1 1.9 6.4.3l6.6-4.5c3.6-2.5 6.9-2.1 9.8 1l1 1c.5.5 1 1 1.6 1.4 2.8 2 6 2.9 9.7 2.6 3.6-.3 6.6-1.6 8.9-4.1l1-1c3-3.1 6.2-3.5 9.8-1l6.6 4.5c2.3 1.6 4.4 1.4 6.4-.3 2.3-2 2.8-4.3 1.5-6.8l-9.5-17.9c-.5-.9-1.3-1.3-2.6-1.3H25.3c-1.3 0-2.1.4-2.6 1.3Z"/>',
+  "StoreIcon"
+);
+export {
+  Store_default as default
+};

package/es/components/SvgIcon/SvgIcon.js

@@ -31,6 +31,7 @@ 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"
@@ -56,13 +57,15 @@ function SvgIcon(props, ref) {
     "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)) {
@@ -105,6 +108,9 @@ function SvgIcon(props, ref) {
     );
   }
   if (typeof children === "string") {
+    const parsedSvgColor = cssVarToValue({
+      cssVar: svgColor
+    }) || svgColor;
     return /* @__PURE__ */ React.createElement(
       Component,
       __spreadValues({
@@ -114,7 +120,7 @@ function SvgIcon(props, ref) {
         }),
         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)

package/es/components/TransformFilled.d.ts

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

package/es/components/TransformFilled.js

@@ -0,0 +1,8 @@
+import createSvgIcon from "../utils/createSvgIcon";
+var TransformFilled_default = createSvgIcon(
+  '<path class="st0" d="m72.9 43.1-7.4-2.7c-.4-.1-.8-.2-1.1-.2-1.9 0-3.4 1.5-3.4 3.4s.9 2.7 2.2 3.1l12.3 4.5c1.7.6 3.7-.3 4.3-2 .1-.4.2-.8.2-1.1 0-8.8-3.1-16.4-9.4-22.6-6.2-6.2-13.8-9.4-22.6-9.4s-16.4 3.1-22.6 9.4c-3 3-5.2 6.3-6.9 10.2-.2.4-.3.9-.3 1.3 0 1.9 1.5 3.4 3.4 3.4s2.6-.8 3.1-2c1.3-3 3.1-5.7 5.4-8C35 25.5 41 23 48 23c7 0 12.9 2.5 17.9 7.4 3.7 3.7 6.1 8 7 12.9Zm-49.8 9.8 7.4 2.7c.4.1.8.2 1.1.2 1.9 0 3.3-1.5 3.3-3.3s-.9-2.7-2.2-3.1l-12.3-4.5c-1.7-.6-3.7.3-4.3 2-.1.4-.2.8-.2 1.1 0 8.8 3.1 16.4 9.4 22.6 6.2 6.2 13.8 9.4 22.6 9.4s16.4-3.1 22.6-9.4c3-3 5.2-6.3 6.9-10.2.2-.4.3-.9.3-1.3 0-1.9-1.5-3.3-3.3-3.3s-2.6.8-3.1 2c-1.3 3-3.1 5.7-5.4 8C61 70.7 55 73.2 48 73.2s-12.9-2.5-17.9-7.4c-3.7-3.7-6.1-8-7-12.9Z"/>',
+  "TransformFilledIcon"
+);
+export {
+  TransformFilled_default as 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 BlockCircleOutlinedBoldIcon } from './BlockCircleOutlinedBold';
 export { default as BlockCircleOutlinedThinIcon } from './BlockCircleOutlinedThin';
 export { default as BogoOutlinedIcon } from './BogoOutlined';
 export { default as BoltFilledIcon } from './BoltFilled';
@@ -90,6 +92,7 @@ export { default as EyeClosedFilledIcon } from './EyeClosedFilled';
 export { default as EyeFilledIcon } from './EyeFilled';
 export { default as EyeOutlinedIcon } from './EyeOutlined';
 export { default as FemaleOutlinedIcon } from './FemaleOutlined';
+export { default as FilmSheetIcon } from './FilmSheet';
 export { default as FilterOutlinedIcon } from './FilterOutlined';
 export { default as FingerprintOutlinedIcon } from './FingerprintOutlined';
 export { default as FireFilledIcon } from './FireFilled';
@@ -180,14 +183,17 @@ export { default as RefreshOutlinedIcon } from './RefreshOutlined';
 export { default as ReportOutlinedIcon } from './ReportOutlined';
 export { default as SaveOutlinedIcon } from './SaveOutlined';
 export { default as ScanOutlinedIcon } from './ScanOutlined';
+export { default as ScheduleIcon } from './Schedule';
 export { default as SearchGapOutlinedIcon } from './SearchGapOutlined';
 export { default as SearchOutlinedIcon } from './SearchOutlined';
+export { default as SearchOutlinedBoldIcon } from './SearchOutlinedBold';
 export { default as SettingsOutlinedIcon } from './SettingsOutlined';
 export { default as SevenDayCalendarIcon } from './SevenDayCalendar';
 export { default as ShareIcon } from './Share';
 export { default as ShoppingCartOutlinedIcon } from './ShoppingCartOutlined';
 export { default as ShowFilledIcon } from './ShowFilled';
 export { default as ShowOutlinedIcon } from './ShowOutlined';
+export { default as SiffHomeIcon } from './SiffHome';
 export { default as SmileFilledIcon } from './SmileFilled';
 export { default as SmileOutlinedIcon } from './SmileOutlined';
 export { default as SortIcon } from './Sort';
@@ -196,6 +202,7 @@ export { default as StarFilledIcon } from './StarFilled';
 export { default as StarFilledSharpIcon } from './StarFilledSharp';
 export { default as StarOutlinedIcon } from './StarOutlined';
 export { default as StarRoundedFilledIcon } from './StarRoundedFilled';
+export { default as StoreIcon } from './Store';
 export { default as StoreFilledIcon } from './StoreFilled';
 export { default as SuccessCircleFilledIcon } from './SuccessCircleFilled';
 export { default as SuccessCircleFilledBoldIcon } from './SuccessCircleFilledBold';
@@ -214,6 +221,7 @@ export { default as TipsOutlinedIcon } from './TipsOutlined';
 export { default as ToTopOutlinedIcon } from './ToTopOutlined';
 export { default as TopicFilledIcon } from './TopicFilled';
 export { default as TopicOutlinedIcon } from './TopicOutlined';
+export { default as TransformFilledIcon } from './TransformFilled';
 export { default as TrendingCircleFilledIcon } from './TrendingCircleFilled';
 export { default as TrendingCircleOutlinedIcon } from './TrendingCircleOutlined';
 export { default as TripleVerticalLineIcon } from './TripleVerticalLine';