@baseline-ui/icons 0.1.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/12/index.d.mts +21 -0
- package/12/index.d.ts +21 -0
- package/12/index.js +232 -0
- package/12/index.mjs +200 -0
- package/16/index.d.mts +47 -0
- package/16/index.d.ts +47 -0
- package/16/index.js +684 -0
- package/16/index.mjs +639 -0
- package/20/index.d.mts +35 -0
- package/20/index.d.ts +35 -0
- package/20/index.js +522 -0
- package/20/index.mjs +483 -0
- package/24/index.d.mts +39 -0
- package/24/index.d.ts +39 -0
- package/24/index.js +546 -0
- package/24/index.mjs +505 -0
- package/8/index.d.mts +23 -0
- package/8/index.d.ts +23 -0
- package/8/index.js +258 -0
- package/8/index.mjs +225 -0
- package/dist/index.css +4 -0
- package/dist/index.d.mts +44 -0
- package/dist/index.d.ts +44 -0
- package/dist/index.js +114 -0
- package/dist/index.mjs +77 -0
- package/package.json +37 -0
package/16/index.mjs
ADDED
|
@@ -0,0 +1,639 @@
|
|
|
1
|
+
// src/16/AvatarIcon.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
var SvgAvatarIcon = ({
|
|
4
|
+
title,
|
|
5
|
+
titleId,
|
|
6
|
+
...props
|
|
7
|
+
}) => /* @__PURE__ */ jsxs(
|
|
8
|
+
"svg",
|
|
9
|
+
{
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
width: props.size || "1em",
|
|
12
|
+
height: props.size || "1em",
|
|
13
|
+
fill: "none",
|
|
14
|
+
viewBox: "0 0 16 16",
|
|
15
|
+
"aria-labelledby": titleId,
|
|
16
|
+
...props,
|
|
17
|
+
children: [
|
|
18
|
+
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
19
|
+
/* @__PURE__ */ jsx(
|
|
20
|
+
"path",
|
|
21
|
+
{
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
fillRule: "evenodd",
|
|
24
|
+
d: "M8 8a2 2 0 1 0 .001-3.999A2 2 0 0 0 8 8Zm0 1c-1.335 0-4 .67-4 2v1h8v-1c0-1.33-2.665-2-4-2Z",
|
|
25
|
+
clipRule: "evenodd"
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
var AvatarIcon_default = SvgAvatarIcon;
|
|
32
|
+
|
|
33
|
+
// src/16/CaretLeftIcon.tsx
|
|
34
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
35
|
+
var SvgCaretLeftIcon = ({
|
|
36
|
+
title,
|
|
37
|
+
titleId,
|
|
38
|
+
...props
|
|
39
|
+
}) => /* @__PURE__ */ jsxs2(
|
|
40
|
+
"svg",
|
|
41
|
+
{
|
|
42
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
43
|
+
width: props.size || "1em",
|
|
44
|
+
height: props.size || "1em",
|
|
45
|
+
fill: "none",
|
|
46
|
+
viewBox: "0 0 16 16",
|
|
47
|
+
"aria-labelledby": titleId,
|
|
48
|
+
...props,
|
|
49
|
+
children: [
|
|
50
|
+
title ? /* @__PURE__ */ jsx2("title", { id: titleId, children: title }) : null,
|
|
51
|
+
/* @__PURE__ */ jsx2(
|
|
52
|
+
"path",
|
|
53
|
+
{
|
|
54
|
+
fill: "currentColor",
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M10.53 12.53a.75.75 0 0 0 0-1.06L7.06 8l3.47-3.47a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 0 0 1.06 0Z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
var CaretLeftIcon_default = SvgCaretLeftIcon;
|
|
64
|
+
|
|
65
|
+
// src/16/CaretRightIcon.tsx
|
|
66
|
+
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
67
|
+
var SvgCaretRightIcon = ({
|
|
68
|
+
title,
|
|
69
|
+
titleId,
|
|
70
|
+
...props
|
|
71
|
+
}) => /* @__PURE__ */ jsxs3(
|
|
72
|
+
"svg",
|
|
73
|
+
{
|
|
74
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
75
|
+
width: props.size || "1em",
|
|
76
|
+
height: props.size || "1em",
|
|
77
|
+
fill: "none",
|
|
78
|
+
viewBox: "0 0 16 16",
|
|
79
|
+
"aria-labelledby": titleId,
|
|
80
|
+
...props,
|
|
81
|
+
children: [
|
|
82
|
+
title ? /* @__PURE__ */ jsx3("title", { id: titleId, children: title }) : null,
|
|
83
|
+
/* @__PURE__ */ jsx3(
|
|
84
|
+
"path",
|
|
85
|
+
{
|
|
86
|
+
fill: "currentColor",
|
|
87
|
+
fillRule: "evenodd",
|
|
88
|
+
d: "M5.47 3.47a.75.75 0 0 0 0 1.06L8.94 8l-3.47 3.47a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 0Z",
|
|
89
|
+
clipRule: "evenodd"
|
|
90
|
+
}
|
|
91
|
+
)
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
var CaretRightIcon_default = SvgCaretRightIcon;
|
|
96
|
+
|
|
97
|
+
// src/16/CheckFilledIcon.tsx
|
|
98
|
+
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
99
|
+
var SvgCheckFilledIcon = ({
|
|
100
|
+
title,
|
|
101
|
+
titleId,
|
|
102
|
+
...props
|
|
103
|
+
}) => /* @__PURE__ */ jsxs4(
|
|
104
|
+
"svg",
|
|
105
|
+
{
|
|
106
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
107
|
+
width: props.size || "1em",
|
|
108
|
+
height: props.size || "1em",
|
|
109
|
+
fill: "none",
|
|
110
|
+
viewBox: "0 0 16 16",
|
|
111
|
+
"aria-labelledby": titleId,
|
|
112
|
+
...props,
|
|
113
|
+
children: [
|
|
114
|
+
title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
|
|
115
|
+
/* @__PURE__ */ jsx4(
|
|
116
|
+
"path",
|
|
117
|
+
{
|
|
118
|
+
fill: "currentColor",
|
|
119
|
+
fillRule: "evenodd",
|
|
120
|
+
d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.33-8.32a.75.75 0 0 0-1.06-1.06L7.2 8.69 6.13 7.62a.75.75 0 1 0-1.06 1.06l2.13 2.13 4.13-4.13Z",
|
|
121
|
+
clipRule: "evenodd"
|
|
122
|
+
}
|
|
123
|
+
)
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
);
|
|
127
|
+
var CheckFilledIcon_default = SvgCheckFilledIcon;
|
|
128
|
+
|
|
129
|
+
// src/16/CheckmarkIcon.tsx
|
|
130
|
+
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
131
|
+
var SvgCheckmarkIcon = ({
|
|
132
|
+
title,
|
|
133
|
+
titleId,
|
|
134
|
+
...props
|
|
135
|
+
}) => /* @__PURE__ */ jsxs5(
|
|
136
|
+
"svg",
|
|
137
|
+
{
|
|
138
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
139
|
+
width: props.size || "1em",
|
|
140
|
+
height: props.size || "1em",
|
|
141
|
+
fill: "none",
|
|
142
|
+
viewBox: "0 0 16 16",
|
|
143
|
+
"aria-labelledby": titleId,
|
|
144
|
+
...props,
|
|
145
|
+
children: [
|
|
146
|
+
title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
|
|
147
|
+
/* @__PURE__ */ jsx5(
|
|
148
|
+
"path",
|
|
149
|
+
{
|
|
150
|
+
fill: "currentColor",
|
|
151
|
+
fillRule: "evenodd",
|
|
152
|
+
d: "M14.53 3.97a.75.75 0 0 1 0 1.06L6 13.56 1.47 9.03a.75.75 0 0 1 1.06-1.06L6 11.44l7.47-7.47a.75.75 0 0 1 1.06 0Z",
|
|
153
|
+
clipRule: "evenodd"
|
|
154
|
+
}
|
|
155
|
+
)
|
|
156
|
+
]
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
var CheckmarkIcon_default = SvgCheckmarkIcon;
|
|
160
|
+
|
|
161
|
+
// src/16/CloseIcon.tsx
|
|
162
|
+
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
163
|
+
var SvgCloseIcon = ({
|
|
164
|
+
title,
|
|
165
|
+
titleId,
|
|
166
|
+
...props
|
|
167
|
+
}) => /* @__PURE__ */ jsxs6(
|
|
168
|
+
"svg",
|
|
169
|
+
{
|
|
170
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
171
|
+
width: props.size || "1em",
|
|
172
|
+
height: props.size || "1em",
|
|
173
|
+
fill: "none",
|
|
174
|
+
viewBox: "0 0 16 16",
|
|
175
|
+
"aria-labelledby": titleId,
|
|
176
|
+
...props,
|
|
177
|
+
children: [
|
|
178
|
+
title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
|
|
179
|
+
/* @__PURE__ */ jsx6(
|
|
180
|
+
"path",
|
|
181
|
+
{
|
|
182
|
+
fill: "currentColor",
|
|
183
|
+
fillRule: "evenodd",
|
|
184
|
+
d: "M13.48 2.52a.75.75 0 0 1 0 1.06L9.062 8l4.42 4.42a.75.75 0 1 1-1.061 1.06L8 9.06l-4.419 4.42a.75.75 0 0 1-1.06-1.06L6.94 8 2.52 3.58a.75.75 0 0 1 1.061-1.06l4.42 4.42 4.419-4.42a.75.75 0 0 1 1.06 0Z",
|
|
185
|
+
clipRule: "evenodd"
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
]
|
|
189
|
+
}
|
|
190
|
+
);
|
|
191
|
+
var CloseIcon_default = SvgCloseIcon;
|
|
192
|
+
|
|
193
|
+
// src/16/EllipseIcon.tsx
|
|
194
|
+
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
195
|
+
var SvgEllipseIcon = ({
|
|
196
|
+
title,
|
|
197
|
+
titleId,
|
|
198
|
+
...props
|
|
199
|
+
}) => /* @__PURE__ */ jsxs7(
|
|
200
|
+
"svg",
|
|
201
|
+
{
|
|
202
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
203
|
+
width: props.size || "1em",
|
|
204
|
+
height: props.size || "1em",
|
|
205
|
+
fill: "none",
|
|
206
|
+
viewBox: "0 0 16 16",
|
|
207
|
+
"aria-labelledby": titleId,
|
|
208
|
+
...props,
|
|
209
|
+
children: [
|
|
210
|
+
title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
|
|
211
|
+
/* @__PURE__ */ jsx7(
|
|
212
|
+
"path",
|
|
213
|
+
{
|
|
214
|
+
fill: "currentColor",
|
|
215
|
+
fillRule: "evenodd",
|
|
216
|
+
d: "M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z",
|
|
217
|
+
clipRule: "evenodd"
|
|
218
|
+
}
|
|
219
|
+
)
|
|
220
|
+
]
|
|
221
|
+
}
|
|
222
|
+
);
|
|
223
|
+
var EllipseIcon_default = SvgEllipseIcon;
|
|
224
|
+
|
|
225
|
+
// src/16/ErrorAltFilledIcon.tsx
|
|
226
|
+
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
227
|
+
var SvgErrorAltFilledIcon = ({
|
|
228
|
+
title,
|
|
229
|
+
titleId,
|
|
230
|
+
...props
|
|
231
|
+
}) => /* @__PURE__ */ jsxs8(
|
|
232
|
+
"svg",
|
|
233
|
+
{
|
|
234
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
235
|
+
width: props.size || "1em",
|
|
236
|
+
height: props.size || "1em",
|
|
237
|
+
fill: "none",
|
|
238
|
+
viewBox: "0 0 16 16",
|
|
239
|
+
"aria-labelledby": titleId,
|
|
240
|
+
...props,
|
|
241
|
+
children: [
|
|
242
|
+
title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
|
|
243
|
+
/* @__PURE__ */ jsx8(
|
|
244
|
+
"path",
|
|
245
|
+
{
|
|
246
|
+
fill: "currentColor",
|
|
247
|
+
fillRule: "evenodd",
|
|
248
|
+
d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.93-8.87a.75.75 0 0 0-1.06-1.06l-4.8 4.8a.75.75 0 1 0 1.06 1.06l4.8-4.8Z",
|
|
249
|
+
clipRule: "evenodd"
|
|
250
|
+
}
|
|
251
|
+
)
|
|
252
|
+
]
|
|
253
|
+
}
|
|
254
|
+
);
|
|
255
|
+
var ErrorAltFilledIcon_default = SvgErrorAltFilledIcon;
|
|
256
|
+
|
|
257
|
+
// src/16/ErrorFilledIcon.tsx
|
|
258
|
+
import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
259
|
+
var SvgErrorFilledIcon = ({
|
|
260
|
+
title,
|
|
261
|
+
titleId,
|
|
262
|
+
...props
|
|
263
|
+
}) => /* @__PURE__ */ jsxs9(
|
|
264
|
+
"svg",
|
|
265
|
+
{
|
|
266
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
267
|
+
width: props.size || "1em",
|
|
268
|
+
height: props.size || "1em",
|
|
269
|
+
fill: "none",
|
|
270
|
+
viewBox: "0 0 16 16",
|
|
271
|
+
"aria-labelledby": titleId,
|
|
272
|
+
...props,
|
|
273
|
+
children: [
|
|
274
|
+
title ? /* @__PURE__ */ jsx9("title", { id: titleId, children: title }) : null,
|
|
275
|
+
/* @__PURE__ */ jsx9(
|
|
276
|
+
"path",
|
|
277
|
+
{
|
|
278
|
+
fill: "currentColor",
|
|
279
|
+
fillRule: "evenodd",
|
|
280
|
+
d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8 4.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V5A.75.75 0 0 1 8 4.25Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
281
|
+
clipRule: "evenodd"
|
|
282
|
+
}
|
|
283
|
+
)
|
|
284
|
+
]
|
|
285
|
+
}
|
|
286
|
+
);
|
|
287
|
+
var ErrorFilledIcon_default = SvgErrorFilledIcon;
|
|
288
|
+
|
|
289
|
+
// src/16/InfoFilledIcon.tsx
|
|
290
|
+
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
291
|
+
var SvgInfoFilledIcon = ({
|
|
292
|
+
title,
|
|
293
|
+
titleId,
|
|
294
|
+
...props
|
|
295
|
+
}) => /* @__PURE__ */ jsxs10(
|
|
296
|
+
"svg",
|
|
297
|
+
{
|
|
298
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
299
|
+
width: props.size || "1em",
|
|
300
|
+
height: props.size || "1em",
|
|
301
|
+
fill: "none",
|
|
302
|
+
viewBox: "0 0 20 20",
|
|
303
|
+
"aria-labelledby": titleId,
|
|
304
|
+
...props,
|
|
305
|
+
children: [
|
|
306
|
+
title ? /* @__PURE__ */ jsx10("title", { id: titleId, children: title }) : null,
|
|
307
|
+
/* @__PURE__ */ jsx10("g", { clipPath: "url(#info-filled-icon_svg__a)", children: /* @__PURE__ */ jsx10(
|
|
308
|
+
"path",
|
|
309
|
+
{
|
|
310
|
+
fill: "currentColor",
|
|
311
|
+
fillRule: "evenodd",
|
|
312
|
+
d: "M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10Zm-8.75-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM8.5 8.25a.75.75 0 0 0 0 1.5h.75v4.5H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-.75v-6H8.5Z",
|
|
313
|
+
clipRule: "evenodd"
|
|
314
|
+
}
|
|
315
|
+
) }),
|
|
316
|
+
/* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "info-filled-icon_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
|
|
317
|
+
]
|
|
318
|
+
}
|
|
319
|
+
);
|
|
320
|
+
var InfoFilledIcon_default = SvgInfoFilledIcon;
|
|
321
|
+
|
|
322
|
+
// src/16/MinusIcon.tsx
|
|
323
|
+
import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
324
|
+
var SvgMinusIcon = ({
|
|
325
|
+
title,
|
|
326
|
+
titleId,
|
|
327
|
+
...props
|
|
328
|
+
}) => /* @__PURE__ */ jsxs11(
|
|
329
|
+
"svg",
|
|
330
|
+
{
|
|
331
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
332
|
+
width: props.size || "1em",
|
|
333
|
+
height: props.size || "1em",
|
|
334
|
+
fill: "none",
|
|
335
|
+
viewBox: "0 0 16 16",
|
|
336
|
+
"aria-labelledby": titleId,
|
|
337
|
+
...props,
|
|
338
|
+
children: [
|
|
339
|
+
title ? /* @__PURE__ */ jsx11("title", { id: titleId, children: title }) : null,
|
|
340
|
+
/* @__PURE__ */ jsx11(
|
|
341
|
+
"path",
|
|
342
|
+
{
|
|
343
|
+
fill: "currentColor",
|
|
344
|
+
fillRule: "evenodd",
|
|
345
|
+
d: "M14.75 8a.75.75 0 0 1-.75.75H2a.75.75 0 0 1 0-1.5h12a.75.75 0 0 1 .75.75Z",
|
|
346
|
+
clipRule: "evenodd"
|
|
347
|
+
}
|
|
348
|
+
)
|
|
349
|
+
]
|
|
350
|
+
}
|
|
351
|
+
);
|
|
352
|
+
var MinusIcon_default = SvgMinusIcon;
|
|
353
|
+
|
|
354
|
+
// src/16/NoneIcon.tsx
|
|
355
|
+
import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
356
|
+
var SvgNoneIcon = ({
|
|
357
|
+
title,
|
|
358
|
+
titleId,
|
|
359
|
+
...props
|
|
360
|
+
}) => /* @__PURE__ */ jsxs12(
|
|
361
|
+
"svg",
|
|
362
|
+
{
|
|
363
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
364
|
+
width: props.size || "1em",
|
|
365
|
+
height: props.size || "1em",
|
|
366
|
+
fill: "none",
|
|
367
|
+
viewBox: "0 0 14 14",
|
|
368
|
+
"aria-labelledby": titleId,
|
|
369
|
+
...props,
|
|
370
|
+
children: [
|
|
371
|
+
title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
|
|
372
|
+
/* @__PURE__ */ jsx12(
|
|
373
|
+
"mask",
|
|
374
|
+
{
|
|
375
|
+
id: "none-icon_svg__a",
|
|
376
|
+
width: 14,
|
|
377
|
+
height: 14,
|
|
378
|
+
x: 0,
|
|
379
|
+
y: 0,
|
|
380
|
+
maskUnits: "userSpaceOnUse",
|
|
381
|
+
style: {
|
|
382
|
+
maskType: "alpha"
|
|
383
|
+
},
|
|
384
|
+
children: /* @__PURE__ */ jsx12("circle", { cx: 7, cy: 7, r: 7, fill: "#2B2E36" })
|
|
385
|
+
}
|
|
386
|
+
),
|
|
387
|
+
/* @__PURE__ */ jsx12("g", { mask: "url(#none-icon_svg__a)", children: /* @__PURE__ */ jsx12("path", { stroke: "#C83C29", strokeWidth: 2, d: "M15-1-1 15" }) })
|
|
388
|
+
]
|
|
389
|
+
}
|
|
390
|
+
);
|
|
391
|
+
var NoneIcon_default = SvgNoneIcon;
|
|
392
|
+
|
|
393
|
+
// src/16/PlusIcon.tsx
|
|
394
|
+
import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
395
|
+
var SvgPlusIcon = ({
|
|
396
|
+
title,
|
|
397
|
+
titleId,
|
|
398
|
+
...props
|
|
399
|
+
}) => /* @__PURE__ */ jsxs13(
|
|
400
|
+
"svg",
|
|
401
|
+
{
|
|
402
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
403
|
+
width: props.size || "1em",
|
|
404
|
+
height: props.size || "1em",
|
|
405
|
+
fill: "none",
|
|
406
|
+
viewBox: "0 0 16 16",
|
|
407
|
+
"aria-labelledby": titleId,
|
|
408
|
+
...props,
|
|
409
|
+
children: [
|
|
410
|
+
title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
|
|
411
|
+
/* @__PURE__ */ jsx13("g", { clipPath: "url(#plus-icon_svg__a)", children: /* @__PURE__ */ jsx13(
|
|
412
|
+
"path",
|
|
413
|
+
{
|
|
414
|
+
fill: "currentColor",
|
|
415
|
+
fillRule: "evenodd",
|
|
416
|
+
d: "M8 .25a.75.75 0 0 1 .75.75v6.25H15a.75.75 0 0 1 0 1.5H8.75V15a.75.75 0 0 1-1.5 0V8.75H1a.75.75 0 0 1 0-1.5h6.25V1A.75.75 0 0 1 8 .25Z",
|
|
417
|
+
clipRule: "evenodd"
|
|
418
|
+
}
|
|
419
|
+
) }),
|
|
420
|
+
/* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("clipPath", { id: "plus-icon_svg__a", children: /* @__PURE__ */ jsx13("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
|
|
421
|
+
]
|
|
422
|
+
}
|
|
423
|
+
);
|
|
424
|
+
var PlusIcon_default = SvgPlusIcon;
|
|
425
|
+
|
|
426
|
+
// src/16/ReadOnlyIcon.tsx
|
|
427
|
+
import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
428
|
+
var SvgReadOnlyIcon = ({
|
|
429
|
+
title,
|
|
430
|
+
titleId,
|
|
431
|
+
...props
|
|
432
|
+
}) => /* @__PURE__ */ jsxs14(
|
|
433
|
+
"svg",
|
|
434
|
+
{
|
|
435
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
436
|
+
width: props.size || "1em",
|
|
437
|
+
height: props.size || "1em",
|
|
438
|
+
fill: "none",
|
|
439
|
+
viewBox: "0 0 16 16",
|
|
440
|
+
"aria-labelledby": titleId,
|
|
441
|
+
...props,
|
|
442
|
+
children: [
|
|
443
|
+
title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
|
|
444
|
+
/* @__PURE__ */ jsx14(
|
|
445
|
+
"path",
|
|
446
|
+
{
|
|
447
|
+
fill: "currentColor",
|
|
448
|
+
fillRule: "evenodd",
|
|
449
|
+
d: "M10.262 1.677a1.75 1.75 0 0 1 2.475 0l1.586 1.585a1.75 1.75 0 0 1 0 2.475L11.53 8.53l-1.06-1.06.969-.97-1.94-1.94-.969.97-1.06-1.06 2.792-2.793ZM10.56 3.5l.763-.763a.25.25 0 0 1 .354 0l1.585 1.586a.25.25 0 0 1 0 .354l-.763.762L10.56 3.5ZM1.97 1.971a.75.75 0 0 1 1.06 0l11 11a.75.75 0 1 1-1.06 1.06l-3.47-3.469-4.69 4.69H.75V11.19L5.438 6.5l-3.47-3.468a.75.75 0 0 1 0-1.06Zm4.53 5.59-4.25 4.25v1.94h1.94l4.25-4.25-1.94-1.94Z",
|
|
450
|
+
clipRule: "evenodd"
|
|
451
|
+
}
|
|
452
|
+
)
|
|
453
|
+
]
|
|
454
|
+
}
|
|
455
|
+
);
|
|
456
|
+
var ReadOnlyIcon_default = SvgReadOnlyIcon;
|
|
457
|
+
|
|
458
|
+
// src/16/RedoIcon.tsx
|
|
459
|
+
import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
460
|
+
var SvgRedoIcon = ({
|
|
461
|
+
title,
|
|
462
|
+
titleId,
|
|
463
|
+
...props
|
|
464
|
+
}) => /* @__PURE__ */ jsxs15(
|
|
465
|
+
"svg",
|
|
466
|
+
{
|
|
467
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
468
|
+
width: props.size || "1em",
|
|
469
|
+
height: props.size || "1em",
|
|
470
|
+
fill: "none",
|
|
471
|
+
viewBox: "0 0 16 16",
|
|
472
|
+
"aria-labelledby": titleId,
|
|
473
|
+
...props,
|
|
474
|
+
children: [
|
|
475
|
+
title ? /* @__PURE__ */ jsx15("title", { id: titleId, children: title }) : null,
|
|
476
|
+
/* @__PURE__ */ jsx15(
|
|
477
|
+
"path",
|
|
478
|
+
{
|
|
479
|
+
fill: "currentColor",
|
|
480
|
+
fillRule: "evenodd",
|
|
481
|
+
d: "M10.136 2.136a.75.75 0 0 0 0 1.061l1.386 1.386H6.666a4.75 4.75 0 0 0 0 9.5H8a.75.75 0 0 0 0-1.5H6.666a3.25 3.25 0 0 1 0-6.5h4.856L10.136 7.47a.75.75 0 1 0 1.06 1.06l3.198-3.197-3.197-3.197a.75.75 0 0 0-1.061 0Z",
|
|
482
|
+
clipRule: "evenodd"
|
|
483
|
+
}
|
|
484
|
+
)
|
|
485
|
+
]
|
|
486
|
+
}
|
|
487
|
+
);
|
|
488
|
+
var RedoIcon_default = SvgRedoIcon;
|
|
489
|
+
|
|
490
|
+
// src/16/TrashIcon.tsx
|
|
491
|
+
import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
492
|
+
var SvgTrashIcon = ({
|
|
493
|
+
title,
|
|
494
|
+
titleId,
|
|
495
|
+
...props
|
|
496
|
+
}) => /* @__PURE__ */ jsxs16(
|
|
497
|
+
"svg",
|
|
498
|
+
{
|
|
499
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
500
|
+
width: props.size || "1em",
|
|
501
|
+
height: props.size || "1em",
|
|
502
|
+
fill: "none",
|
|
503
|
+
viewBox: "0 0 16 16",
|
|
504
|
+
"aria-labelledby": titleId,
|
|
505
|
+
...props,
|
|
506
|
+
children: [
|
|
507
|
+
title ? /* @__PURE__ */ jsx16("title", { id: titleId, children: title }) : null,
|
|
508
|
+
/* @__PURE__ */ jsx16("g", { clipPath: "url(#trash-icon_svg__a)", children: /* @__PURE__ */ jsx16(
|
|
509
|
+
"path",
|
|
510
|
+
{
|
|
511
|
+
fill: "currentColor",
|
|
512
|
+
fillRule: "evenodd",
|
|
513
|
+
d: "M8 1.75c-.621 0-1.125.504-1.125 1.125v.375h2.25v-.375c0-.621-.504-1.125-1.125-1.125Zm0-1.5a2.625 2.625 0 0 1 2.625 2.625v.375H14.5a.75.75 0 0 1 0 1.5h-.75v8.583a2.417 2.417 0 0 1-2.417 2.417H4.667a2.417 2.417 0 0 1-2.417-2.417V4.75H1.5a.75.75 0 0 1 0-1.5h3.875v-.375A2.625 2.625 0 0 1 8 .25Zm-4.25 4.5v8.583c0 .507.41.917.917.917h6.666c.507 0 .917-.41.917-.917V4.75h-8.5Zm5.75 1.5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75ZM7.25 7a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0V7Z",
|
|
514
|
+
clipRule: "evenodd"
|
|
515
|
+
}
|
|
516
|
+
) }),
|
|
517
|
+
/* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "trash-icon_svg__a", children: /* @__PURE__ */ jsx16("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
|
|
518
|
+
]
|
|
519
|
+
}
|
|
520
|
+
);
|
|
521
|
+
var TrashIcon_default = SvgTrashIcon;
|
|
522
|
+
|
|
523
|
+
// src/16/UndoIcon.tsx
|
|
524
|
+
import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
525
|
+
var SvgUndoIcon = ({
|
|
526
|
+
title,
|
|
527
|
+
titleId,
|
|
528
|
+
...props
|
|
529
|
+
}) => /* @__PURE__ */ jsxs17(
|
|
530
|
+
"svg",
|
|
531
|
+
{
|
|
532
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
533
|
+
width: props.size || "1em",
|
|
534
|
+
height: props.size || "1em",
|
|
535
|
+
fill: "none",
|
|
536
|
+
viewBox: "0 0 16 16",
|
|
537
|
+
"aria-labelledby": titleId,
|
|
538
|
+
...props,
|
|
539
|
+
children: [
|
|
540
|
+
title ? /* @__PURE__ */ jsx17("title", { id: titleId, children: title }) : null,
|
|
541
|
+
/* @__PURE__ */ jsx17(
|
|
542
|
+
"path",
|
|
543
|
+
{
|
|
544
|
+
fill: "currentColor",
|
|
545
|
+
fillRule: "evenodd",
|
|
546
|
+
d: "M5.864 2.136a.75.75 0 0 1 0 1.061L4.478 4.583h4.856a4.75 4.75 0 0 1 0 9.5H8a.75.75 0 0 1 0-1.5h1.334a3.25 3.25 0 0 0 0-6.5H4.478L5.864 7.47a.75.75 0 1 1-1.06 1.06L1.605 5.333l3.197-3.197a.75.75 0 0 1 1.061 0Z",
|
|
547
|
+
clipRule: "evenodd"
|
|
548
|
+
}
|
|
549
|
+
)
|
|
550
|
+
]
|
|
551
|
+
}
|
|
552
|
+
);
|
|
553
|
+
var UndoIcon_default = SvgUndoIcon;
|
|
554
|
+
|
|
555
|
+
// src/16/WarningFilledIcon.tsx
|
|
556
|
+
import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
557
|
+
var SvgWarningFilledIcon = ({
|
|
558
|
+
title,
|
|
559
|
+
titleId,
|
|
560
|
+
...props
|
|
561
|
+
}) => /* @__PURE__ */ jsxs18(
|
|
562
|
+
"svg",
|
|
563
|
+
{
|
|
564
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
565
|
+
width: props.size || "1em",
|
|
566
|
+
height: props.size || "1em",
|
|
567
|
+
fill: "none",
|
|
568
|
+
viewBox: "0 0 16 16",
|
|
569
|
+
"aria-labelledby": titleId,
|
|
570
|
+
...props,
|
|
571
|
+
children: [
|
|
572
|
+
title ? /* @__PURE__ */ jsx18("title", { id: titleId, children: title }) : null,
|
|
573
|
+
/* @__PURE__ */ jsx18(
|
|
574
|
+
"path",
|
|
575
|
+
{
|
|
576
|
+
fill: "currentColor",
|
|
577
|
+
fillRule: "evenodd",
|
|
578
|
+
d: "m6.55 3.537-5.122 8.965A1.67 1.67 0 0 0 2.878 15h10.244a1.67 1.67 0 0 0 1.45-2.498L9.45 3.537c-.641-1.122-2.259-1.122-2.9 0ZM8 5.75a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3a.75.75 0 0 1 .75-.75Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
579
|
+
clipRule: "evenodd"
|
|
580
|
+
}
|
|
581
|
+
)
|
|
582
|
+
]
|
|
583
|
+
}
|
|
584
|
+
);
|
|
585
|
+
var WarningFilledIcon_default = SvgWarningFilledIcon;
|
|
586
|
+
|
|
587
|
+
// src/16/XIcon.tsx
|
|
588
|
+
import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
589
|
+
var SvgXIcon = ({
|
|
590
|
+
title,
|
|
591
|
+
titleId,
|
|
592
|
+
...props
|
|
593
|
+
}) => /* @__PURE__ */ jsxs19(
|
|
594
|
+
"svg",
|
|
595
|
+
{
|
|
596
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
597
|
+
width: props.size || "1em",
|
|
598
|
+
height: props.size || "1em",
|
|
599
|
+
fill: "none",
|
|
600
|
+
viewBox: "0 0 16 16",
|
|
601
|
+
"aria-labelledby": titleId,
|
|
602
|
+
...props,
|
|
603
|
+
children: [
|
|
604
|
+
title ? /* @__PURE__ */ jsx19("title", { id: titleId, children: title }) : null,
|
|
605
|
+
/* @__PURE__ */ jsx19("g", { clipPath: "url(#x-icon_svg__a)", children: /* @__PURE__ */ jsx19(
|
|
606
|
+
"path",
|
|
607
|
+
{
|
|
608
|
+
fill: "currentColor",
|
|
609
|
+
fillRule: "evenodd",
|
|
610
|
+
d: "M13.48 2.52a.75.75 0 0 1 0 1.06L9.06 8l4.42 4.42a.75.75 0 0 1-1.06 1.06L8 9.06l-4.42 4.42a.75.75 0 1 1-1.06-1.06L6.94 8 2.52 3.58a.75.75 0 0 1 1.06-1.06L8 6.94l4.42-4.42a.75.75 0 0 1 1.06 0Z",
|
|
611
|
+
clipRule: "evenodd"
|
|
612
|
+
}
|
|
613
|
+
) }),
|
|
614
|
+
/* @__PURE__ */ jsx19("defs", { children: /* @__PURE__ */ jsx19("clipPath", { id: "x-icon_svg__a", children: /* @__PURE__ */ jsx19("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
|
|
615
|
+
]
|
|
616
|
+
}
|
|
617
|
+
);
|
|
618
|
+
var XIcon_default = SvgXIcon;
|
|
619
|
+
export {
|
|
620
|
+
AvatarIcon_default as AvatarIcon,
|
|
621
|
+
CaretLeftIcon_default as CaretLeftIcon,
|
|
622
|
+
CaretRightIcon_default as CaretRightIcon,
|
|
623
|
+
CheckFilledIcon_default as CheckFilledIcon,
|
|
624
|
+
CheckmarkIcon_default as CheckmarkIcon,
|
|
625
|
+
CloseIcon_default as CloseIcon,
|
|
626
|
+
EllipseIcon_default as EllipseIcon,
|
|
627
|
+
ErrorAltFilledIcon_default as ErrorAltFilledIcon,
|
|
628
|
+
ErrorFilledIcon_default as ErrorFilledIcon,
|
|
629
|
+
InfoFilledIcon_default as InfoFilledIcon,
|
|
630
|
+
MinusIcon_default as MinusIcon,
|
|
631
|
+
NoneIcon_default as NoneIcon,
|
|
632
|
+
PlusIcon_default as PlusIcon,
|
|
633
|
+
ReadOnlyIcon_default as ReadOnlyIcon,
|
|
634
|
+
RedoIcon_default as RedoIcon,
|
|
635
|
+
TrashIcon_default as TrashIcon,
|
|
636
|
+
UndoIcon_default as UndoIcon,
|
|
637
|
+
WarningFilledIcon_default as WarningFilledIcon,
|
|
638
|
+
XIcon_default as XIcon
|
|
639
|
+
};
|
package/20/index.d.mts
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { CSSProperties, SVGProps } from 'react';
|
|
2
|
+
|
|
3
|
+
type SVGRProps = {
|
|
4
|
+
title?: string;
|
|
5
|
+
titleId?: string;
|
|
6
|
+
size?: CSSProperties["width"];
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
declare const SvgCaretLeftIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
10
|
+
|
|
11
|
+
declare const SvgCaretRightIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
12
|
+
|
|
13
|
+
declare const SvgCheckFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
14
|
+
|
|
15
|
+
declare const SvgCheckmarkIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
16
|
+
|
|
17
|
+
declare const SvgDragHandleIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
18
|
+
|
|
19
|
+
declare const SvgEllipseIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
20
|
+
|
|
21
|
+
declare const SvgErrorAltFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
22
|
+
|
|
23
|
+
declare const SvgInfoFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
24
|
+
|
|
25
|
+
declare const SvgPlusIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
26
|
+
|
|
27
|
+
declare const SvgSearchIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
28
|
+
|
|
29
|
+
declare const SvgStarIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
30
|
+
|
|
31
|
+
declare const SvgUploadIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
32
|
+
|
|
33
|
+
declare const SvgWarningFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
|
|
34
|
+
|
|
35
|
+
export { SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgDragHandleIcon as DragHandleIcon, SvgEllipseIcon as EllipseIcon, SvgErrorAltFilledIcon as ErrorAltFilledIcon, SvgInfoFilledIcon as InfoFilledIcon, SvgPlusIcon as PlusIcon, SvgSearchIcon as SearchIcon, SvgStarIcon as StarIcon, SvgUploadIcon as UploadIcon, SvgWarningFilledIcon as WarningFilledIcon };
|