@bifrostui/icons-pioneer 2.0.0-alpha.31

package/es/components/index.d.ts

@@ -0,0 +1,53 @@
+export { default as AddCircleFilledIcon } from './AddCircleFilled';
+export { default as AddCircleOutlinedIcon } from './AddCircleOutlined';
+export { default as AlertCircleFilledIcon } from './AlertCircleFilled';
+export { default as AlertCircleOutlinedIcon } from './AlertCircleOutlined';
+export { default as AnnounceFilledIcon } from './AnnounceFilled';
+export { default as AnnounceOutlinedIcon } from './AnnounceOutlined';
+export { default as ArrowDownCircleFilledIcon } from './ArrowDownCircleFilled';
+export { default as ArrowDownCircleOutlinedIcon } from './ArrowDownCircleOutlined';
+export { default as ArrowLeftCircleFilledIcon } from './ArrowLeftCircleFilled';
+export { default as ArrowLeftCircleOutlinedIcon } from './ArrowLeftCircleOutlined';
+export { default as ArrowRightCircleFilledIcon } from './ArrowRightCircleFilled';
+export { default as ArrowRightCircleOutlinedIcon } from './ArrowRightCircleOutlined';
+export { default as ArrowUpCircleFilledIcon } from './ArrowUpCircleFilled';
+export { default as ArrowUpCircleOutlinedIcon } from './ArrowUpCircleOutlined';
+export { default as CloseCircleFilledIcon } from './CloseCircleFilled';
+export { default as CloseCircleOutlinedIcon } from './CloseCircleOutlined';
+export { default as CommentFilledIcon } from './CommentFilled';
+export { default as CommentOutlinedIcon } from './CommentOutlined';
+export { default as CouponFilledIcon } from './CouponFilled';
+export { default as ExtractOutlinedIcon } from './ExtractOutlined';
+export { default as FullScreenOutlinedIcon } from './FullScreenOutlined';
+export { default as HeartAddOutlinedIcon } from './HeartAddOutlined';
+export { default as HeartFilledIcon } from './HeartFilled';
+export { default as HeartOutlinedIcon } from './HeartOutlined';
+export { default as HelpCircleFilledIcon } from './HelpCircleFilled';
+export { default as HelpCircleOutlinedIcon } from './HelpCircleOutlined';
+export { default as LinkOutlinedIcon } from './LinkOutlined';
+export { default as LocationFilledIcon } from './LocationFilled';
+export { default as LocationOutlinedIcon } from './LocationOutlined';
+export { default as PauseFilledIcon } from './PauseFilled';
+export { default as PauseOutlinedIcon } from './PauseOutlined';
+export { default as PlayFilledIcon } from './PlayFilled';
+export { default as PlayOutlinedIcon } from './PlayOutlined';
+export { default as QRCodeOutlinedIcon } from './QRCodeOutlined';
+export { default as ReportOutlinedIcon } from './ReportOutlined';
+export { default as SeatFilledIcon } from './SeatFilled';
+export { default as SeatOutlinedIcon } from './SeatOutlined';
+export { default as ShareFilledIcon } from './ShareFilled';
+export { default as ShareOutlinedIcon } from './ShareOutlined';
+export { default as ShowOutlinedIcon } from './ShowOutlined';
+export { default as SuccessCircleFilledIcon } from './SuccessCircleFilled';
+export { default as SuccessCircleOutlinedIcon } from './SuccessCircleOutlined';
+export { default as SuccessOutlinedIcon } from './SuccessOutlined';
+export { default as ThumbDownFilledIcon } from './ThumbDownFilled';
+export { default as ThumbDownOutlinedIcon } from './ThumbDownOutlined';
+export { default as ThumbUpFilledIcon } from './ThumbUpFilled';
+export { default as ThumbUpOutlinedIcon } from './ThumbUpOutlined';
+export { default as VolumeMuteFilledIcon } from './VolumeMuteFilled';
+export { default as VolumeMuteOutlinedIcon } from './VolumeMuteOutlined';
+export { default as VolumeUpFilledIcon } from './VolumeUpFilled';
+export { default as VolumeUpOutlinedIcon } from './VolumeUpOutlined';
+export { default as WantCartFilledIcon } from './WantCartFilled';
+export { default as WantCartOutlinedIcon } from './WantCartOutlined';

package/es/components/index.js

@@ -0,0 +1,108 @@
+import { default as default2 } from "./AddCircleFilled";
+import { default as default3 } from "./AddCircleOutlined";
+import { default as default4 } from "./AlertCircleFilled";
+import { default as default5 } from "./AlertCircleOutlined";
+import { default as default6 } from "./AnnounceFilled";
+import { default as default7 } from "./AnnounceOutlined";
+import { default as default8 } from "./ArrowDownCircleFilled";
+import { default as default9 } from "./ArrowDownCircleOutlined";
+import { default as default10 } from "./ArrowLeftCircleFilled";
+import { default as default11 } from "./ArrowLeftCircleOutlined";
+import { default as default12 } from "./ArrowRightCircleFilled";
+import { default as default13 } from "./ArrowRightCircleOutlined";
+import { default as default14 } from "./ArrowUpCircleFilled";
+import { default as default15 } from "./ArrowUpCircleOutlined";
+import { default as default16 } from "./CloseCircleFilled";
+import { default as default17 } from "./CloseCircleOutlined";
+import { default as default18 } from "./CommentFilled";
+import { default as default19 } from "./CommentOutlined";
+import { default as default20 } from "./CouponFilled";
+import { default as default21 } from "./ExtractOutlined";
+import { default as default22 } from "./FullScreenOutlined";
+import { default as default23 } from "./HeartAddOutlined";
+import { default as default24 } from "./HeartFilled";
+import { default as default25 } from "./HeartOutlined";
+import { default as default26 } from "./HelpCircleFilled";
+import { default as default27 } from "./HelpCircleOutlined";
+import { default as default28 } from "./LinkOutlined";
+import { default as default29 } from "./LocationFilled";
+import { default as default30 } from "./LocationOutlined";
+import { default as default31 } from "./PauseFilled";
+import { default as default32 } from "./PauseOutlined";
+import { default as default33 } from "./PlayFilled";
+import { default as default34 } from "./PlayOutlined";
+import { default as default35 } from "./QRCodeOutlined";
+import { default as default36 } from "./ReportOutlined";
+import { default as default37 } from "./SeatFilled";
+import { default as default38 } from "./SeatOutlined";
+import { default as default39 } from "./ShareFilled";
+import { default as default40 } from "./ShareOutlined";
+import { default as default41 } from "./ShowOutlined";
+import { default as default42 } from "./SuccessCircleFilled";
+import { default as default43 } from "./SuccessCircleOutlined";
+import { default as default44 } from "./SuccessOutlined";
+import { default as default45 } from "./ThumbDownFilled";
+import { default as default46 } from "./ThumbDownOutlined";
+import { default as default47 } from "./ThumbUpFilled";
+import { default as default48 } from "./ThumbUpOutlined";
+import { default as default49 } from "./VolumeMuteFilled";
+import { default as default50 } from "./VolumeMuteOutlined";
+import { default as default51 } from "./VolumeUpFilled";
+import { default as default52 } from "./VolumeUpOutlined";
+import { default as default53 } from "./WantCartFilled";
+import { default as default54 } from "./WantCartOutlined";
+export {
+  default2 as AddCircleFilledIcon,
+  default3 as AddCircleOutlinedIcon,
+  default4 as AlertCircleFilledIcon,
+  default5 as AlertCircleOutlinedIcon,
+  default6 as AnnounceFilledIcon,
+  default7 as AnnounceOutlinedIcon,
+  default8 as ArrowDownCircleFilledIcon,
+  default9 as ArrowDownCircleOutlinedIcon,
+  default10 as ArrowLeftCircleFilledIcon,
+  default11 as ArrowLeftCircleOutlinedIcon,
+  default12 as ArrowRightCircleFilledIcon,
+  default13 as ArrowRightCircleOutlinedIcon,
+  default14 as ArrowUpCircleFilledIcon,
+  default15 as ArrowUpCircleOutlinedIcon,
+  default16 as CloseCircleFilledIcon,
+  default17 as CloseCircleOutlinedIcon,
+  default18 as CommentFilledIcon,
+  default19 as CommentOutlinedIcon,
+  default20 as CouponFilledIcon,
+  default21 as ExtractOutlinedIcon,
+  default22 as FullScreenOutlinedIcon,
+  default23 as HeartAddOutlinedIcon,
+  default24 as HeartFilledIcon,
+  default25 as HeartOutlinedIcon,
+  default26 as HelpCircleFilledIcon,
+  default27 as HelpCircleOutlinedIcon,
+  default28 as LinkOutlinedIcon,
+  default29 as LocationFilledIcon,
+  default30 as LocationOutlinedIcon,
+  default31 as PauseFilledIcon,
+  default32 as PauseOutlinedIcon,
+  default33 as PlayFilledIcon,
+  default34 as PlayOutlinedIcon,
+  default35 as QRCodeOutlinedIcon,
+  default36 as ReportOutlinedIcon,
+  default37 as SeatFilledIcon,
+  default38 as SeatOutlinedIcon,
+  default39 as ShareFilledIcon,
+  default40 as ShareOutlinedIcon,
+  default41 as ShowOutlinedIcon,
+  default42 as SuccessCircleFilledIcon,
+  default43 as SuccessCircleOutlinedIcon,
+  default44 as SuccessOutlinedIcon,
+  default45 as ThumbDownFilledIcon,
+  default46 as ThumbDownOutlinedIcon,
+  default47 as ThumbUpFilledIcon,
+  default48 as ThumbUpOutlinedIcon,
+  default49 as VolumeMuteFilledIcon,
+  default50 as VolumeMuteOutlinedIcon,
+  default51 as VolumeUpFilledIcon,
+  default52 as VolumeUpOutlinedIcon,
+  default53 as WantCartFilledIcon,
+  default54 as WantCartOutlinedIcon
+};

package/es/demo/index.css

@@ -0,0 +1,75 @@
+.icon-container {
+  display: flex;
+  color: #2e333e;
+  font-size: 15px;
+  width: 100%;
+}
+.icon-container .bui-radio-group {
+  width: 80px;
+  flex: 0 0 auto;
+  margin-right: 12px;
+}
+.icon-container .icon-panel {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+}
+.icon-container .bui-input-wrapper {
+  width: 70%;
+  background: var(--bui-color-bg-default);
+  margin-bottom: 9px;
+}
+.icon-container-hint {
+  font-size: 13px;
+  color: var(--bui-color-success);
+  padding: 0 12px 9px;
+}
+.icon-container-content {
+  overflow: auto;
+}
+.icon-container-modal {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal-content {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 20px;
+  align-items: center;
+  border-radius: 10px;
+  background-color: var(--bui-color-bg-view);
+}
+.modal-content div:first-child {
+  font-weight: bolder;
+  font-size: 20px;
+}
+.modal-content div:nth-child(n+2) {
+  user-select: all;
+}
+.modal-content div:nth-child(n+2)::selection {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.icon-item {
+  width: 128px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--bui-color-fg-default);
+  background: var(--bui-color-bg-default);
+  flex-direction: column;
+  border-radius: 6px;
+  margin: 5px;
+  padding: 9px;
+  cursor: pointer;
+}
+.icon-name {
+  font-size: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 5px 3px;
+  text-align: center;
+  width: 100%;
+  color: var(--bui-color-fg-default);
+}

package/es/demo/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const IconDemo: () => React.JSX.Element;
+export default IconDemo;

package/es/demo/index.js

@@ -0,0 +1,111 @@
+import React, { useEffect, useState } from "react";
+import { Input, Modal, Radio, RadioGroup } from "@bifrostui/react";
+import * as iconComponents from "../components";
+import "./index.css";
+const allIconsMap = {};
+const allIcons = Object.keys(iconComponents).sort().map((importName) => {
+  let theme;
+  if (importName.indexOf("Outlined") !== -1) {
+    theme = "Outlined";
+  } else {
+    theme = "Filled";
+  }
+  const name = importName.replace(/(Outlined|Filled|)$/, "");
+  const icon = {
+    importName,
+    name,
+    theme,
+    Component: iconComponents[importName]
+  };
+  allIconsMap[importName] = icon;
+  return icon;
+});
+const IconDemo = () => {
+  const [search, setSearch] = useState("");
+  const [theme, setTheme] = useState("");
+  const [icons, setIcons] = useState(allIcons);
+  const [open, setOpen] = useState(false);
+  const [currentIcon, setCurrentIcon] = useState(null);
+  useEffect(() => {
+    setIcons(
+      allIcons.filter((item) => {
+        var _a;
+        const category = (theme == null ? void 0 : theme.toLowerCase()) || "";
+        const componentName = ((_a = item.importName) == null ? void 0 : _a.toLowerCase()) || "";
+        if (category === "all") {
+          return item;
+        }
+        if (category === "others" && componentName.indexOf("filled") === -1 && componentName.indexOf("outlined") === -1) {
+          return item;
+        }
+        if (componentName.indexOf(category) !== -1) {
+          return item;
+        }
+        return false;
+      })
+    );
+  }, [theme]);
+  useEffect(() => {
+    setIcons(
+      allIcons.filter((item) => {
+        var _a;
+        if (((_a = item.importName) == null ? void 0 : _a.toLowerCase().indexOf(search.toLowerCase())) !== -1) {
+          return item;
+        }
+        return false;
+      })
+    );
+  }, [search]);
+  return /* @__PURE__ */ React.createElement("div", { className: "icon-container" }, /* @__PURE__ */ React.createElement(
+    RadioGroup,
+    {
+      value: theme,
+      onChange: (_, data) => {
+        setTheme(data.value);
+      }
+    },
+    /* @__PURE__ */ React.createElement(Radio, { value: "All" }, "All"),
+    /* @__PURE__ */ React.createElement(Radio, { value: "Filled" }, "Filled"),
+    /* @__PURE__ */ React.createElement(Radio, { value: "Outlined" }, "Outlined"),
+    /* @__PURE__ */ React.createElement(Radio, { value: "Others" }, "Others")
+  ), /* @__PURE__ */ React.createElement("div", { className: "icon-panel" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      placeholder: "Search icons",
+      value: search,
+      onChange: (e) => {
+        setSearch(e.target.value);
+      }
+    }
+  ), search ? /* @__PURE__ */ React.createElement("div", { className: "icon-container-hint" }, icons.length, " matching results") : null, /* @__PURE__ */ React.createElement("div", { className: "icon-container-content" }, icons.map((icon) => {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "icon-item",
+        key: icon.importName,
+        title: icon.importName,
+        onClick: () => {
+          setCurrentIcon(icon);
+          setOpen(true);
+        }
+      },
+      /* @__PURE__ */ React.createElement(icon.Component, { size: "large" }),
+      /* @__PURE__ */ React.createElement("div", { className: "icon-name" }, icon.importName)
+    );
+  }))), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      className: "icon-container-modal",
+      open,
+      onClose: () => {
+        setOpen(false);
+        setCurrentIcon(null);
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React.createElement("div", null, " ", currentIcon == null ? void 0 : currentIcon.importName), /* @__PURE__ */ React.createElement("div", null, "import ", `{ ${currentIcon == null ? void 0 : currentIcon.importName} }`, " from '@bifrostui/icons-pioneer';"), currentIcon ? /* @__PURE__ */ React.createElement(currentIcon.Component, { style: { fontSize: "100px" } }) : null)
+  ));
+};
+var demo_default = IconDemo;
+export {
+  demo_default as default
+};

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './components';
+export * from './SvgIcon.types';

package/es/index.js

@@ -0,0 +1,3 @@
+export * from "./utils";
+export * from "./components";
+export * from "./SvgIcon.types";

package/es/utils/createSvgIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import SvgIcon from '../components/SvgIcon';
+export default function createSvgIcon(path: React.ReactNode | string, displayName: string): typeof SvgIcon;

package/es/utils/createSvgIcon.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { isMini } from "@bifrostui/utils";
+import * as React from "react";
+import SvgIcon from "../components/SvgIcon";
+function createSvgIcon(path, displayName) {
+  const Component = (props, ref) => /* @__PURE__ */ React.createElement(SvgIcon, __spreadValues({ ref, component: isMini ? "div" : "svg" }, props), path);
+  Component.displayName = `${displayName}Icon`;
+  return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component));
+}
+export {
+  createSvgIcon as default
+};

package/es/utils/index.d.ts

@@ -0,0 +1 @@
+export { default as createSvgIcon, default } from './createSvgIcon';

package/es/utils/index.js

@@ -0,0 +1,5 @@
+import { default as default2, default as default3 } from "./createSvgIcon";
+export {
+  default2 as createSvgIcon,
+  default3 as default
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@bifrostui/icons-pioneer",
+  "version": "2.0.0-alpha.31",
+  "description": "Pioneer theme SVG icon components for BUI",
+  "homepage": "http://bui.taopiaopiao.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ],
+  "files": [
+    "dist",
+    "es",
+    "package.json",
+    "README.md"
+  ],
+  "devDependencies": {
+    "chalk": "^4.1.2",
+    "esbuild": "^0.19.7",
+    "esbuild-plugin-less": "1.3.10",
+    "fast-glob": "^3.3.1",
+    "fs-extra": "^10.0.0",
+    "glob": "11.0.0",
+    "rimraf": "^3.0.0",
+    "svgo": "^2.8.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "@bifrostui/utils": "2.0.0-alpha.31",
+    "@bifrostui/types": "2.0.0-alpha.31"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "scripts": {
+    "build": "node esbuild.config.js",
+    "create:icon": "node ./builder.js --output-dir ./src/components --svg-dir ./src/svgs",
+    "test": "cd ../.. && vitest run --project bui-icons-pioneer"
+  }
+}