@iguanads/icons 1.11.3 → 1.12.0
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/README.md +44 -20
- package/dist/filled/index.js +355 -42
- package/dist/filled/index.mjs +355 -42
- package/dist/one-color/index.d.mts +4 -4
- package/dist/one-color/index.d.ts +4 -4
- package/dist/one-color/index.js +1492 -189
- package/dist/one-color/index.mjs +1492 -189
- package/dist/social-media/index.js +79 -7
- package/dist/social-media/index.mjs +79 -7
- package/dist/two-colors/index.d.mts +2 -2
- package/dist/two-colors/index.d.ts +2 -2
- package/dist/two-colors/index.js +1009 -139
- package/dist/two-colors/index.mjs +1009 -139
- package/package.json +11 -7
package/README.md
CHANGED
|
@@ -1,52 +1,76 @@
|
|
|
1
1
|
# Iguana DS Bento - Icons
|
|
2
2
|
|
|
3
|
+
Icon library for the Iguana Design System. SVG icons converted into React components via SVGR.
|
|
4
|
+
|
|
3
5
|
## Installation
|
|
4
6
|
|
|
5
|
-
|
|
6
|
-
```
|
|
7
|
+
```bash
|
|
7
8
|
pnpm add @iguanads/icons
|
|
8
9
|
```
|
|
9
10
|
|
|
10
|
-
##
|
|
11
|
-
|
|
11
|
+
## Categories
|
|
12
|
+
|
|
13
|
+
The library organizes icons into 4 categories:
|
|
14
|
+
|
|
15
|
+
- `@iguanads/icons/one-color` — monochrome icons
|
|
16
|
+
- `@iguanads/icons/two-colors` — two-color icons
|
|
17
|
+
- `@iguanads/icons/filled` — filled icons
|
|
18
|
+
- `@iguanads/icons/social-media` — social media icons
|
|
19
|
+
|
|
20
|
+
## Usage
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
12
23
|
import { Add } from '@iguanads/icons/one-color'
|
|
13
24
|
|
|
14
25
|
<Add />
|
|
15
26
|
```
|
|
16
|
-
|
|
17
|
-
|
|
27
|
+
|
|
28
|
+
Customize size (32px):
|
|
29
|
+
|
|
30
|
+
```tsx
|
|
18
31
|
import { Add } from '@iguanads/icons/one-color'
|
|
19
32
|
|
|
20
33
|
<Add className="size-8" />
|
|
21
34
|
```
|
|
22
|
-
|
|
23
|
-
|
|
35
|
+
|
|
36
|
+
Customize color:
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
24
39
|
import { Add } from '@iguanads/icons/one-color'
|
|
25
40
|
|
|
26
41
|
<Add className="text-pink-base" />
|
|
27
42
|
```
|
|
28
|
-
|
|
29
|
-
|
|
43
|
+
|
|
44
|
+
Change second color (two-color icons):
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
30
47
|
import { Money } from '@iguanads/icons/two-colors'
|
|
31
48
|
|
|
32
49
|
<Money className="*:fill-grayscale-white" />
|
|
33
50
|
```
|
|
34
51
|
|
|
35
|
-
|
|
36
|
-
|
|
52
|
+
## Adding new icons
|
|
53
|
+
|
|
54
|
+
1. Add the SVG file to the `src/assets/{ICON_TYPE}/` folder
|
|
55
|
+
2. Run `pnpm build:icons` to generate React components
|
|
56
|
+
3. Run `pnpm build` to compile
|
|
57
|
+
|
|
58
|
+
## Commands
|
|
59
|
+
|
|
60
|
+
### Development
|
|
61
|
+
|
|
62
|
+
```bash
|
|
37
63
|
pnpm dev
|
|
38
64
|
```
|
|
39
65
|
|
|
40
66
|
### Build
|
|
41
|
-
|
|
67
|
+
|
|
68
|
+
```bash
|
|
42
69
|
pnpm build
|
|
43
70
|
```
|
|
44
|
-
Build icons:
|
|
45
|
-
```
|
|
46
|
-
pnpm build:icons
|
|
47
|
-
```
|
|
48
71
|
|
|
72
|
+
### Generate icons from SVGs
|
|
49
73
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
74
|
+
```bash
|
|
75
|
+
pnpm build:icons
|
|
76
|
+
```
|
package/dist/filled/index.js
CHANGED
|
@@ -37,92 +37,405 @@ module.exports = __toCommonJS(filled_exports);
|
|
|
37
37
|
|
|
38
38
|
// src/filled/Account.tsx
|
|
39
39
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
40
|
-
var SvgAccount = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
var SvgAccount = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
41
|
+
"svg",
|
|
42
|
+
{
|
|
43
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
44
|
+
fill: "none",
|
|
45
|
+
viewBox: "0 0 24 24",
|
|
46
|
+
width: props.width || 24,
|
|
47
|
+
height: props.height || 24,
|
|
48
|
+
className: props.className,
|
|
49
|
+
...props,
|
|
50
|
+
children: [
|
|
51
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
52
|
+
"path",
|
|
53
|
+
{
|
|
54
|
+
fill: "#FF4C4C",
|
|
55
|
+
d: "m20.992 19.334-.378-3.248a4 4 0 0 0-3.603-3.512 5 5 0 0 1-1.714.322c-.61 0-1.192-.117-1.715-.322a1.9 1.9 0 0 0-.58.117 4.6 4.6 0 0 1-1.134 1.434 5.38 5.38 0 0 1 3.283 4.36l.176 1.512c0 .003 5.476 0 5.476.003a.85.85 0 0 0 .189-.666m-7.526-8.252a3.84 3.84 0 0 0 1.802.468c2.063 0 3.748-1.697 3.748-3.775S17.331 4 15.268 4c-1.599 0-2.964 1.024-3.487 2.458 1.075.966 1.743 2.341 1.743 3.863 0 .263 0 .497-.058.76"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
59
|
+
"path",
|
|
60
|
+
{
|
|
61
|
+
fill: props.color || "currentColor",
|
|
62
|
+
d: "M13.952 19.992c-.056-.475-.166-1.36-.166-1.36-.233-1.903-1.715-3.337-3.574-3.512a5 5 0 0 1-1.744.322 4.9 4.9 0 0 1-1.743-.322c-1.831.176-3.342 1.639-3.574 3.512 0 0-.1.928-.151 1.36.063-.044 10.96-.044 10.952 0"
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
"ellipse",
|
|
67
|
+
{
|
|
68
|
+
cx: 8.439,
|
|
69
|
+
cy: 10.321,
|
|
70
|
+
fill: props.color || "currentColor",
|
|
71
|
+
rx: 3.748,
|
|
72
|
+
ry: 3.775
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
);
|
|
45
78
|
var Account_default = SvgAccount;
|
|
46
79
|
|
|
47
80
|
// src/filled/AdmSettings.tsx
|
|
48
81
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
49
|
-
var SvgAdmSettings = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
82
|
+
var SvgAdmSettings = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
83
|
+
"svg",
|
|
84
|
+
{
|
|
85
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
86
|
+
fill: "none",
|
|
87
|
+
viewBox: "0 0 24 24",
|
|
88
|
+
width: props.width || 24,
|
|
89
|
+
height: props.height || 24,
|
|
90
|
+
className: props.className,
|
|
91
|
+
...props,
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
94
|
+
"path",
|
|
95
|
+
{
|
|
96
|
+
fill: props.color || "currentColor",
|
|
97
|
+
fillRule: "evenodd",
|
|
98
|
+
d: "M18.907 6.824a1.48 1.48 0 0 0-.439-.932c-.254-.25-.59-.4-.945-.426-1.994-.164-2.994-.756-4.544-2.1a1.506 1.506 0 0 0-1.97 0c-1.552 1.344-2.551 1.936-4.545 2.1a1.5 1.5 0 0 0-.945.426c-.254.248-.41.579-.44.932-.266 3.39-.266 12.198 6.914 12.198s7.18-8.803 6.914-12.198m-6.913-.47a2.13 2.13 0 0 1 1.498.616 2.09 2.09 0 0 1 0 2.969 2.13 2.13 0 0 1-2.997 0 2.09 2.09 0 0 1 0-2.97 2.13 2.13 0 0 1 1.499-.614m2.48 8.763a3.44 3.44 0 0 0 1.022-2.444v-.357a.69.69 0 0 0-.522-.669l-1.504-.385a.7.7 0 0 0-.774.32l-.101.167a.698.698 0 0 1-1.203 0l-.101-.168a.695.695 0 0 0-.774-.319l-1.504.385a.7.7 0 0 0-.523.67v.356a3.44 3.44 0 0 0 1.023 2.444 3.5 3.5 0 0 0 2.468 1.012h.025c.926 0 1.813-.364 2.468-1.012",
|
|
99
|
+
clipRule: "evenodd"
|
|
100
|
+
}
|
|
101
|
+
),
|
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
103
|
+
"path",
|
|
104
|
+
{
|
|
105
|
+
fill: "#FF4C4C",
|
|
106
|
+
fillRule: "evenodd",
|
|
107
|
+
d: "m14.16 18.036 3.566-5.591a1.46 1.46 0 0 1 2.038-.441c.682.452.876 1.38.434 2.075l-3.564 5.588-.015.02-.011.014-.004.006a.1.1 0 0 1-.022.027q-.006 0-.007.004a.1.1 0 0 1-.023.022l-.007.005-.026.02-2.185 1.412a.37.37 0 0 1-.405-.002l-.003-.002a.39.39 0 0 1-.168-.372l.348-2.628a.004.004 0 0 1-.002-.006l.003-.015.002-.013.002-.006.001-.006.008-.027q0-.006.003-.012l.007-.014.007-.014.004-.006a.2.2 0 0 1 .02-.038m.617.862-.16 1.206 1.003-.648z",
|
|
108
|
+
clipRule: "evenodd"
|
|
109
|
+
}
|
|
110
|
+
)
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
);
|
|
53
114
|
var AdmSettings_default = SvgAdmSettings;
|
|
54
115
|
|
|
55
116
|
// src/filled/Chat.tsx
|
|
56
117
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
57
|
-
var SvgChat = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
118
|
+
var SvgChat = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
119
|
+
"svg",
|
|
120
|
+
{
|
|
121
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
122
|
+
fill: "none",
|
|
123
|
+
viewBox: "0 0 24 24",
|
|
124
|
+
width: props.width || 24,
|
|
125
|
+
height: props.height || 24,
|
|
126
|
+
className: props.className,
|
|
127
|
+
...props,
|
|
128
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
129
|
+
"path",
|
|
130
|
+
{
|
|
131
|
+
fill: props.color || "currentColor",
|
|
132
|
+
d: "M17.9 16.525c.601 0 1.1-.485 1.1-1.09V7.09C19 6.495 18.511 6 17.9 6H6.1C5.489 6 5 6.485 5 7.09v8.354c0 .596.489 1.091 1.1 1.091h1.395c.203.808.692 1.819 1.893 2.364a1.08 1.08 0 0 0 1.089-.101c.327-.232.5-.606.459-1-.03-.343-.04-.818.092-1.263h6.882z"
|
|
133
|
+
}
|
|
134
|
+
)
|
|
135
|
+
}
|
|
136
|
+
);
|
|
58
137
|
var Chat_default = SvgChat;
|
|
59
138
|
|
|
60
139
|
// src/filled/Configurations.tsx
|
|
61
140
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
62
|
-
var SvgConfigurations = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
141
|
+
var SvgConfigurations = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
142
|
+
"svg",
|
|
143
|
+
{
|
|
144
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
145
|
+
fill: "none",
|
|
146
|
+
viewBox: "0 0 24 24",
|
|
147
|
+
width: props.width || 24,
|
|
148
|
+
height: props.height || 24,
|
|
149
|
+
className: props.className,
|
|
150
|
+
...props,
|
|
151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
152
|
+
"path",
|
|
153
|
+
{
|
|
154
|
+
fill: props.color || "currentColor",
|
|
155
|
+
fillRule: "evenodd",
|
|
156
|
+
d: "M18.807 9.857h2.479c.394 0 .714.32.714.714v2.858c0 .394-.32.714-.714.714h-2.479q-.186.601-.478 1.157l1.75 1.75a.714.714 0 0 1 0 1.014l-2.015 2.015a.714.714 0 0 1-1.014 0l-1.75-1.75q-.557.291-1.157.478v2.479c0 .394-.32.714-.714.714H10.57a.714.714 0 0 1-.714-.714v-2.479A7 7 0 0 1 8.7 18.33l-1.75 1.75a.714.714 0 0 1-1.014 0L3.92 18.064a.714.714 0 0 1 0-1.014l1.75-1.75a7 7 0 0 1-.478-1.157H2.714A.714.714 0 0 1 2 13.429V10.57c0-.394.32-.714.714-.714h2.479q.1-.331.236-.65c.078-.171.157-.343.242-.507l-1.75-1.75a.714.714 0 0 1 0-1.014L5.936 3.92a.714.714 0 0 1 1.014 0L8.7 5.67q.557-.292 1.157-.478V2.714c0-.394.32-.714.714-.714h2.858c.394 0 .714.32.714.714v2.479q.601.186 1.157.478l1.75-1.75a.714.714 0 0 1 1.014 0l2.015 2.015a.714.714 0 0 1 0 1.014l-1.75 1.75q.291.557.478 1.157M8.43 12a3.571 3.571 0 1 0 7.142 0 3.571 3.571 0 0 0-7.142 0",
|
|
157
|
+
clipRule: "evenodd"
|
|
158
|
+
}
|
|
159
|
+
)
|
|
160
|
+
}
|
|
161
|
+
);
|
|
63
162
|
var Configurations_default = SvgConfigurations;
|
|
64
163
|
|
|
65
164
|
// src/filled/Error.tsx
|
|
66
165
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
67
|
-
var SvgError = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
166
|
+
var SvgError = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
167
|
+
"svg",
|
|
168
|
+
{
|
|
169
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
170
|
+
fill: "none",
|
|
171
|
+
viewBox: "0 0 24 24",
|
|
172
|
+
width: props.width || 24,
|
|
173
|
+
height: props.height || 24,
|
|
174
|
+
className: props.className,
|
|
175
|
+
...props,
|
|
176
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
177
|
+
"path",
|
|
178
|
+
{
|
|
179
|
+
fill: "#FF4C4C",
|
|
180
|
+
fillRule: "evenodd",
|
|
181
|
+
d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-.033-6.667q-.426 0-.613.131-.187.132-.187.494v.238q0 .35.175.487.174.138.612.138.4 0 .594-.132.194-.131.194-.493v-.238q0-.35-.175-.487-.176-.138-.6-.138M11.954 7a.72.72 0 0 0-.537.219.75.75 0 0 0-.213.543v5.163q0 .325.213.544.211.219.537.218a.72.72 0 0 0 .538-.218.75.75 0 0 0 .212-.544V7.762a.75.75 0 0 0-.212-.543.72.72 0 0 0-.538-.22",
|
|
182
|
+
clipRule: "evenodd"
|
|
183
|
+
}
|
|
184
|
+
)
|
|
185
|
+
}
|
|
186
|
+
);
|
|
68
187
|
var Error_default = SvgError;
|
|
69
188
|
|
|
70
189
|
// src/filled/Info.tsx
|
|
71
190
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
72
|
-
var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
191
|
+
var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
192
|
+
"svg",
|
|
193
|
+
{
|
|
194
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
195
|
+
fill: "none",
|
|
196
|
+
viewBox: "0 0 24 24",
|
|
197
|
+
width: props.width || 24,
|
|
198
|
+
height: props.height || 24,
|
|
199
|
+
className: props.className,
|
|
200
|
+
...props,
|
|
201
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
202
|
+
"path",
|
|
203
|
+
{
|
|
204
|
+
fill: "#FF4C4C",
|
|
205
|
+
d: "M9.999 0c5.523 0 10 4.477 10 10s-4.477 9.999-10 9.999-10-4.476-10-9.999 4.477-10 10-10m-.21 8.134a.72.72 0 0 0-.539.219.75.75 0 0 0-.212.543v5.163q0 .324.212.543a.72.72 0 0 0 .538.218.72.72 0 0 0 .537-.218.75.75 0 0 0 .213-.543V8.896a.75.75 0 0 0-.213-.543.72.72 0 0 0-.537-.22M9.786 5q-.4 0-.594.132-.192.131-.193.493v.237q0 .351.175.489.175.136.6.136.426 0 .613-.13.187-.132.187-.495v-.237q0-.35-.175-.487Q10.226 5 9.787 5"
|
|
206
|
+
}
|
|
207
|
+
)
|
|
208
|
+
}
|
|
209
|
+
);
|
|
73
210
|
var Info_default = SvgInfo;
|
|
74
211
|
|
|
75
212
|
// src/filled/Menu.tsx
|
|
76
213
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
77
|
-
var SvgMenu = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
214
|
+
var SvgMenu = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
215
|
+
"svg",
|
|
216
|
+
{
|
|
217
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
218
|
+
fill: "none",
|
|
219
|
+
viewBox: "0 0 24 24",
|
|
220
|
+
width: props.width || 24,
|
|
221
|
+
height: props.height || 24,
|
|
222
|
+
className: props.className,
|
|
223
|
+
...props,
|
|
224
|
+
children: [
|
|
225
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
226
|
+
"path",
|
|
227
|
+
{
|
|
228
|
+
fill: "#FF4C4C",
|
|
229
|
+
d: "M16.5 17.4a.9.9 0 0 0-.9-.9H3.9a.9.9 0 1 0 0 1.8h11.7a.9.9 0 0 0 .9-.9"
|
|
230
|
+
}
|
|
231
|
+
),
|
|
232
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
233
|
+
"path",
|
|
234
|
+
{
|
|
235
|
+
fill: props.color || "currentColor",
|
|
236
|
+
d: "M3.9 19.65c0 .745.605 1.35 1.35 1.35h9a1.35 1.35 0 0 0 1.35-1.35v-.45H3.9z"
|
|
237
|
+
}
|
|
238
|
+
),
|
|
239
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
240
|
+
"path",
|
|
241
|
+
{
|
|
242
|
+
fill: props.color || "currentColor",
|
|
243
|
+
d: "M20.879 6.742a.45.45 0 0 0-.329-.142h-3.924l.675-2.7h2.349a.45.45 0 0 0 0-.9h-2.7a.45.45 0 0 0-.437.341L15.698 6.6H11.55a.45.45 0 0 0-.45.48l.196 3.16a5.895 5.895 0 0 1 5.178 5.278l.03.335a1.784 1.784 0 0 1-.004 3.097v.7a2.23 2.23 0 0 1-.461 1.35h3.611a.45.45 0 0 0 .45-.42l.9-13.5a.45.45 0 0 0-.121-.338"
|
|
244
|
+
}
|
|
245
|
+
),
|
|
246
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
247
|
+
"path",
|
|
248
|
+
{
|
|
249
|
+
fill: props.color || "currentColor",
|
|
250
|
+
d: "M10.65 11.1h-1.8a4.956 4.956 0 0 0-4.927 4.5h11.654a4.956 4.956 0 0 0-4.927-4.5"
|
|
251
|
+
}
|
|
252
|
+
)
|
|
253
|
+
]
|
|
254
|
+
}
|
|
255
|
+
);
|
|
83
256
|
var Menu_default = SvgMenu;
|
|
84
257
|
|
|
85
258
|
// src/filled/Notifications.tsx
|
|
86
259
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
87
|
-
var SvgNotifications = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
260
|
+
var SvgNotifications = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
261
|
+
"svg",
|
|
262
|
+
{
|
|
263
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
264
|
+
fill: "none",
|
|
265
|
+
viewBox: "0 0 24 24",
|
|
266
|
+
width: props.width || 24,
|
|
267
|
+
height: props.height || 24,
|
|
268
|
+
className: props.className,
|
|
269
|
+
...props,
|
|
270
|
+
children: [
|
|
271
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
272
|
+
"path",
|
|
273
|
+
{
|
|
274
|
+
fill: props.color || "currentColor",
|
|
275
|
+
fillRule: "evenodd",
|
|
276
|
+
d: "M12 21c1.478 0 2.685-1.01 2.765-2.48h3.386c1.02 0 1.849-.834 1.849-1.862a1.857 1.857 0 0 0-1.846-1.863V11.07a6.21 6.21 0 0 0-4-5.817v-.082C14.154 3.971 13.189 3 12 3a2.164 2.164 0 0 0-2.154 2.171v.082a6.21 6.21 0 0 0-4 5.817v3.725C4.828 14.795 4 15.63 4 16.658s.828 1.862 1.85 1.862h3.385C9.315 19.99 10.522 21 12 21m-1.595-2.48h3.109a1.567 1.567 0 0 1-1.555 1.419c-.81 0-1.475-.622-1.554-1.418",
|
|
277
|
+
clipRule: "evenodd"
|
|
278
|
+
}
|
|
279
|
+
),
|
|
280
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
281
|
+
"mask",
|
|
282
|
+
{
|
|
283
|
+
id: "Notifications_svg__a",
|
|
284
|
+
width: 16,
|
|
285
|
+
height: 18,
|
|
286
|
+
x: 4,
|
|
287
|
+
y: 3,
|
|
288
|
+
maskUnits: "userSpaceOnUse",
|
|
289
|
+
style: {
|
|
290
|
+
maskType: "luminance"
|
|
291
|
+
},
|
|
292
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
293
|
+
"path",
|
|
294
|
+
{
|
|
295
|
+
fill: "#fff",
|
|
296
|
+
fillRule: "evenodd",
|
|
297
|
+
d: "M12 21c1.478 0 2.685-1.01 2.765-2.48h3.386c1.02 0 1.849-.834 1.849-1.862a1.857 1.857 0 0 0-1.846-1.863V11.07a6.21 6.21 0 0 0-4-5.817v-.082C14.154 3.971 13.189 3 12 3a2.164 2.164 0 0 0-2.154 2.171v.082a6.21 6.21 0 0 0-4 5.817v3.725C4.828 14.795 4 15.63 4 16.658s.828 1.862 1.85 1.862h3.385C9.315 19.99 10.522 21 12 21m-1.595-2.48h3.109a1.567 1.567 0 0 1-1.555 1.419c-.81 0-1.475-.622-1.554-1.418",
|
|
298
|
+
clipRule: "evenodd"
|
|
299
|
+
}
|
|
300
|
+
)
|
|
301
|
+
}
|
|
302
|
+
),
|
|
303
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { mask: "url(#Notifications_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { fill: "#FF4C4C", d: "M7.086 18.521h9.746v4.042H7.086z" }) })
|
|
304
|
+
]
|
|
305
|
+
}
|
|
306
|
+
);
|
|
94
307
|
var Notifications_default = SvgNotifications;
|
|
95
308
|
|
|
96
309
|
// src/filled/OrderHistory.tsx
|
|
97
310
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
98
|
-
var SvgOrderHistory = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
311
|
+
var SvgOrderHistory = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
312
|
+
"svg",
|
|
313
|
+
{
|
|
314
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
315
|
+
fill: "none",
|
|
316
|
+
viewBox: "0 0 24 24",
|
|
317
|
+
width: props.width || 24,
|
|
318
|
+
height: props.height || 24,
|
|
319
|
+
className: props.className,
|
|
320
|
+
...props,
|
|
321
|
+
children: [
|
|
322
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
323
|
+
"path",
|
|
324
|
+
{
|
|
325
|
+
fill: props.color || "currentColor",
|
|
326
|
+
fillRule: "evenodd",
|
|
327
|
+
d: "M19.005 9.35V5.616c0-.892-.711-1.614-1.588-1.615h-9.92c-.843 0-1.532.69-1.532 1.537l-.057 9.76H4.381a.39.39 0 0 0-.381.388v1.677c.002 1.088.846 1.983 1.916 2.032v.004h8.561v-.004q.057.005.114.004c1.106-.001 2.002-.912 2.004-2.036V9.734h2.03c.1.002.198-.038.27-.11a.38.38 0 0 0 .11-.273m-4.802 2.824H8.13a.384.384 0 0 0-.381.387c0 .213.17.387.38.387h6.079a.384.384 0 0 0 .379-.39.384.384 0 0 0-.383-.384M8.13 13.757h3.675c.21 0 .38.173.38.387s-.17.387-.38.387H8.129a.384.384 0 0 1-.381-.387c0-.214.17-.387.38-.387",
|
|
328
|
+
clipRule: "evenodd"
|
|
329
|
+
}
|
|
330
|
+
),
|
|
331
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
332
|
+
"path",
|
|
333
|
+
{
|
|
334
|
+
fill: "#FF4C4C",
|
|
335
|
+
fillRule: "evenodd",
|
|
336
|
+
d: "M18.13 19.205v-6.71a1.5 1.5 0 0 1 1.485-1.51 1.5 1.5 0 0 1 1.485 1.51V19.2l-.002.024-.002.018v.008a.1.1 0 0 1-.004.035c-.004.004-.004.004-.004.008a.1.1 0 0 1-.007.03l-.004.008-.012.031-1.085 2.413a.38.38 0 0 1-.343.224h-.003a.38.38 0 0 1-.343-.22l-1.124-2.413a.004.004 0 0 1-.004-.004l-.006-.014-.005-.013-.002-.006-.002-.005-.007-.027a.01.01 0 0 1-.004-.012l-.002-.016-.002-.015v-.008a.2.2 0 0 1-.004-.043m.986.383.514 1.107.499-1.107z",
|
|
337
|
+
clipRule: "evenodd"
|
|
338
|
+
}
|
|
339
|
+
)
|
|
340
|
+
]
|
|
341
|
+
}
|
|
342
|
+
);
|
|
102
343
|
var OrderHistory_default = SvgOrderHistory;
|
|
103
344
|
|
|
104
345
|
// src/filled/PinOrder.tsx
|
|
105
346
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
106
|
-
var SvgPinOrder = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
347
|
+
var SvgPinOrder = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
348
|
+
"svg",
|
|
349
|
+
{
|
|
350
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
351
|
+
fill: "none",
|
|
352
|
+
viewBox: "0 0 24 24",
|
|
353
|
+
width: props.width || 24,
|
|
354
|
+
height: props.height || 24,
|
|
355
|
+
className: props.className,
|
|
356
|
+
...props,
|
|
357
|
+
children: [
|
|
358
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
359
|
+
"path",
|
|
360
|
+
{
|
|
361
|
+
fill: "#FF4C4C",
|
|
362
|
+
fillRule: "evenodd",
|
|
363
|
+
d: "M18.148 14.128A7.8 7.8 0 0 0 19.5 9.71C19.5 5.452 16.142 2 12 2S4.5 5.452 4.5 9.71c0 1.332.329 2.586.908 3.68l.076.175 3.891 6.907c1.15 2.04 4.09 2.035 5.233-.01z",
|
|
364
|
+
clipRule: "evenodd"
|
|
365
|
+
}
|
|
366
|
+
),
|
|
367
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ellipse", { cx: 12.07, cy: 9.783, fill: "#C60C0C", rx: 5.299, ry: 5.448 })
|
|
368
|
+
]
|
|
369
|
+
}
|
|
370
|
+
);
|
|
110
371
|
var PinOrder_default = SvgPinOrder;
|
|
111
372
|
|
|
112
373
|
// src/filled/Search.tsx
|
|
113
374
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
114
|
-
var SvgSearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
375
|
+
var SvgSearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
376
|
+
"svg",
|
|
377
|
+
{
|
|
378
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
379
|
+
fill: "none",
|
|
380
|
+
viewBox: "0 0 24 24",
|
|
381
|
+
width: props.width || 24,
|
|
382
|
+
height: props.height || 24,
|
|
383
|
+
className: props.className,
|
|
384
|
+
...props,
|
|
385
|
+
children: [
|
|
386
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
387
|
+
"path",
|
|
388
|
+
{
|
|
389
|
+
fill: "#FF4C4C",
|
|
390
|
+
d: "M7 8.65c0 .361.34.65.76.65h4.58c.415 0 .76-.291.76-.65 0-.361-.34-.65-.76-.65H7.76c-.415 0-.76.291-.76.65m0 2.6c0 .361.34.65.76.65h4.58c.415 0 .76-.291.76-.65 0-.361-.34-.65-.76-.65H7.76c-.415 0-.76.291-.76.65"
|
|
391
|
+
}
|
|
392
|
+
),
|
|
393
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
394
|
+
"path",
|
|
395
|
+
{
|
|
396
|
+
fill: props.color || "currentColor",
|
|
397
|
+
d: "m20.89 18.45-3.84-3.84-.18-.12a.66.66 0 0 0-.73.13l-.32.32-.35-.35a7.1 7.1 0 0 0 1.65-4.53c0-3.89-3.17-7.06-7.06-7.06S3 6.17 3 10.06s3.17 7.06 7.06 7.06l.53-.02c1.47-.11 2.84-.67 3.98-1.61l.36.35-.32.33-.06.07a.66.66 0 0 0 .07.84l3.83 3.83.11.1c.31.26.71.4 1.11.4a1.75 1.75 0 0 0 1.61-1.07c.27-.65.12-1.39-.38-1.89zm-5.04-8.38c0 3.2-2.6 5.79-5.79 5.79a5.8 5.8 0 0 1-5.79-5.79 5.8 5.8 0 0 1 5.79-5.79 5.8 5.8 0 0 1 5.79 5.79"
|
|
398
|
+
}
|
|
399
|
+
)
|
|
400
|
+
]
|
|
401
|
+
}
|
|
402
|
+
);
|
|
118
403
|
var Search_default = SvgSearch;
|
|
119
404
|
|
|
120
405
|
// src/filled/Trash.tsx
|
|
121
406
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
122
|
-
var SvgTrash = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
407
|
+
var SvgTrash = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
408
|
+
"svg",
|
|
409
|
+
{
|
|
410
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
411
|
+
fill: "none",
|
|
412
|
+
viewBox: "0 0 24 24",
|
|
413
|
+
width: props.width || 24,
|
|
414
|
+
height: props.height || 24,
|
|
415
|
+
className: props.className,
|
|
416
|
+
...props,
|
|
417
|
+
children: [
|
|
418
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
419
|
+
"path",
|
|
420
|
+
{
|
|
421
|
+
fill: "#FF4C4C",
|
|
422
|
+
fillRule: "evenodd",
|
|
423
|
+
d: "M13.4 3a3 3 0 0 1 3 3H19a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h2.8a3 3 0 0 1 3-3zm-2.6 3a1 1 0 0 1 1-1h1.6a1 1 0 0 1 1 1z",
|
|
424
|
+
clipRule: "evenodd"
|
|
425
|
+
}
|
|
426
|
+
),
|
|
427
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
428
|
+
"path",
|
|
429
|
+
{
|
|
430
|
+
fill: props.color || "currentColor",
|
|
431
|
+
fillRule: "evenodd",
|
|
432
|
+
d: "M19.2 9.2H6l1 10.4A1.4 1.4 0 0 0 8.4 21h8.4a1.4 1.4 0 0 0 1.4-1.4zm-8.1 3.3a.7.7 0 1 0-1.4 0v5.2a.7.7 0 1 0 1.4 0zm3.7-.7a.7.7 0 0 1 .7.7v5.2a.7.7 0 1 1-1.4 0v-5.2a.7.7 0 0 1 .7-.7",
|
|
433
|
+
clipRule: "evenodd"
|
|
434
|
+
}
|
|
435
|
+
)
|
|
436
|
+
]
|
|
437
|
+
}
|
|
438
|
+
);
|
|
126
439
|
var Trash_default = SvgTrash;
|
|
127
440
|
// Annotate the CommonJS export names for ESM import in node:
|
|
128
441
|
0 && (module.exports = {
|