@baseline-ui/icons 0.2.0 → 0.4.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.
Files changed (5) hide show
  1. package/20/index.d.mts +3 -1
  2. package/20/index.d.ts +3 -1
  3. package/20/index.js +76 -41
  4. package/20/index.mjs +75 -41
  5. package/package.json +4 -4
package/20/index.d.mts CHANGED
@@ -14,6 +14,8 @@ declare const SvgCheckFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVG
14
14
 
15
15
  declare const SvgCheckmarkIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
16
16
 
17
+ declare const SvgCrossIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
18
+
17
19
  declare const SvgDragHandleIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
18
20
 
19
21
  declare const SvgEllipseIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
@@ -32,4 +34,4 @@ declare const SvgUploadIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGEleme
32
34
 
33
35
  declare const SvgWarningFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
34
36
 
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 };
37
+ export { SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCrossIcon as CrossIcon, 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 };
package/20/index.d.ts CHANGED
@@ -14,6 +14,8 @@ declare const SvgCheckFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVG
14
14
 
15
15
  declare const SvgCheckmarkIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
16
16
 
17
+ declare const SvgCrossIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
18
+
17
19
  declare const SvgDragHandleIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
18
20
 
19
21
  declare const SvgEllipseIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
@@ -32,4 +34,4 @@ declare const SvgUploadIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGEleme
32
34
 
33
35
  declare const SvgWarningFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
34
36
 
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 };
37
+ export { SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCrossIcon as CrossIcon, 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 };
package/20/index.js CHANGED
@@ -24,6 +24,7 @@ __export(__exports, {
24
24
  CaretRightIcon: () => CaretRightIcon_default,
25
25
  CheckFilledIcon: () => CheckFilledIcon_default,
26
26
  CheckmarkIcon: () => CheckmarkIcon_default,
27
+ CrossIcon: () => CrossIcon_default,
27
28
  DragHandleIcon: () => DragHandleIcon_default,
28
29
  EllipseIcon: () => EllipseIcon_default,
29
30
  ErrorAltFilledIcon: () => ErrorAltFilledIcon_default,
@@ -165,9 +166,9 @@ var SvgCheckmarkIcon = ({
165
166
  );
166
167
  var CheckmarkIcon_default = SvgCheckmarkIcon;
167
168
 
168
- // src/20/DragHandleIcon.tsx
169
+ // src/20/CrossIcon.tsx
169
170
  var import_jsx_runtime5 = require("react/jsx-runtime");
170
- var SvgDragHandleIcon = ({
171
+ var SvgCrossIcon = ({
171
172
  title,
172
173
  titleId,
173
174
  ...props
@@ -183,7 +184,40 @@ var SvgDragHandleIcon = ({
183
184
  ...props,
184
185
  children: [
185
186
  title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { id: titleId, children: title }) : null,
186
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
187
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { clipPath: "url(#cross-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
188
+ "path",
189
+ {
190
+ fill: "currentColor",
191
+ fillRule: "evenodd",
192
+ d: "M16.894 3.106a.75.75 0 0 1 0 1.06L11.061 10l5.833 5.834a.75.75 0 0 1-1.06 1.06L10 11.061l-5.834 5.833a.75.75 0 1 1-1.06-1.06L8.939 10 3.106 4.166a.75.75 0 0 1 1.06-1.06L10 8.939l5.834-5.833a.75.75 0 0 1 1.06 0Z",
193
+ clipRule: "evenodd"
194
+ }
195
+ ) }),
196
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("clipPath", { id: "cross-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
197
+ ]
198
+ }
199
+ );
200
+ var CrossIcon_default = SvgCrossIcon;
201
+
202
+ // src/20/DragHandleIcon.tsx
203
+ var import_jsx_runtime6 = require("react/jsx-runtime");
204
+ var SvgDragHandleIcon = ({
205
+ title,
206
+ titleId,
207
+ ...props
208
+ }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
209
+ "svg",
210
+ {
211
+ xmlns: "http://www.w3.org/2000/svg",
212
+ width: props.size || "1em",
213
+ height: props.size || "1em",
214
+ fill: "none",
215
+ viewBox: "0 0 20 20",
216
+ "aria-labelledby": titleId,
217
+ ...props,
218
+ children: [
219
+ title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { id: titleId, children: title }) : null,
220
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
187
221
  "circle",
188
222
  {
189
223
  cx: 15.417,
@@ -193,7 +227,7 @@ var SvgDragHandleIcon = ({
193
227
  transform: "rotate(90 15.417 7.5)"
194
228
  }
195
229
  ),
196
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
230
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
197
231
  "circle",
198
232
  {
199
233
  cx: 10,
@@ -203,7 +237,7 @@ var SvgDragHandleIcon = ({
203
237
  transform: "rotate(90 10 7.5)"
204
238
  }
205
239
  ),
206
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
240
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
207
241
  "circle",
208
242
  {
209
243
  cx: 4.583,
@@ -213,7 +247,7 @@ var SvgDragHandleIcon = ({
213
247
  transform: "rotate(90 4.583 7.5)"
214
248
  }
215
249
  ),
216
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
250
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
217
251
  "circle",
218
252
  {
219
253
  cx: 15.417,
@@ -223,7 +257,7 @@ var SvgDragHandleIcon = ({
223
257
  transform: "rotate(90 15.417 12.5)"
224
258
  }
225
259
  ),
226
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
260
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
227
261
  "circle",
228
262
  {
229
263
  cx: 10,
@@ -233,7 +267,7 @@ var SvgDragHandleIcon = ({
233
267
  transform: "rotate(90 10 12.5)"
234
268
  }
235
269
  ),
236
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
270
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
237
271
  "circle",
238
272
  {
239
273
  cx: 4.583,
@@ -249,12 +283,12 @@ var SvgDragHandleIcon = ({
249
283
  var DragHandleIcon_default = SvgDragHandleIcon;
250
284
 
251
285
  // src/20/EllipseIcon.tsx
252
- var import_jsx_runtime6 = require("react/jsx-runtime");
286
+ var import_jsx_runtime7 = require("react/jsx-runtime");
253
287
  var SvgEllipseIcon = ({
254
288
  title,
255
289
  titleId,
256
290
  ...props
257
- }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
291
+ }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
258
292
  "svg",
259
293
  {
260
294
  xmlns: "http://www.w3.org/2000/svg",
@@ -265,8 +299,8 @@ var SvgEllipseIcon = ({
265
299
  "aria-labelledby": titleId,
266
300
  ...props,
267
301
  children: [
268
- title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { id: titleId, children: title }) : null,
269
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
302
+ title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { id: titleId, children: title }) : null,
303
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
270
304
  "path",
271
305
  {
272
306
  fill: "currentColor",
@@ -281,12 +315,12 @@ var SvgEllipseIcon = ({
281
315
  var EllipseIcon_default = SvgEllipseIcon;
282
316
 
283
317
  // src/20/ErrorAltFilledIcon.tsx
284
- var import_jsx_runtime7 = require("react/jsx-runtime");
318
+ var import_jsx_runtime8 = require("react/jsx-runtime");
285
319
  var SvgErrorAltFilledIcon = ({
286
320
  title,
287
321
  titleId,
288
322
  ...props
289
- }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
323
+ }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
290
324
  "svg",
291
325
  {
292
326
  xmlns: "http://www.w3.org/2000/svg",
@@ -297,8 +331,8 @@ var SvgErrorAltFilledIcon = ({
297
331
  "aria-labelledby": titleId,
298
332
  ...props,
299
333
  children: [
300
- title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { id: titleId, children: title }) : null,
301
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
334
+ title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { id: titleId, children: title }) : null,
335
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
302
336
  "path",
303
337
  {
304
338
  fill: "currentColor",
@@ -313,12 +347,12 @@ var SvgErrorAltFilledIcon = ({
313
347
  var ErrorAltFilledIcon_default = SvgErrorAltFilledIcon;
314
348
 
315
349
  // src/20/InfoFilledIcon.tsx
316
- var import_jsx_runtime8 = require("react/jsx-runtime");
350
+ var import_jsx_runtime9 = require("react/jsx-runtime");
317
351
  var SvgInfoFilledIcon = ({
318
352
  title,
319
353
  titleId,
320
354
  ...props
321
- }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
355
+ }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
322
356
  "svg",
323
357
  {
324
358
  xmlns: "http://www.w3.org/2000/svg",
@@ -329,8 +363,8 @@ var SvgInfoFilledIcon = ({
329
363
  "aria-labelledby": titleId,
330
364
  ...props,
331
365
  children: [
332
- title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { id: titleId, children: title }) : null,
333
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { clipPath: "url(#info-filled-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
366
+ title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { id: titleId, children: title }) : null,
367
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { clipPath: "url(#info-filled-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
334
368
  "path",
335
369
  {
336
370
  fill: "currentColor",
@@ -339,19 +373,19 @@ var SvgInfoFilledIcon = ({
339
373
  clipRule: "evenodd"
340
374
  }
341
375
  ) }),
342
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: "info-filled-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
376
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "info-filled-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
343
377
  ]
344
378
  }
345
379
  );
346
380
  var InfoFilledIcon_default = SvgInfoFilledIcon;
347
381
 
348
382
  // src/20/PlusIcon.tsx
349
- var import_jsx_runtime9 = require("react/jsx-runtime");
383
+ var import_jsx_runtime10 = require("react/jsx-runtime");
350
384
  var SvgPlusIcon = ({
351
385
  title,
352
386
  titleId,
353
387
  ...props
354
- }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
388
+ }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
355
389
  "svg",
356
390
  {
357
391
  xmlns: "http://www.w3.org/2000/svg",
@@ -362,8 +396,8 @@ var SvgPlusIcon = ({
362
396
  "aria-labelledby": titleId,
363
397
  ...props,
364
398
  children: [
365
- title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { id: titleId, children: title }) : null,
366
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
399
+ title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { id: titleId, children: title }) : null,
400
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
367
401
  "path",
368
402
  {
369
403
  fill: "currentColor",
@@ -378,12 +412,12 @@ var SvgPlusIcon = ({
378
412
  var PlusIcon_default = SvgPlusIcon;
379
413
 
380
414
  // src/20/SearchIcon.tsx
381
- var import_jsx_runtime10 = require("react/jsx-runtime");
415
+ var import_jsx_runtime11 = require("react/jsx-runtime");
382
416
  var SvgSearchIcon = ({
383
417
  title,
384
418
  titleId,
385
419
  ...props
386
- }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
420
+ }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
387
421
  "svg",
388
422
  {
389
423
  xmlns: "http://www.w3.org/2000/svg",
@@ -394,8 +428,8 @@ var SvgSearchIcon = ({
394
428
  "aria-labelledby": titleId,
395
429
  ...props,
396
430
  children: [
397
- title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { id: titleId, children: title }) : null,
398
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
431
+ title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { id: titleId, children: title }) : null,
432
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
399
433
  "path",
400
434
  {
401
435
  fill: "currentColor",
@@ -410,12 +444,12 @@ var SvgSearchIcon = ({
410
444
  var SearchIcon_default = SvgSearchIcon;
411
445
 
412
446
  // src/20/StarIcon.tsx
413
- var import_jsx_runtime11 = require("react/jsx-runtime");
447
+ var import_jsx_runtime12 = require("react/jsx-runtime");
414
448
  var SvgStarIcon = ({
415
449
  title,
416
450
  titleId,
417
451
  ...props
418
- }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
452
+ }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
419
453
  "svg",
420
454
  {
421
455
  xmlns: "http://www.w3.org/2000/svg",
@@ -426,8 +460,8 @@ var SvgStarIcon = ({
426
460
  "aria-labelledby": titleId,
427
461
  ...props,
428
462
  children: [
429
- title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { id: titleId, children: title }) : null,
430
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
463
+ title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { id: titleId, children: title }) : null,
464
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
431
465
  "path",
432
466
  {
433
467
  fill: "currentColor",
@@ -442,12 +476,12 @@ var SvgStarIcon = ({
442
476
  var StarIcon_default = SvgStarIcon;
443
477
 
444
478
  // src/20/UploadIcon.tsx
445
- var import_jsx_runtime12 = require("react/jsx-runtime");
479
+ var import_jsx_runtime13 = require("react/jsx-runtime");
446
480
  var SvgUploadIcon = ({
447
481
  title,
448
482
  titleId,
449
483
  ...props
450
- }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
484
+ }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
451
485
  "svg",
452
486
  {
453
487
  xmlns: "http://www.w3.org/2000/svg",
@@ -458,8 +492,8 @@ var SvgUploadIcon = ({
458
492
  "aria-labelledby": titleId,
459
493
  ...props,
460
494
  children: [
461
- title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { id: titleId, children: title }) : null,
462
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
495
+ title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { id: titleId, children: title }) : null,
496
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
463
497
  "path",
464
498
  {
465
499
  fill: "currentColor",
@@ -474,12 +508,12 @@ var SvgUploadIcon = ({
474
508
  var UploadIcon_default = SvgUploadIcon;
475
509
 
476
510
  // src/20/WarningFilledIcon.tsx
477
- var import_jsx_runtime13 = require("react/jsx-runtime");
511
+ var import_jsx_runtime14 = require("react/jsx-runtime");
478
512
  var SvgWarningFilledIcon = ({
479
513
  title,
480
514
  titleId,
481
515
  ...props
482
- }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
516
+ }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
483
517
  "svg",
484
518
  {
485
519
  xmlns: "http://www.w3.org/2000/svg",
@@ -490,8 +524,8 @@ var SvgWarningFilledIcon = ({
490
524
  "aria-labelledby": titleId,
491
525
  ...props,
492
526
  children: [
493
- title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { id: titleId, children: title }) : null,
494
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
527
+ title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { id: titleId, children: title }) : null,
528
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
495
529
  "path",
496
530
  {
497
531
  fill: "currentColor",
@@ -510,6 +544,7 @@ var WarningFilledIcon_default = SvgWarningFilledIcon;
510
544
  CaretRightIcon,
511
545
  CheckFilledIcon,
512
546
  CheckmarkIcon,
547
+ CrossIcon,
513
548
  DragHandleIcon,
514
549
  EllipseIcon,
515
550
  ErrorAltFilledIcon,
package/20/index.mjs CHANGED
@@ -127,9 +127,9 @@ var SvgCheckmarkIcon = ({
127
127
  );
128
128
  var CheckmarkIcon_default = SvgCheckmarkIcon;
129
129
 
130
- // src/20/DragHandleIcon.tsx
130
+ // src/20/CrossIcon.tsx
131
131
  import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
132
- var SvgDragHandleIcon = ({
132
+ var SvgCrossIcon = ({
133
133
  title,
134
134
  titleId,
135
135
  ...props
@@ -145,7 +145,40 @@ var SvgDragHandleIcon = ({
145
145
  ...props,
146
146
  children: [
147
147
  title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
148
- /* @__PURE__ */ jsx5(
148
+ /* @__PURE__ */ jsx5("g", { clipPath: "url(#cross-icon_svg__a)", children: /* @__PURE__ */ jsx5(
149
+ "path",
150
+ {
151
+ fill: "currentColor",
152
+ fillRule: "evenodd",
153
+ d: "M16.894 3.106a.75.75 0 0 1 0 1.06L11.061 10l5.833 5.834a.75.75 0 0 1-1.06 1.06L10 11.061l-5.834 5.833a.75.75 0 1 1-1.06-1.06L8.939 10 3.106 4.166a.75.75 0 0 1 1.06-1.06L10 8.939l5.834-5.833a.75.75 0 0 1 1.06 0Z",
154
+ clipRule: "evenodd"
155
+ }
156
+ ) }),
157
+ /* @__PURE__ */ jsx5("defs", { children: /* @__PURE__ */ jsx5("clipPath", { id: "cross-icon_svg__a", children: /* @__PURE__ */ jsx5("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
158
+ ]
159
+ }
160
+ );
161
+ var CrossIcon_default = SvgCrossIcon;
162
+
163
+ // src/20/DragHandleIcon.tsx
164
+ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
165
+ var SvgDragHandleIcon = ({
166
+ title,
167
+ titleId,
168
+ ...props
169
+ }) => /* @__PURE__ */ jsxs6(
170
+ "svg",
171
+ {
172
+ xmlns: "http://www.w3.org/2000/svg",
173
+ width: props.size || "1em",
174
+ height: props.size || "1em",
175
+ fill: "none",
176
+ viewBox: "0 0 20 20",
177
+ "aria-labelledby": titleId,
178
+ ...props,
179
+ children: [
180
+ title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
181
+ /* @__PURE__ */ jsx6(
149
182
  "circle",
150
183
  {
151
184
  cx: 15.417,
@@ -155,7 +188,7 @@ var SvgDragHandleIcon = ({
155
188
  transform: "rotate(90 15.417 7.5)"
156
189
  }
157
190
  ),
158
- /* @__PURE__ */ jsx5(
191
+ /* @__PURE__ */ jsx6(
159
192
  "circle",
160
193
  {
161
194
  cx: 10,
@@ -165,7 +198,7 @@ var SvgDragHandleIcon = ({
165
198
  transform: "rotate(90 10 7.5)"
166
199
  }
167
200
  ),
168
- /* @__PURE__ */ jsx5(
201
+ /* @__PURE__ */ jsx6(
169
202
  "circle",
170
203
  {
171
204
  cx: 4.583,
@@ -175,7 +208,7 @@ var SvgDragHandleIcon = ({
175
208
  transform: "rotate(90 4.583 7.5)"
176
209
  }
177
210
  ),
178
- /* @__PURE__ */ jsx5(
211
+ /* @__PURE__ */ jsx6(
179
212
  "circle",
180
213
  {
181
214
  cx: 15.417,
@@ -185,7 +218,7 @@ var SvgDragHandleIcon = ({
185
218
  transform: "rotate(90 15.417 12.5)"
186
219
  }
187
220
  ),
188
- /* @__PURE__ */ jsx5(
221
+ /* @__PURE__ */ jsx6(
189
222
  "circle",
190
223
  {
191
224
  cx: 10,
@@ -195,7 +228,7 @@ var SvgDragHandleIcon = ({
195
228
  transform: "rotate(90 10 12.5)"
196
229
  }
197
230
  ),
198
- /* @__PURE__ */ jsx5(
231
+ /* @__PURE__ */ jsx6(
199
232
  "circle",
200
233
  {
201
234
  cx: 4.583,
@@ -211,12 +244,12 @@ var SvgDragHandleIcon = ({
211
244
  var DragHandleIcon_default = SvgDragHandleIcon;
212
245
 
213
246
  // src/20/EllipseIcon.tsx
214
- import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
247
+ import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
215
248
  var SvgEllipseIcon = ({
216
249
  title,
217
250
  titleId,
218
251
  ...props
219
- }) => /* @__PURE__ */ jsxs6(
252
+ }) => /* @__PURE__ */ jsxs7(
220
253
  "svg",
221
254
  {
222
255
  xmlns: "http://www.w3.org/2000/svg",
@@ -227,8 +260,8 @@ var SvgEllipseIcon = ({
227
260
  "aria-labelledby": titleId,
228
261
  ...props,
229
262
  children: [
230
- title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
231
- /* @__PURE__ */ jsx6(
263
+ title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
264
+ /* @__PURE__ */ jsx7(
232
265
  "path",
233
266
  {
234
267
  fill: "currentColor",
@@ -243,12 +276,12 @@ var SvgEllipseIcon = ({
243
276
  var EllipseIcon_default = SvgEllipseIcon;
244
277
 
245
278
  // src/20/ErrorAltFilledIcon.tsx
246
- import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
279
+ import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
247
280
  var SvgErrorAltFilledIcon = ({
248
281
  title,
249
282
  titleId,
250
283
  ...props
251
- }) => /* @__PURE__ */ jsxs7(
284
+ }) => /* @__PURE__ */ jsxs8(
252
285
  "svg",
253
286
  {
254
287
  xmlns: "http://www.w3.org/2000/svg",
@@ -259,8 +292,8 @@ var SvgErrorAltFilledIcon = ({
259
292
  "aria-labelledby": titleId,
260
293
  ...props,
261
294
  children: [
262
- title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
263
- /* @__PURE__ */ jsx7(
295
+ title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
296
+ /* @__PURE__ */ jsx8(
264
297
  "path",
265
298
  {
266
299
  fill: "currentColor",
@@ -275,12 +308,12 @@ var SvgErrorAltFilledIcon = ({
275
308
  var ErrorAltFilledIcon_default = SvgErrorAltFilledIcon;
276
309
 
277
310
  // src/20/InfoFilledIcon.tsx
278
- import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
311
+ import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
279
312
  var SvgInfoFilledIcon = ({
280
313
  title,
281
314
  titleId,
282
315
  ...props
283
- }) => /* @__PURE__ */ jsxs8(
316
+ }) => /* @__PURE__ */ jsxs9(
284
317
  "svg",
285
318
  {
286
319
  xmlns: "http://www.w3.org/2000/svg",
@@ -291,8 +324,8 @@ var SvgInfoFilledIcon = ({
291
324
  "aria-labelledby": titleId,
292
325
  ...props,
293
326
  children: [
294
- title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
295
- /* @__PURE__ */ jsx8("g", { clipPath: "url(#info-filled-icon_svg__a)", children: /* @__PURE__ */ jsx8(
327
+ title ? /* @__PURE__ */ jsx9("title", { id: titleId, children: title }) : null,
328
+ /* @__PURE__ */ jsx9("g", { clipPath: "url(#info-filled-icon_svg__a)", children: /* @__PURE__ */ jsx9(
296
329
  "path",
297
330
  {
298
331
  fill: "currentColor",
@@ -301,19 +334,19 @@ var SvgInfoFilledIcon = ({
301
334
  clipRule: "evenodd"
302
335
  }
303
336
  ) }),
304
- /* @__PURE__ */ jsx8("defs", { children: /* @__PURE__ */ jsx8("clipPath", { id: "info-filled-icon_svg__a", children: /* @__PURE__ */ jsx8("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
337
+ /* @__PURE__ */ jsx9("defs", { children: /* @__PURE__ */ jsx9("clipPath", { id: "info-filled-icon_svg__a", children: /* @__PURE__ */ jsx9("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
305
338
  ]
306
339
  }
307
340
  );
308
341
  var InfoFilledIcon_default = SvgInfoFilledIcon;
309
342
 
310
343
  // src/20/PlusIcon.tsx
311
- import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
344
+ import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
312
345
  var SvgPlusIcon = ({
313
346
  title,
314
347
  titleId,
315
348
  ...props
316
- }) => /* @__PURE__ */ jsxs9(
349
+ }) => /* @__PURE__ */ jsxs10(
317
350
  "svg",
318
351
  {
319
352
  xmlns: "http://www.w3.org/2000/svg",
@@ -324,8 +357,8 @@ var SvgPlusIcon = ({
324
357
  "aria-labelledby": titleId,
325
358
  ...props,
326
359
  children: [
327
- title ? /* @__PURE__ */ jsx9("title", { id: titleId, children: title }) : null,
328
- /* @__PURE__ */ jsx9(
360
+ title ? /* @__PURE__ */ jsx10("title", { id: titleId, children: title }) : null,
361
+ /* @__PURE__ */ jsx10(
329
362
  "path",
330
363
  {
331
364
  fill: "currentColor",
@@ -340,12 +373,12 @@ var SvgPlusIcon = ({
340
373
  var PlusIcon_default = SvgPlusIcon;
341
374
 
342
375
  // src/20/SearchIcon.tsx
343
- import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
376
+ import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
344
377
  var SvgSearchIcon = ({
345
378
  title,
346
379
  titleId,
347
380
  ...props
348
- }) => /* @__PURE__ */ jsxs10(
381
+ }) => /* @__PURE__ */ jsxs11(
349
382
  "svg",
350
383
  {
351
384
  xmlns: "http://www.w3.org/2000/svg",
@@ -356,8 +389,8 @@ var SvgSearchIcon = ({
356
389
  "aria-labelledby": titleId,
357
390
  ...props,
358
391
  children: [
359
- title ? /* @__PURE__ */ jsx10("title", { id: titleId, children: title }) : null,
360
- /* @__PURE__ */ jsx10(
392
+ title ? /* @__PURE__ */ jsx11("title", { id: titleId, children: title }) : null,
393
+ /* @__PURE__ */ jsx11(
361
394
  "path",
362
395
  {
363
396
  fill: "currentColor",
@@ -372,12 +405,12 @@ var SvgSearchIcon = ({
372
405
  var SearchIcon_default = SvgSearchIcon;
373
406
 
374
407
  // src/20/StarIcon.tsx
375
- import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
408
+ import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
376
409
  var SvgStarIcon = ({
377
410
  title,
378
411
  titleId,
379
412
  ...props
380
- }) => /* @__PURE__ */ jsxs11(
413
+ }) => /* @__PURE__ */ jsxs12(
381
414
  "svg",
382
415
  {
383
416
  xmlns: "http://www.w3.org/2000/svg",
@@ -388,8 +421,8 @@ var SvgStarIcon = ({
388
421
  "aria-labelledby": titleId,
389
422
  ...props,
390
423
  children: [
391
- title ? /* @__PURE__ */ jsx11("title", { id: titleId, children: title }) : null,
392
- /* @__PURE__ */ jsx11(
424
+ title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
425
+ /* @__PURE__ */ jsx12(
393
426
  "path",
394
427
  {
395
428
  fill: "currentColor",
@@ -404,12 +437,12 @@ var SvgStarIcon = ({
404
437
  var StarIcon_default = SvgStarIcon;
405
438
 
406
439
  // src/20/UploadIcon.tsx
407
- import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
440
+ import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
408
441
  var SvgUploadIcon = ({
409
442
  title,
410
443
  titleId,
411
444
  ...props
412
- }) => /* @__PURE__ */ jsxs12(
445
+ }) => /* @__PURE__ */ jsxs13(
413
446
  "svg",
414
447
  {
415
448
  xmlns: "http://www.w3.org/2000/svg",
@@ -420,8 +453,8 @@ var SvgUploadIcon = ({
420
453
  "aria-labelledby": titleId,
421
454
  ...props,
422
455
  children: [
423
- title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
424
- /* @__PURE__ */ jsx12(
456
+ title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
457
+ /* @__PURE__ */ jsx13(
425
458
  "path",
426
459
  {
427
460
  fill: "currentColor",
@@ -436,12 +469,12 @@ var SvgUploadIcon = ({
436
469
  var UploadIcon_default = SvgUploadIcon;
437
470
 
438
471
  // src/20/WarningFilledIcon.tsx
439
- import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
472
+ import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
440
473
  var SvgWarningFilledIcon = ({
441
474
  title,
442
475
  titleId,
443
476
  ...props
444
- }) => /* @__PURE__ */ jsxs13(
477
+ }) => /* @__PURE__ */ jsxs14(
445
478
  "svg",
446
479
  {
447
480
  xmlns: "http://www.w3.org/2000/svg",
@@ -452,8 +485,8 @@ var SvgWarningFilledIcon = ({
452
485
  "aria-labelledby": titleId,
453
486
  ...props,
454
487
  children: [
455
- title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
456
- /* @__PURE__ */ jsx13(
488
+ title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
489
+ /* @__PURE__ */ jsx14(
457
490
  "path",
458
491
  {
459
492
  fill: "currentColor",
@@ -471,6 +504,7 @@ export {
471
504
  CaretRightIcon_default as CaretRightIcon,
472
505
  CheckFilledIcon_default as CheckFilledIcon,
473
506
  CheckmarkIcon_default as CheckmarkIcon,
507
+ CrossIcon_default as CrossIcon,
474
508
  DragHandleIcon_default as DragHandleIcon,
475
509
  EllipseIcon_default as EllipseIcon,
476
510
  ErrorAltFilledIcon_default as ErrorAltFilledIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@baseline-ui/icons",
3
- "version": "0.2.0",
3
+ "version": "0.4.0",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -17,10 +17,10 @@
17
17
  ],
18
18
  "license": "ISC",
19
19
  "dependencies": {
20
- "@react-aria/utils": "^3.22.0",
20
+ "@react-aria/utils": "^3.23.0",
21
21
  "dompurify": "^3.0.6",
22
- "react-aria": "^3.30.0",
23
- "@baseline-ui/utils": "0.2.0"
22
+ "react-aria": "^3.31.0",
23
+ "@baseline-ui/utils": "0.4.0"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@svgr/cli": "^8.1.0",