@bifrostui/icons-pioneer 2.0.0-alpha.32 → 2.0.0-alpha.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NotCheckedCircleOutlined.d.ts +2 -0
- package/dist/components/NotCheckedCircleOutlined.js +37 -0
- package/dist/components/SvgIcon/SvgIcon.js +8 -6
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +3 -0
- package/dist/demo/index.d.ts +1 -2
- package/dist/demo/index.js +73 -46
- package/dist/utils/createSvgIcon.js +5 -1
- package/es/components/NotCheckedCircleOutlined.d.ts +2 -0
- package/es/components/NotCheckedCircleOutlined.js +8 -0
- package/es/components/SvgIcon/SvgIcon.js +8 -6
- package/es/components/index.d.ts +1 -0
- package/es/components/index.js +94 -92
- package/es/demo/index.d.ts +1 -2
- package/es/demo/index.js +73 -46
- package/es/utils/createSvgIcon.js +5 -1
- package/package.json +6 -5
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var NotCheckedCircleOutlined_exports = {};
|
|
29
|
+
__export(NotCheckedCircleOutlined_exports, {
|
|
30
|
+
default: () => NotCheckedCircleOutlined_default
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(NotCheckedCircleOutlined_exports);
|
|
33
|
+
var import_createSvgIcon = __toESM(require("../utils/createSvgIcon"));
|
|
34
|
+
var NotCheckedCircleOutlined_default = (0, import_createSvgIcon.default)(
|
|
35
|
+
'<path d="M82 48c0-18.778-15.222-34-34-34S14 29.222 14 48s15.222 34 34 34v6C25.909 88 8 70.091 8 48S25.909 8 48 8s40 17.909 40 40-17.909 40-40 40v-6c18.778 0 34-15.222 34-34Z" />',
|
|
36
|
+
"NotCheckedCircleOutlinedIcon"
|
|
37
|
+
);
|
|
@@ -59,6 +59,7 @@ __export(SvgIcon_exports, {
|
|
|
59
59
|
default: () => SvgIcon_default
|
|
60
60
|
});
|
|
61
61
|
module.exports = __toCommonJS(SvgIcon_exports);
|
|
62
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
62
63
|
var import_clsx = __toESM(require("clsx"));
|
|
63
64
|
var React = __toESM(require("react"));
|
|
64
65
|
var import_utils = require("@bifrostui/utils");
|
|
@@ -105,7 +106,7 @@ function SvgIcon(props, ref) {
|
|
|
105
106
|
}
|
|
106
107
|
if (Component === "svg") {
|
|
107
108
|
if (typeof children === "string") {
|
|
108
|
-
return /* @__PURE__ */
|
|
109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
109
110
|
Component,
|
|
110
111
|
__spreadValues({
|
|
111
112
|
ref,
|
|
@@ -122,9 +123,9 @@ function SvgIcon(props, ref) {
|
|
|
122
123
|
}, rest)
|
|
123
124
|
);
|
|
124
125
|
}
|
|
125
|
-
return /* @__PURE__ */
|
|
126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
126
127
|
Component,
|
|
127
|
-
__spreadValues({
|
|
128
|
+
__spreadProps(__spreadValues({
|
|
128
129
|
ref,
|
|
129
130
|
className: (0, import_clsx.default)(classes.root, className, {
|
|
130
131
|
[`icon-size-${size}`]: size
|
|
@@ -133,15 +134,16 @@ function SvgIcon(props, ref) {
|
|
|
133
134
|
viewBox,
|
|
134
135
|
color: svgColor || htmlColor,
|
|
135
136
|
style
|
|
136
|
-
}, rest),
|
|
137
|
-
|
|
137
|
+
}, rest), {
|
|
138
|
+
children
|
|
139
|
+
})
|
|
138
140
|
);
|
|
139
141
|
}
|
|
140
142
|
if (typeof children === "string") {
|
|
141
143
|
const parsedSvgColor = (0, import_utils.cssVarToValue)({
|
|
142
144
|
cssVar: svgColor
|
|
143
145
|
}) || svgColor;
|
|
144
|
-
return /* @__PURE__ */
|
|
146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
145
147
|
Component,
|
|
146
148
|
__spreadValues({
|
|
147
149
|
ref,
|
|
@@ -63,6 +63,7 @@ export { default as MoreHorizontalOutlinedIcon } from './MoreHorizontalOutlined'
|
|
|
63
63
|
export { default as MoreVerticalOutlinedIcon } from './MoreVerticalOutlined';
|
|
64
64
|
export { default as MovieFilledIcon } from './MovieFilled';
|
|
65
65
|
export { default as MovieOutlinedIcon } from './MovieOutlined';
|
|
66
|
+
export { default as NotCheckedCircleOutlinedIcon } from './NotCheckedCircleOutlined';
|
|
66
67
|
export { default as OrderOutlinedIcon } from './OrderOutlined';
|
|
67
68
|
export { default as PauseFilledIcon } from './PauseFilled';
|
|
68
69
|
export { default as PauseOutlinedIcon } from './PauseOutlined';
|
package/dist/components/index.js
CHANGED
|
@@ -92,6 +92,7 @@ __export(components_exports, {
|
|
|
92
92
|
MoreVerticalOutlinedIcon: () => import_MoreVerticalOutlined.default,
|
|
93
93
|
MovieFilledIcon: () => import_MovieFilled.default,
|
|
94
94
|
MovieOutlinedIcon: () => import_MovieOutlined.default,
|
|
95
|
+
NotCheckedCircleOutlinedIcon: () => import_NotCheckedCircleOutlined.default,
|
|
95
96
|
OrderOutlinedIcon: () => import_OrderOutlined.default,
|
|
96
97
|
PauseFilledIcon: () => import_PauseFilled.default,
|
|
97
98
|
PauseOutlinedIcon: () => import_PauseOutlined.default,
|
|
@@ -205,6 +206,7 @@ var import_MoreHorizontalOutlined = __toESM(require("./MoreHorizontalOutlined"))
|
|
|
205
206
|
var import_MoreVerticalOutlined = __toESM(require("./MoreVerticalOutlined"));
|
|
206
207
|
var import_MovieFilled = __toESM(require("./MovieFilled"));
|
|
207
208
|
var import_MovieOutlined = __toESM(require("./MovieOutlined"));
|
|
209
|
+
var import_NotCheckedCircleOutlined = __toESM(require("./NotCheckedCircleOutlined"));
|
|
208
210
|
var import_OrderOutlined = __toESM(require("./OrderOutlined"));
|
|
209
211
|
var import_PauseFilled = __toESM(require("./PauseFilled"));
|
|
210
212
|
var import_PauseOutlined = __toESM(require("./PauseOutlined"));
|
|
@@ -318,6 +320,7 @@ var import_WantCartOutlined = __toESM(require("./WantCartOutlined"));
|
|
|
318
320
|
MoreVerticalOutlinedIcon,
|
|
319
321
|
MovieFilledIcon,
|
|
320
322
|
MovieOutlinedIcon,
|
|
323
|
+
NotCheckedCircleOutlinedIcon,
|
|
321
324
|
OrderOutlinedIcon,
|
|
322
325
|
PauseFilledIcon,
|
|
323
326
|
PauseOutlinedIcon,
|
package/dist/demo/index.d.ts
CHANGED
package/dist/demo/index.js
CHANGED
|
@@ -30,7 +30,8 @@ __export(demo_exports, {
|
|
|
30
30
|
default: () => demo_default
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(demo_exports);
|
|
33
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
+
var import_react = require("react");
|
|
34
35
|
var import_react2 = require("@bifrostui/react");
|
|
35
36
|
var iconComponents = __toESM(require("../components"));
|
|
36
37
|
var import_index = require("./index.css");
|
|
@@ -88,53 +89,79 @@ const IconDemo = () => {
|
|
|
88
89
|
})
|
|
89
90
|
);
|
|
90
91
|
}, [search]);
|
|
91
|
-
return /* @__PURE__ */
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
value: theme,
|
|
95
|
-
onChange: (_, data) => {
|
|
96
|
-
setTheme(data.value);
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
/* @__PURE__ */ import_react.default.createElement(import_react2.Radio, { value: "All" }, "All"),
|
|
100
|
-
/* @__PURE__ */ import_react.default.createElement(import_react2.Radio, { value: "Filled" }, "Filled"),
|
|
101
|
-
/* @__PURE__ */ import_react.default.createElement(import_react2.Radio, { value: "Outlined" }, "Outlined"),
|
|
102
|
-
/* @__PURE__ */ import_react.default.createElement(import_react2.Radio, { value: "Others" }, "Others")
|
|
103
|
-
), /* @__PURE__ */ import_react.default.createElement("div", { className: "icon-panel" }, /* @__PURE__ */ import_react.default.createElement(
|
|
104
|
-
import_react2.Input,
|
|
105
|
-
{
|
|
106
|
-
placeholder: "Search icons",
|
|
107
|
-
value: search,
|
|
108
|
-
onChange: (e) => {
|
|
109
|
-
setSearch(e.target.value);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
), search ? /* @__PURE__ */ import_react.default.createElement("div", { className: "icon-container-hint" }, icons.length, " matching results") : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "icon-container-content" }, icons.map((icon) => {
|
|
113
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
114
|
-
"div",
|
|
92
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "icon-container", children: [
|
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
94
|
+
import_react2.RadioGroup,
|
|
115
95
|
{
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
96
|
+
value: theme,
|
|
97
|
+
onChange: (_, data) => {
|
|
98
|
+
setTheme(data.value);
|
|
99
|
+
},
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Radio, { value: "All", children: "All" }),
|
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Radio, { value: "Filled", children: "Filled" }),
|
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Radio, { value: "Outlined", children: "Outlined" }),
|
|
104
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Radio, { value: "Others", children: "Others" })
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
),
|
|
108
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "icon-panel", children: [
|
|
109
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
110
|
+
import_react2.Input,
|
|
111
|
+
{
|
|
112
|
+
placeholder: "Search icons",
|
|
113
|
+
value: search,
|
|
114
|
+
onChange: (e) => {
|
|
115
|
+
setSearch(e.target.value);
|
|
116
|
+
}
|
|
122
117
|
}
|
|
123
|
-
|
|
124
|
-
/* @__PURE__ */
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
118
|
+
),
|
|
119
|
+
search ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "icon-container-hint", children: [
|
|
120
|
+
icons.length,
|
|
121
|
+
" matching results"
|
|
122
|
+
] }) : null,
|
|
123
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "icon-container-content", children: icons.map((icon) => {
|
|
124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
125
|
+
"div",
|
|
126
|
+
{
|
|
127
|
+
className: "icon-item",
|
|
128
|
+
title: icon.importName,
|
|
129
|
+
onClick: () => {
|
|
130
|
+
setCurrentIcon(icon);
|
|
131
|
+
setOpen(true);
|
|
132
|
+
},
|
|
133
|
+
children: [
|
|
134
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(icon.Component, { size: "large" }),
|
|
135
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "icon-name", children: icon.importName })
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
icon.importName
|
|
139
|
+
);
|
|
140
|
+
}) })
|
|
141
|
+
] }),
|
|
142
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
143
|
+
import_react2.Modal,
|
|
144
|
+
{
|
|
145
|
+
className: "icon-container-modal",
|
|
146
|
+
open,
|
|
147
|
+
onClose: () => {
|
|
148
|
+
setOpen(false);
|
|
149
|
+
setCurrentIcon(null);
|
|
150
|
+
},
|
|
151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "modal-content", children: [
|
|
152
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
153
|
+
" ",
|
|
154
|
+
currentIcon == null ? void 0 : currentIcon.importName
|
|
155
|
+
] }),
|
|
156
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
157
|
+
"import ",
|
|
158
|
+
`{ ${currentIcon == null ? void 0 : currentIcon.importName} }`,
|
|
159
|
+
" from '@bifrostui/icons-pioneer';"
|
|
160
|
+
] }),
|
|
161
|
+
currentIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(currentIcon.Component, { style: { fontSize: "100px" } }) : null
|
|
162
|
+
] })
|
|
135
163
|
}
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
));
|
|
164
|
+
)
|
|
165
|
+
] });
|
|
139
166
|
};
|
|
140
167
|
var demo_default = IconDemo;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
7
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
20
|
}
|
|
19
21
|
return a;
|
|
20
22
|
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
24
|
var __export = (target, all) => {
|
|
22
25
|
for (var name in all)
|
|
23
26
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -44,11 +47,12 @@ __export(createSvgIcon_exports, {
|
|
|
44
47
|
default: () => createSvgIcon
|
|
45
48
|
});
|
|
46
49
|
module.exports = __toCommonJS(createSvgIcon_exports);
|
|
50
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
51
|
var import_utils = require("@bifrostui/utils");
|
|
48
52
|
var React = __toESM(require("react"));
|
|
49
53
|
var import_SvgIcon = __toESM(require("../components/SvgIcon"));
|
|
50
54
|
function createSvgIcon(path, displayName) {
|
|
51
|
-
const Component = (props, ref) => /* @__PURE__ */
|
|
55
|
+
const Component = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SvgIcon.default, __spreadProps(__spreadValues({ ref, component: import_utils.isMini ? "div" : "svg" }, props), { children: path }));
|
|
52
56
|
Component.displayName = `${displayName}Icon`;
|
|
53
57
|
return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component));
|
|
54
58
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import createSvgIcon from "../utils/createSvgIcon";
|
|
2
|
+
var NotCheckedCircleOutlined_default = createSvgIcon(
|
|
3
|
+
'<path d="M82 48c0-18.778-15.222-34-34-34S14 29.222 14 48s15.222 34 34 34v6C25.909 88 8 70.091 8 48S25.909 8 48 8s40 17.909 40 40-17.909 40-40 40v-6c18.778 0 34-15.222 34-34Z" />',
|
|
4
|
+
"NotCheckedCircleOutlinedIcon"
|
|
5
|
+
);
|
|
6
|
+
export {
|
|
7
|
+
NotCheckedCircleOutlined_default as default
|
|
8
|
+
};
|
|
@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
32
33
|
import clsx from "clsx";
|
|
33
34
|
import * as React from "react";
|
|
34
35
|
import { cssVarToValue } from "@bifrostui/utils";
|
|
@@ -75,7 +76,7 @@ function SvgIcon(props, ref) {
|
|
|
75
76
|
}
|
|
76
77
|
if (Component === "svg") {
|
|
77
78
|
if (typeof children === "string") {
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ jsx(
|
|
79
80
|
Component,
|
|
80
81
|
__spreadValues({
|
|
81
82
|
ref,
|
|
@@ -92,9 +93,9 @@ function SvgIcon(props, ref) {
|
|
|
92
93
|
}, rest)
|
|
93
94
|
);
|
|
94
95
|
}
|
|
95
|
-
return /* @__PURE__ */
|
|
96
|
+
return /* @__PURE__ */ jsx(
|
|
96
97
|
Component,
|
|
97
|
-
__spreadValues({
|
|
98
|
+
__spreadProps(__spreadValues({
|
|
98
99
|
ref,
|
|
99
100
|
className: clsx(classes.root, className, {
|
|
100
101
|
[`icon-size-${size}`]: size
|
|
@@ -103,15 +104,16 @@ function SvgIcon(props, ref) {
|
|
|
103
104
|
viewBox,
|
|
104
105
|
color: svgColor || htmlColor,
|
|
105
106
|
style
|
|
106
|
-
}, rest),
|
|
107
|
-
|
|
107
|
+
}, rest), {
|
|
108
|
+
children
|
|
109
|
+
})
|
|
108
110
|
);
|
|
109
111
|
}
|
|
110
112
|
if (typeof children === "string") {
|
|
111
113
|
const parsedSvgColor = cssVarToValue({
|
|
112
114
|
cssVar: svgColor
|
|
113
115
|
}) || svgColor;
|
|
114
|
-
return /* @__PURE__ */
|
|
116
|
+
return /* @__PURE__ */ jsx(
|
|
115
117
|
Component,
|
|
116
118
|
__spreadValues({
|
|
117
119
|
ref,
|
package/es/components/index.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ export { default as MoreHorizontalOutlinedIcon } from './MoreHorizontalOutlined'
|
|
|
63
63
|
export { default as MoreVerticalOutlinedIcon } from './MoreVerticalOutlined';
|
|
64
64
|
export { default as MovieFilledIcon } from './MovieFilled';
|
|
65
65
|
export { default as MovieOutlinedIcon } from './MovieOutlined';
|
|
66
|
+
export { default as NotCheckedCircleOutlinedIcon } from './NotCheckedCircleOutlined';
|
|
66
67
|
export { default as OrderOutlinedIcon } from './OrderOutlined';
|
|
67
68
|
export { default as PauseFilledIcon } from './PauseFilled';
|
|
68
69
|
export { default as PauseOutlinedIcon } from './PauseOutlined';
|
package/es/components/index.js
CHANGED
|
@@ -63,52 +63,53 @@ import { default as default63 } from "./MoreHorizontalOutlined";
|
|
|
63
63
|
import { default as default64 } from "./MoreVerticalOutlined";
|
|
64
64
|
import { default as default65 } from "./MovieFilled";
|
|
65
65
|
import { default as default66 } from "./MovieOutlined";
|
|
66
|
-
import { default as default67 } from "./
|
|
67
|
-
import { default as default68 } from "./
|
|
68
|
-
import { default as default69 } from "./
|
|
69
|
-
import { default as default70 } from "./
|
|
70
|
-
import { default as default71 } from "./
|
|
71
|
-
import { default as default72 } from "./
|
|
72
|
-
import { default as default73 } from "./
|
|
73
|
-
import { default as default74 } from "./
|
|
74
|
-
import { default as default75 } from "./
|
|
75
|
-
import { default as default76 } from "./
|
|
76
|
-
import { default as default77 } from "./
|
|
77
|
-
import { default as default78 } from "./
|
|
78
|
-
import { default as default79 } from "./
|
|
79
|
-
import { default as default80 } from "./
|
|
80
|
-
import { default as default81 } from "./
|
|
81
|
-
import { default as default82 } from "./
|
|
82
|
-
import { default as default83 } from "./
|
|
83
|
-
import { default as default84 } from "./
|
|
84
|
-
import { default as default85 } from "./
|
|
85
|
-
import { default as default86 } from "./
|
|
86
|
-
import { default as default87 } from "./
|
|
87
|
-
import { default as default88 } from "./
|
|
88
|
-
import { default as default89 } from "./
|
|
89
|
-
import { default as default90 } from "./
|
|
90
|
-
import { default as default91 } from "./
|
|
91
|
-
import { default as default92 } from "./
|
|
92
|
-
import { default as default93 } from "./
|
|
93
|
-
import { default as default94 } from "./
|
|
94
|
-
import { default as default95 } from "./
|
|
95
|
-
import { default as default96 } from "./
|
|
96
|
-
import { default as default97 } from "./
|
|
97
|
-
import { default as default98 } from "./
|
|
98
|
-
import { default as default99 } from "./
|
|
99
|
-
import { default as default100 } from "./
|
|
100
|
-
import { default as default101 } from "./
|
|
101
|
-
import { default as default102 } from "./
|
|
102
|
-
import { default as default103 } from "./
|
|
103
|
-
import { default as default104 } from "./
|
|
104
|
-
import { default as default105 } from "./
|
|
105
|
-
import { default as default106 } from "./
|
|
106
|
-
import { default as default107 } from "./
|
|
107
|
-
import { default as default108 } from "./
|
|
108
|
-
import { default as default109 } from "./
|
|
109
|
-
import { default as default110 } from "./
|
|
110
|
-
import { default as default111 } from "./
|
|
111
|
-
import { default as default112 } from "./
|
|
66
|
+
import { default as default67 } from "./NotCheckedCircleOutlined";
|
|
67
|
+
import { default as default68 } from "./OrderOutlined";
|
|
68
|
+
import { default as default69 } from "./PauseFilled";
|
|
69
|
+
import { default as default70 } from "./PauseOutlined";
|
|
70
|
+
import { default as default71 } from "./PersonalOutlined";
|
|
71
|
+
import { default as default72 } from "./PictureOutlined";
|
|
72
|
+
import { default as default73 } from "./PlayFilled";
|
|
73
|
+
import { default as default74 } from "./PlayOutlined";
|
|
74
|
+
import { default as default75 } from "./QRCodeOutlined";
|
|
75
|
+
import { default as default76 } from "./QuestionnaireOutlined";
|
|
76
|
+
import { default as default77 } from "./RedPocketOutlined";
|
|
77
|
+
import { default as default78 } from "./RefreshOutlined";
|
|
78
|
+
import { default as default79 } from "./ReportOutlined";
|
|
79
|
+
import { default as default80 } from "./SafeFilled";
|
|
80
|
+
import { default as default81 } from "./ScanOutlined";
|
|
81
|
+
import { default as default82 } from "./SearchOutlined";
|
|
82
|
+
import { default as default83 } from "./SeatFilled";
|
|
83
|
+
import { default as default84 } from "./SeatOutlined";
|
|
84
|
+
import { default as default85 } from "./ServiceOutlined";
|
|
85
|
+
import { default as default86 } from "./SettingFilled";
|
|
86
|
+
import { default as default87 } from "./SettingOutlined";
|
|
87
|
+
import { default as default88 } from "./ShareFilled";
|
|
88
|
+
import { default as default89 } from "./ShareOutlined";
|
|
89
|
+
import { default as default90 } from "./ShowOutlined";
|
|
90
|
+
import { default as default91 } from "./SortOutlined";
|
|
91
|
+
import { default as default92 } from "./SuccessCircleFilled";
|
|
92
|
+
import { default as default93 } from "./SuccessCircleOutlined";
|
|
93
|
+
import { default as default94 } from "./SuccessOutlined";
|
|
94
|
+
import { default as default95 } from "./TagOutlined";
|
|
95
|
+
import { default as default96 } from "./ThumbDownFilled";
|
|
96
|
+
import { default as default97 } from "./ThumbDownOutlined";
|
|
97
|
+
import { default as default98 } from "./ThumbUpFilled";
|
|
98
|
+
import { default as default99 } from "./ThumbUpOutlined";
|
|
99
|
+
import { default as default100 } from "./TimeFilled";
|
|
100
|
+
import { default as default101 } from "./TimeOutlined";
|
|
101
|
+
import { default as default102 } from "./TopOutlined";
|
|
102
|
+
import { default as default103 } from "./TranspondOutlined";
|
|
103
|
+
import { default as default104 } from "./UploadOutlined";
|
|
104
|
+
import { default as default105 } from "./VerificationOutlined";
|
|
105
|
+
import { default as default106 } from "./VideoOutlined";
|
|
106
|
+
import { default as default107 } from "./VolumeMuteFilled";
|
|
107
|
+
import { default as default108 } from "./VolumeMuteOutlined";
|
|
108
|
+
import { default as default109 } from "./VolumeUpFilled";
|
|
109
|
+
import { default as default110 } from "./VolumeUpOutlined";
|
|
110
|
+
import { default as default111 } from "./WalletOutlined";
|
|
111
|
+
import { default as default112 } from "./WantCartFilled";
|
|
112
|
+
import { default as default113 } from "./WantCartOutlined";
|
|
112
113
|
export {
|
|
113
114
|
default2 as AddCircleFilledIcon,
|
|
114
115
|
default3 as AddCircleOutlinedIcon,
|
|
@@ -175,50 +176,51 @@ export {
|
|
|
175
176
|
default64 as MoreVerticalOutlinedIcon,
|
|
176
177
|
default65 as MovieFilledIcon,
|
|
177
178
|
default66 as MovieOutlinedIcon,
|
|
178
|
-
default67 as
|
|
179
|
-
default68 as
|
|
180
|
-
default69 as
|
|
181
|
-
default70 as
|
|
182
|
-
default71 as
|
|
183
|
-
default72 as
|
|
184
|
-
default73 as
|
|
185
|
-
default74 as
|
|
186
|
-
default75 as
|
|
187
|
-
default76 as
|
|
188
|
-
default77 as
|
|
189
|
-
default78 as
|
|
190
|
-
default79 as
|
|
191
|
-
default80 as
|
|
192
|
-
default81 as
|
|
193
|
-
default82 as
|
|
194
|
-
default83 as
|
|
195
|
-
default84 as
|
|
196
|
-
default85 as
|
|
197
|
-
default86 as
|
|
198
|
-
default87 as
|
|
199
|
-
default88 as
|
|
200
|
-
default89 as
|
|
201
|
-
default90 as
|
|
202
|
-
default91 as
|
|
203
|
-
default92 as
|
|
204
|
-
default93 as
|
|
205
|
-
default94 as
|
|
206
|
-
default95 as
|
|
207
|
-
default96 as
|
|
208
|
-
default97 as
|
|
209
|
-
default98 as
|
|
210
|
-
default99 as
|
|
211
|
-
default100 as
|
|
212
|
-
default101 as
|
|
213
|
-
default102 as
|
|
214
|
-
default103 as
|
|
215
|
-
default104 as
|
|
216
|
-
default105 as
|
|
217
|
-
default106 as
|
|
218
|
-
default107 as
|
|
219
|
-
default108 as
|
|
220
|
-
default109 as
|
|
221
|
-
default110 as
|
|
222
|
-
default111 as
|
|
223
|
-
default112 as
|
|
179
|
+
default67 as NotCheckedCircleOutlinedIcon,
|
|
180
|
+
default68 as OrderOutlinedIcon,
|
|
181
|
+
default69 as PauseFilledIcon,
|
|
182
|
+
default70 as PauseOutlinedIcon,
|
|
183
|
+
default71 as PersonalOutlinedIcon,
|
|
184
|
+
default72 as PictureOutlinedIcon,
|
|
185
|
+
default73 as PlayFilledIcon,
|
|
186
|
+
default74 as PlayOutlinedIcon,
|
|
187
|
+
default75 as QRCodeOutlinedIcon,
|
|
188
|
+
default76 as QuestionnaireOutlinedIcon,
|
|
189
|
+
default77 as RedPocketOutlinedIcon,
|
|
190
|
+
default78 as RefreshOutlinedIcon,
|
|
191
|
+
default79 as ReportOutlinedIcon,
|
|
192
|
+
default80 as SafeFilledIcon,
|
|
193
|
+
default81 as ScanOutlinedIcon,
|
|
194
|
+
default82 as SearchOutlinedIcon,
|
|
195
|
+
default83 as SeatFilledIcon,
|
|
196
|
+
default84 as SeatOutlinedIcon,
|
|
197
|
+
default85 as ServiceOutlinedIcon,
|
|
198
|
+
default86 as SettingFilledIcon,
|
|
199
|
+
default87 as SettingOutlinedIcon,
|
|
200
|
+
default88 as ShareFilledIcon,
|
|
201
|
+
default89 as ShareOutlinedIcon,
|
|
202
|
+
default90 as ShowOutlinedIcon,
|
|
203
|
+
default91 as SortOutlinedIcon,
|
|
204
|
+
default92 as SuccessCircleFilledIcon,
|
|
205
|
+
default93 as SuccessCircleOutlinedIcon,
|
|
206
|
+
default94 as SuccessOutlinedIcon,
|
|
207
|
+
default95 as TagOutlinedIcon,
|
|
208
|
+
default96 as ThumbDownFilledIcon,
|
|
209
|
+
default97 as ThumbDownOutlinedIcon,
|
|
210
|
+
default98 as ThumbUpFilledIcon,
|
|
211
|
+
default99 as ThumbUpOutlinedIcon,
|
|
212
|
+
default100 as TimeFilledIcon,
|
|
213
|
+
default101 as TimeOutlinedIcon,
|
|
214
|
+
default102 as TopOutlinedIcon,
|
|
215
|
+
default103 as TranspondOutlinedIcon,
|
|
216
|
+
default104 as UploadOutlinedIcon,
|
|
217
|
+
default105 as VerificationOutlinedIcon,
|
|
218
|
+
default106 as VideoOutlinedIcon,
|
|
219
|
+
default107 as VolumeMuteFilledIcon,
|
|
220
|
+
default108 as VolumeMuteOutlinedIcon,
|
|
221
|
+
default109 as VolumeUpFilledIcon,
|
|
222
|
+
default110 as VolumeUpOutlinedIcon,
|
|
223
|
+
default111 as WalletOutlinedIcon,
|
|
224
|
+
default112 as WantCartFilledIcon,
|
|
225
|
+
default113 as WantCartOutlinedIcon
|
|
224
226
|
};
|
package/es/demo/index.d.ts
CHANGED
package/es/demo/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
2
3
|
import { Input, Modal, Radio, RadioGroup } from "@bifrostui/react";
|
|
3
4
|
import * as iconComponents from "../components";
|
|
4
5
|
import "./index.css";
|
|
@@ -56,54 +57,80 @@ const IconDemo = () => {
|
|
|
56
57
|
})
|
|
57
58
|
);
|
|
58
59
|
}, [search]);
|
|
59
|
-
return /* @__PURE__ */
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
value: theme,
|
|
63
|
-
onChange: (_, data) => {
|
|
64
|
-
setTheme(data.value);
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
/* @__PURE__ */ React.createElement(Radio, { value: "All" }, "All"),
|
|
68
|
-
/* @__PURE__ */ React.createElement(Radio, { value: "Filled" }, "Filled"),
|
|
69
|
-
/* @__PURE__ */ React.createElement(Radio, { value: "Outlined" }, "Outlined"),
|
|
70
|
-
/* @__PURE__ */ React.createElement(Radio, { value: "Others" }, "Others")
|
|
71
|
-
), /* @__PURE__ */ React.createElement("div", { className: "icon-panel" }, /* @__PURE__ */ React.createElement(
|
|
72
|
-
Input,
|
|
73
|
-
{
|
|
74
|
-
placeholder: "Search icons",
|
|
75
|
-
value: search,
|
|
76
|
-
onChange: (e) => {
|
|
77
|
-
setSearch(e.target.value);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
), 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) => {
|
|
81
|
-
return /* @__PURE__ */ React.createElement(
|
|
82
|
-
"div",
|
|
60
|
+
return /* @__PURE__ */ jsxs("div", { className: "icon-container", children: [
|
|
61
|
+
/* @__PURE__ */ jsxs(
|
|
62
|
+
RadioGroup,
|
|
83
63
|
{
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
64
|
+
value: theme,
|
|
65
|
+
onChange: (_, data) => {
|
|
66
|
+
setTheme(data.value);
|
|
67
|
+
},
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ jsx(Radio, { value: "All", children: "All" }),
|
|
70
|
+
/* @__PURE__ */ jsx(Radio, { value: "Filled", children: "Filled" }),
|
|
71
|
+
/* @__PURE__ */ jsx(Radio, { value: "Outlined", children: "Outlined" }),
|
|
72
|
+
/* @__PURE__ */ jsx(Radio, { value: "Others", children: "Others" })
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ jsxs("div", { className: "icon-panel", children: [
|
|
77
|
+
/* @__PURE__ */ jsx(
|
|
78
|
+
Input,
|
|
79
|
+
{
|
|
80
|
+
placeholder: "Search icons",
|
|
81
|
+
value: search,
|
|
82
|
+
onChange: (e) => {
|
|
83
|
+
setSearch(e.target.value);
|
|
84
|
+
}
|
|
90
85
|
}
|
|
91
|
-
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
86
|
+
),
|
|
87
|
+
search ? /* @__PURE__ */ jsxs("div", { className: "icon-container-hint", children: [
|
|
88
|
+
icons.length,
|
|
89
|
+
" matching results"
|
|
90
|
+
] }) : null,
|
|
91
|
+
/* @__PURE__ */ jsx("div", { className: "icon-container-content", children: icons.map((icon) => {
|
|
92
|
+
return /* @__PURE__ */ jsxs(
|
|
93
|
+
"div",
|
|
94
|
+
{
|
|
95
|
+
className: "icon-item",
|
|
96
|
+
title: icon.importName,
|
|
97
|
+
onClick: () => {
|
|
98
|
+
setCurrentIcon(icon);
|
|
99
|
+
setOpen(true);
|
|
100
|
+
},
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ jsx(icon.Component, { size: "large" }),
|
|
103
|
+
/* @__PURE__ */ jsx("div", { className: "icon-name", children: icon.importName })
|
|
104
|
+
]
|
|
105
|
+
},
|
|
106
|
+
icon.importName
|
|
107
|
+
);
|
|
108
|
+
}) })
|
|
109
|
+
] }),
|
|
110
|
+
/* @__PURE__ */ jsx(
|
|
111
|
+
Modal,
|
|
112
|
+
{
|
|
113
|
+
className: "icon-container-modal",
|
|
114
|
+
open,
|
|
115
|
+
onClose: () => {
|
|
116
|
+
setOpen(false);
|
|
117
|
+
setCurrentIcon(null);
|
|
118
|
+
},
|
|
119
|
+
children: /* @__PURE__ */ jsxs("div", { className: "modal-content", children: [
|
|
120
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
121
|
+
" ",
|
|
122
|
+
currentIcon == null ? void 0 : currentIcon.importName
|
|
123
|
+
] }),
|
|
124
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
125
|
+
"import ",
|
|
126
|
+
`{ ${currentIcon == null ? void 0 : currentIcon.importName} }`,
|
|
127
|
+
" from '@bifrostui/icons-pioneer';"
|
|
128
|
+
] }),
|
|
129
|
+
currentIcon ? /* @__PURE__ */ jsx(currentIcon.Component, { style: { fontSize: "100px" } }) : null
|
|
130
|
+
] })
|
|
103
131
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
));
|
|
132
|
+
)
|
|
133
|
+
] });
|
|
107
134
|
};
|
|
108
135
|
var demo_default = IconDemo;
|
|
109
136
|
export {
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
2
4
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
6
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
@@ -14,11 +16,13 @@ var __spreadValues = (a, b) => {
|
|
|
14
16
|
}
|
|
15
17
|
return a;
|
|
16
18
|
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import { jsx } from "react/jsx-runtime";
|
|
17
21
|
import { isMini } from "@bifrostui/utils";
|
|
18
22
|
import * as React from "react";
|
|
19
23
|
import SvgIcon from "../components/SvgIcon";
|
|
20
24
|
function createSvgIcon(path, displayName) {
|
|
21
|
-
const Component = (props, ref) => /* @__PURE__ */
|
|
25
|
+
const Component = (props, ref) => /* @__PURE__ */ jsx(SvgIcon, __spreadProps(__spreadValues({ ref, component: isMini ? "div" : "svg" }, props), { children: path }));
|
|
22
26
|
Component.displayName = `${displayName}Icon`;
|
|
23
27
|
return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component));
|
|
24
28
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bifrostui/icons-pioneer",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.33",
|
|
4
4
|
"description": "Pioneer theme SVG icon components for BUI",
|
|
5
5
|
"homepage": "http://bui.taopiaopiao.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,20 +24,21 @@
|
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"chalk": "^4.1.2",
|
|
26
26
|
"esbuild": "^0.19.7",
|
|
27
|
-
"esbuild-plugin-less": "1.3.
|
|
27
|
+
"esbuild-plugin-less": "1.3.38",
|
|
28
28
|
"fast-glob": "^3.3.1",
|
|
29
29
|
"fs-extra": "^10.0.0",
|
|
30
30
|
"glob": "11.0.0",
|
|
31
|
+
"react": "^19.0.0",
|
|
31
32
|
"rimraf": "^3.0.0",
|
|
32
33
|
"svgo": "^2.8.0"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
36
|
"clsx": "^2.1.1",
|
|
36
|
-
"@bifrostui/types": "2.0.0-alpha.
|
|
37
|
-
"@bifrostui/utils": "2.0.0-alpha.
|
|
37
|
+
"@bifrostui/types": "2.0.0-alpha.33",
|
|
38
|
+
"@bifrostui/utils": "2.0.0-alpha.33"
|
|
38
39
|
},
|
|
39
40
|
"peerDependencies": {
|
|
40
|
-
"react": "^17.0.0 || ^18.0.0"
|
|
41
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
41
42
|
},
|
|
42
43
|
"scripts": {
|
|
43
44
|
"build": "node esbuild.config.js",
|