@baseline-ui/icons 0.7.0 → 0.7.2

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/16/index.d.mts +3 -1
  2. package/16/index.d.ts +3 -1
  3. package/16/index.js +72 -37
  4. package/16/index.mjs +71 -37
  5. package/package.json +2 -2
package/16/index.d.mts CHANGED
@@ -28,6 +28,8 @@ declare const SvgInfoFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGE
28
28
 
29
29
  declare const SvgMinusIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
30
30
 
31
+ declare const SvgMoreIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
32
+
31
33
  declare const SvgNoneIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
32
34
 
33
35
  declare const SvgPlusIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
@@ -44,4 +46,4 @@ declare const SvgWarningFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGS
44
46
 
45
47
  declare const SvgXIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
46
48
 
47
- export { SvgAvatarIcon as AvatarIcon, SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCloseIcon as CloseIcon, SvgEllipseIcon as EllipseIcon, SvgErrorAltFilledIcon as ErrorAltFilledIcon, SvgErrorFilledIcon as ErrorFilledIcon, SvgInfoFilledIcon as InfoFilledIcon, SvgMinusIcon as MinusIcon, SvgNoneIcon as NoneIcon, SvgPlusIcon as PlusIcon, SvgReadOnlyIcon as ReadOnlyIcon, SvgRedoIcon as RedoIcon, SvgTrashIcon as TrashIcon, SvgUndoIcon as UndoIcon, SvgWarningFilledIcon as WarningFilledIcon, SvgXIcon as XIcon };
49
+ export { SvgAvatarIcon as AvatarIcon, SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCloseIcon as CloseIcon, SvgEllipseIcon as EllipseIcon, SvgErrorAltFilledIcon as ErrorAltFilledIcon, SvgErrorFilledIcon as ErrorFilledIcon, SvgInfoFilledIcon as InfoFilledIcon, SvgMinusIcon as MinusIcon, SvgMoreIcon as MoreIcon, SvgNoneIcon as NoneIcon, SvgPlusIcon as PlusIcon, SvgReadOnlyIcon as ReadOnlyIcon, SvgRedoIcon as RedoIcon, SvgTrashIcon as TrashIcon, SvgUndoIcon as UndoIcon, SvgWarningFilledIcon as WarningFilledIcon, SvgXIcon as XIcon };
package/16/index.d.ts CHANGED
@@ -28,6 +28,8 @@ declare const SvgInfoFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGE
28
28
 
29
29
  declare const SvgMinusIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
30
30
 
31
+ declare const SvgMoreIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
32
+
31
33
  declare const SvgNoneIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
32
34
 
33
35
  declare const SvgPlusIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
@@ -44,4 +46,4 @@ declare const SvgWarningFilledIcon: ({ title, titleId, ...props }: SVGProps<SVGS
44
46
 
45
47
  declare const SvgXIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => any;
46
48
 
47
- export { SvgAvatarIcon as AvatarIcon, SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCloseIcon as CloseIcon, SvgEllipseIcon as EllipseIcon, SvgErrorAltFilledIcon as ErrorAltFilledIcon, SvgErrorFilledIcon as ErrorFilledIcon, SvgInfoFilledIcon as InfoFilledIcon, SvgMinusIcon as MinusIcon, SvgNoneIcon as NoneIcon, SvgPlusIcon as PlusIcon, SvgReadOnlyIcon as ReadOnlyIcon, SvgRedoIcon as RedoIcon, SvgTrashIcon as TrashIcon, SvgUndoIcon as UndoIcon, SvgWarningFilledIcon as WarningFilledIcon, SvgXIcon as XIcon };
49
+ export { SvgAvatarIcon as AvatarIcon, SvgCaretLeftIcon as CaretLeftIcon, SvgCaretRightIcon as CaretRightIcon, SvgCheckFilledIcon as CheckFilledIcon, SvgCheckmarkIcon as CheckmarkIcon, SvgCloseIcon as CloseIcon, SvgEllipseIcon as EllipseIcon, SvgErrorAltFilledIcon as ErrorAltFilledIcon, SvgErrorFilledIcon as ErrorFilledIcon, SvgInfoFilledIcon as InfoFilledIcon, SvgMinusIcon as MinusIcon, SvgMoreIcon as MoreIcon, SvgNoneIcon as NoneIcon, SvgPlusIcon as PlusIcon, SvgReadOnlyIcon as ReadOnlyIcon, SvgRedoIcon as RedoIcon, SvgTrashIcon as TrashIcon, SvgUndoIcon as UndoIcon, SvgWarningFilledIcon as WarningFilledIcon, SvgXIcon as XIcon };
package/16/index.js CHANGED
@@ -31,6 +31,7 @@ __export(__exports, {
31
31
  ErrorFilledIcon: () => ErrorFilledIcon_default,
32
32
  InfoFilledIcon: () => InfoFilledIcon_default,
33
33
  MinusIcon: () => MinusIcon_default,
34
+ MoreIcon: () => MoreIcon_default,
34
35
  NoneIcon: () => NoneIcon_default,
35
36
  PlusIcon: () => PlusIcon_default,
36
37
  ReadOnlyIcon: () => ReadOnlyIcon_default,
@@ -395,9 +396,9 @@ var SvgMinusIcon = ({
395
396
  );
396
397
  var MinusIcon_default = SvgMinusIcon;
397
398
 
398
- // src/16/NoneIcon.tsx
399
+ // src/16/MoreIcon.tsx
399
400
  var import_jsx_runtime12 = require("react/jsx-runtime");
400
- var SvgNoneIcon = ({
401
+ var SvgMoreIcon = ({
401
402
  title,
402
403
  titleId,
403
404
  ...props
@@ -408,12 +409,45 @@ var SvgNoneIcon = ({
408
409
  width: props.size || "1em",
409
410
  height: props.size || "1em",
410
411
  fill: "none",
411
- viewBox: "0 0 14 14",
412
+ viewBox: "0 0 16 16",
412
413
  "aria-labelledby": titleId,
413
414
  ...props,
414
415
  children: [
415
416
  title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { id: titleId, children: title }) : null,
416
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
417
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { clipPath: "url(#more-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
418
+ "path",
419
+ {
420
+ fill: "currentColor",
421
+ fillRule: "evenodd",
422
+ d: "M13 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0M6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m-5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3",
423
+ clipRule: "evenodd"
424
+ }
425
+ ) }),
426
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("clipPath", { id: "more-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
427
+ ]
428
+ }
429
+ );
430
+ var MoreIcon_default = SvgMoreIcon;
431
+
432
+ // src/16/NoneIcon.tsx
433
+ var import_jsx_runtime13 = require("react/jsx-runtime");
434
+ var SvgNoneIcon = ({
435
+ title,
436
+ titleId,
437
+ ...props
438
+ }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
439
+ "svg",
440
+ {
441
+ xmlns: "http://www.w3.org/2000/svg",
442
+ width: props.size || "1em",
443
+ height: props.size || "1em",
444
+ fill: "none",
445
+ viewBox: "0 0 14 14",
446
+ "aria-labelledby": titleId,
447
+ ...props,
448
+ children: [
449
+ title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { id: titleId, children: title }) : null,
450
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
417
451
  "mask",
418
452
  {
419
453
  id: "none-icon_svg__a",
@@ -425,22 +459,22 @@ var SvgNoneIcon = ({
425
459
  style: {
426
460
  maskType: "alpha"
427
461
  },
428
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: 7, cy: 7, r: 7, fill: "#2B2E36" })
462
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: 7, cy: 7, r: 7, fill: "#2B2E36" })
429
463
  }
430
464
  ),
431
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { mask: "url(#none-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { stroke: "#C83C29", strokeWidth: 2, d: "M15-1-1 15" }) })
465
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("g", { mask: "url(#none-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { stroke: "#C83C29", strokeWidth: 2, d: "M15-1-1 15" }) })
432
466
  ]
433
467
  }
434
468
  );
435
469
  var NoneIcon_default = SvgNoneIcon;
436
470
 
437
471
  // src/16/PlusIcon.tsx
438
- var import_jsx_runtime13 = require("react/jsx-runtime");
472
+ var import_jsx_runtime14 = require("react/jsx-runtime");
439
473
  var SvgPlusIcon = ({
440
474
  title,
441
475
  titleId,
442
476
  ...props
443
- }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
477
+ }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
444
478
  "svg",
445
479
  {
446
480
  xmlns: "http://www.w3.org/2000/svg",
@@ -451,8 +485,8 @@ var SvgPlusIcon = ({
451
485
  "aria-labelledby": titleId,
452
486
  ...props,
453
487
  children: [
454
- title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { id: titleId, children: title }) : null,
455
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("g", { clipPath: "url(#plus-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
488
+ title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { id: titleId, children: title }) : null,
489
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: "url(#plus-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
456
490
  "path",
457
491
  {
458
492
  fill: "currentColor",
@@ -461,19 +495,19 @@ var SvgPlusIcon = ({
461
495
  clipRule: "evenodd"
462
496
  }
463
497
  ) }),
464
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("clipPath", { id: "plus-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
498
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: "plus-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
465
499
  ]
466
500
  }
467
501
  );
468
502
  var PlusIcon_default = SvgPlusIcon;
469
503
 
470
504
  // src/16/ReadOnlyIcon.tsx
471
- var import_jsx_runtime14 = require("react/jsx-runtime");
505
+ var import_jsx_runtime15 = require("react/jsx-runtime");
472
506
  var SvgReadOnlyIcon = ({
473
507
  title,
474
508
  titleId,
475
509
  ...props
476
- }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
510
+ }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
477
511
  "svg",
478
512
  {
479
513
  xmlns: "http://www.w3.org/2000/svg",
@@ -484,8 +518,8 @@ var SvgReadOnlyIcon = ({
484
518
  "aria-labelledby": titleId,
485
519
  ...props,
486
520
  children: [
487
- title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { id: titleId, children: title }) : null,
488
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
521
+ title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { id: titleId, children: title }) : null,
522
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
489
523
  "path",
490
524
  {
491
525
  fill: "currentColor",
@@ -500,12 +534,12 @@ var SvgReadOnlyIcon = ({
500
534
  var ReadOnlyIcon_default = SvgReadOnlyIcon;
501
535
 
502
536
  // src/16/RedoIcon.tsx
503
- var import_jsx_runtime15 = require("react/jsx-runtime");
537
+ var import_jsx_runtime16 = require("react/jsx-runtime");
504
538
  var SvgRedoIcon = ({
505
539
  title,
506
540
  titleId,
507
541
  ...props
508
- }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
542
+ }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
509
543
  "svg",
510
544
  {
511
545
  xmlns: "http://www.w3.org/2000/svg",
@@ -516,8 +550,8 @@ var SvgRedoIcon = ({
516
550
  "aria-labelledby": titleId,
517
551
  ...props,
518
552
  children: [
519
- title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { id: titleId, children: title }) : null,
520
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
553
+ title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { id: titleId, children: title }) : null,
554
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
521
555
  "path",
522
556
  {
523
557
  fill: "currentColor",
@@ -532,12 +566,12 @@ var SvgRedoIcon = ({
532
566
  var RedoIcon_default = SvgRedoIcon;
533
567
 
534
568
  // src/16/TrashIcon.tsx
535
- var import_jsx_runtime16 = require("react/jsx-runtime");
569
+ var import_jsx_runtime17 = require("react/jsx-runtime");
536
570
  var SvgTrashIcon = ({
537
571
  title,
538
572
  titleId,
539
573
  ...props
540
- }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
574
+ }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
541
575
  "svg",
542
576
  {
543
577
  xmlns: "http://www.w3.org/2000/svg",
@@ -548,8 +582,8 @@ var SvgTrashIcon = ({
548
582
  "aria-labelledby": titleId,
549
583
  ...props,
550
584
  children: [
551
- title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { id: titleId, children: title }) : null,
552
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("g", { clipPath: "url(#trash-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
585
+ title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { id: titleId, children: title }) : null,
586
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("g", { clipPath: "url(#trash-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
553
587
  "path",
554
588
  {
555
589
  fill: "currentColor",
@@ -558,19 +592,19 @@ var SvgTrashIcon = ({
558
592
  clipRule: "evenodd"
559
593
  }
560
594
  ) }),
561
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("clipPath", { id: "trash-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
595
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: "trash-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
562
596
  ]
563
597
  }
564
598
  );
565
599
  var TrashIcon_default = SvgTrashIcon;
566
600
 
567
601
  // src/16/UndoIcon.tsx
568
- var import_jsx_runtime17 = require("react/jsx-runtime");
602
+ var import_jsx_runtime18 = require("react/jsx-runtime");
569
603
  var SvgUndoIcon = ({
570
604
  title,
571
605
  titleId,
572
606
  ...props
573
- }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
607
+ }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
574
608
  "svg",
575
609
  {
576
610
  xmlns: "http://www.w3.org/2000/svg",
@@ -581,8 +615,8 @@ var SvgUndoIcon = ({
581
615
  "aria-labelledby": titleId,
582
616
  ...props,
583
617
  children: [
584
- title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { id: titleId, children: title }) : null,
585
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
618
+ title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { id: titleId, children: title }) : null,
619
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
586
620
  "path",
587
621
  {
588
622
  fill: "currentColor",
@@ -597,12 +631,12 @@ var SvgUndoIcon = ({
597
631
  var UndoIcon_default = SvgUndoIcon;
598
632
 
599
633
  // src/16/WarningFilledIcon.tsx
600
- var import_jsx_runtime18 = require("react/jsx-runtime");
634
+ var import_jsx_runtime19 = require("react/jsx-runtime");
601
635
  var SvgWarningFilledIcon = ({
602
636
  title,
603
637
  titleId,
604
638
  ...props
605
- }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
639
+ }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
606
640
  "svg",
607
641
  {
608
642
  xmlns: "http://www.w3.org/2000/svg",
@@ -613,8 +647,8 @@ var SvgWarningFilledIcon = ({
613
647
  "aria-labelledby": titleId,
614
648
  ...props,
615
649
  children: [
616
- title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { id: titleId, children: title }) : null,
617
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
650
+ title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { id: titleId, children: title }) : null,
651
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
618
652
  "path",
619
653
  {
620
654
  fill: "currentColor",
@@ -629,12 +663,12 @@ var SvgWarningFilledIcon = ({
629
663
  var WarningFilledIcon_default = SvgWarningFilledIcon;
630
664
 
631
665
  // src/16/XIcon.tsx
632
- var import_jsx_runtime19 = require("react/jsx-runtime");
666
+ var import_jsx_runtime20 = require("react/jsx-runtime");
633
667
  var SvgXIcon = ({
634
668
  title,
635
669
  titleId,
636
670
  ...props
637
- }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
671
+ }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
638
672
  "svg",
639
673
  {
640
674
  xmlns: "http://www.w3.org/2000/svg",
@@ -645,8 +679,8 @@ var SvgXIcon = ({
645
679
  "aria-labelledby": titleId,
646
680
  ...props,
647
681
  children: [
648
- title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { id: titleId, children: title }) : null,
649
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#x-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
682
+ title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { id: titleId, children: title }) : null,
683
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { clipPath: "url(#x-icon_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
650
684
  "path",
651
685
  {
652
686
  fill: "currentColor",
@@ -655,7 +689,7 @@ var SvgXIcon = ({
655
689
  clipRule: "evenodd"
656
690
  }
657
691
  ) }),
658
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "x-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
692
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "x-icon_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
659
693
  ]
660
694
  }
661
695
  );
@@ -673,6 +707,7 @@ var XIcon_default = SvgXIcon;
673
707
  ErrorFilledIcon,
674
708
  InfoFilledIcon,
675
709
  MinusIcon,
710
+ MoreIcon,
676
711
  NoneIcon,
677
712
  PlusIcon,
678
713
  ReadOnlyIcon,
package/16/index.mjs CHANGED
@@ -351,9 +351,9 @@ var SvgMinusIcon = ({
351
351
  );
352
352
  var MinusIcon_default = SvgMinusIcon;
353
353
 
354
- // src/16/NoneIcon.tsx
354
+ // src/16/MoreIcon.tsx
355
355
  import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
356
- var SvgNoneIcon = ({
356
+ var SvgMoreIcon = ({
357
357
  title,
358
358
  titleId,
359
359
  ...props
@@ -364,12 +364,45 @@ var SvgNoneIcon = ({
364
364
  width: props.size || "1em",
365
365
  height: props.size || "1em",
366
366
  fill: "none",
367
- viewBox: "0 0 14 14",
367
+ viewBox: "0 0 16 16",
368
368
  "aria-labelledby": titleId,
369
369
  ...props,
370
370
  children: [
371
371
  title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
372
- /* @__PURE__ */ jsx12(
372
+ /* @__PURE__ */ jsx12("g", { clipPath: "url(#more-icon_svg__a)", children: /* @__PURE__ */ jsx12(
373
+ "path",
374
+ {
375
+ fill: "currentColor",
376
+ fillRule: "evenodd",
377
+ d: "M13 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0M6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m-5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3",
378
+ clipRule: "evenodd"
379
+ }
380
+ ) }),
381
+ /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsx12("clipPath", { id: "more-icon_svg__a", children: /* @__PURE__ */ jsx12("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
382
+ ]
383
+ }
384
+ );
385
+ var MoreIcon_default = SvgMoreIcon;
386
+
387
+ // src/16/NoneIcon.tsx
388
+ import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
389
+ var SvgNoneIcon = ({
390
+ title,
391
+ titleId,
392
+ ...props
393
+ }) => /* @__PURE__ */ jsxs13(
394
+ "svg",
395
+ {
396
+ xmlns: "http://www.w3.org/2000/svg",
397
+ width: props.size || "1em",
398
+ height: props.size || "1em",
399
+ fill: "none",
400
+ viewBox: "0 0 14 14",
401
+ "aria-labelledby": titleId,
402
+ ...props,
403
+ children: [
404
+ title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
405
+ /* @__PURE__ */ jsx13(
373
406
  "mask",
374
407
  {
375
408
  id: "none-icon_svg__a",
@@ -381,22 +414,22 @@ var SvgNoneIcon = ({
381
414
  style: {
382
415
  maskType: "alpha"
383
416
  },
384
- children: /* @__PURE__ */ jsx12("circle", { cx: 7, cy: 7, r: 7, fill: "#2B2E36" })
417
+ children: /* @__PURE__ */ jsx13("circle", { cx: 7, cy: 7, r: 7, fill: "#2B2E36" })
385
418
  }
386
419
  ),
387
- /* @__PURE__ */ jsx12("g", { mask: "url(#none-icon_svg__a)", children: /* @__PURE__ */ jsx12("path", { stroke: "#C83C29", strokeWidth: 2, d: "M15-1-1 15" }) })
420
+ /* @__PURE__ */ jsx13("g", { mask: "url(#none-icon_svg__a)", children: /* @__PURE__ */ jsx13("path", { stroke: "#C83C29", strokeWidth: 2, d: "M15-1-1 15" }) })
388
421
  ]
389
422
  }
390
423
  );
391
424
  var NoneIcon_default = SvgNoneIcon;
392
425
 
393
426
  // src/16/PlusIcon.tsx
394
- import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
427
+ import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
395
428
  var SvgPlusIcon = ({
396
429
  title,
397
430
  titleId,
398
431
  ...props
399
- }) => /* @__PURE__ */ jsxs13(
432
+ }) => /* @__PURE__ */ jsxs14(
400
433
  "svg",
401
434
  {
402
435
  xmlns: "http://www.w3.org/2000/svg",
@@ -407,8 +440,8 @@ var SvgPlusIcon = ({
407
440
  "aria-labelledby": titleId,
408
441
  ...props,
409
442
  children: [
410
- title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
411
- /* @__PURE__ */ jsx13("g", { clipPath: "url(#plus-icon_svg__a)", children: /* @__PURE__ */ jsx13(
443
+ title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
444
+ /* @__PURE__ */ jsx14("g", { clipPath: "url(#plus-icon_svg__a)", children: /* @__PURE__ */ jsx14(
412
445
  "path",
413
446
  {
414
447
  fill: "currentColor",
@@ -417,19 +450,19 @@ var SvgPlusIcon = ({
417
450
  clipRule: "evenodd"
418
451
  }
419
452
  ) }),
420
- /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("clipPath", { id: "plus-icon_svg__a", children: /* @__PURE__ */ jsx13("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
453
+ /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: "plus-icon_svg__a", children: /* @__PURE__ */ jsx14("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
421
454
  ]
422
455
  }
423
456
  );
424
457
  var PlusIcon_default = SvgPlusIcon;
425
458
 
426
459
  // src/16/ReadOnlyIcon.tsx
427
- import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
460
+ import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
428
461
  var SvgReadOnlyIcon = ({
429
462
  title,
430
463
  titleId,
431
464
  ...props
432
- }) => /* @__PURE__ */ jsxs14(
465
+ }) => /* @__PURE__ */ jsxs15(
433
466
  "svg",
434
467
  {
435
468
  xmlns: "http://www.w3.org/2000/svg",
@@ -440,8 +473,8 @@ var SvgReadOnlyIcon = ({
440
473
  "aria-labelledby": titleId,
441
474
  ...props,
442
475
  children: [
443
- title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
444
- /* @__PURE__ */ jsx14(
476
+ title ? /* @__PURE__ */ jsx15("title", { id: titleId, children: title }) : null,
477
+ /* @__PURE__ */ jsx15(
445
478
  "path",
446
479
  {
447
480
  fill: "currentColor",
@@ -456,12 +489,12 @@ var SvgReadOnlyIcon = ({
456
489
  var ReadOnlyIcon_default = SvgReadOnlyIcon;
457
490
 
458
491
  // src/16/RedoIcon.tsx
459
- import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
492
+ import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
460
493
  var SvgRedoIcon = ({
461
494
  title,
462
495
  titleId,
463
496
  ...props
464
- }) => /* @__PURE__ */ jsxs15(
497
+ }) => /* @__PURE__ */ jsxs16(
465
498
  "svg",
466
499
  {
467
500
  xmlns: "http://www.w3.org/2000/svg",
@@ -472,8 +505,8 @@ var SvgRedoIcon = ({
472
505
  "aria-labelledby": titleId,
473
506
  ...props,
474
507
  children: [
475
- title ? /* @__PURE__ */ jsx15("title", { id: titleId, children: title }) : null,
476
- /* @__PURE__ */ jsx15(
508
+ title ? /* @__PURE__ */ jsx16("title", { id: titleId, children: title }) : null,
509
+ /* @__PURE__ */ jsx16(
477
510
  "path",
478
511
  {
479
512
  fill: "currentColor",
@@ -488,12 +521,12 @@ var SvgRedoIcon = ({
488
521
  var RedoIcon_default = SvgRedoIcon;
489
522
 
490
523
  // src/16/TrashIcon.tsx
491
- import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
524
+ import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
492
525
  var SvgTrashIcon = ({
493
526
  title,
494
527
  titleId,
495
528
  ...props
496
- }) => /* @__PURE__ */ jsxs16(
529
+ }) => /* @__PURE__ */ jsxs17(
497
530
  "svg",
498
531
  {
499
532
  xmlns: "http://www.w3.org/2000/svg",
@@ -504,8 +537,8 @@ var SvgTrashIcon = ({
504
537
  "aria-labelledby": titleId,
505
538
  ...props,
506
539
  children: [
507
- title ? /* @__PURE__ */ jsx16("title", { id: titleId, children: title }) : null,
508
- /* @__PURE__ */ jsx16("g", { clipPath: "url(#trash-icon_svg__a)", children: /* @__PURE__ */ jsx16(
540
+ title ? /* @__PURE__ */ jsx17("title", { id: titleId, children: title }) : null,
541
+ /* @__PURE__ */ jsx17("g", { clipPath: "url(#trash-icon_svg__a)", children: /* @__PURE__ */ jsx17(
509
542
  "path",
510
543
  {
511
544
  fill: "currentColor",
@@ -514,19 +547,19 @@ var SvgTrashIcon = ({
514
547
  clipRule: "evenodd"
515
548
  }
516
549
  ) }),
517
- /* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "trash-icon_svg__a", children: /* @__PURE__ */ jsx16("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
550
+ /* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: "trash-icon_svg__a", children: /* @__PURE__ */ jsx17("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
518
551
  ]
519
552
  }
520
553
  );
521
554
  var TrashIcon_default = SvgTrashIcon;
522
555
 
523
556
  // src/16/UndoIcon.tsx
524
- import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
557
+ import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
525
558
  var SvgUndoIcon = ({
526
559
  title,
527
560
  titleId,
528
561
  ...props
529
- }) => /* @__PURE__ */ jsxs17(
562
+ }) => /* @__PURE__ */ jsxs18(
530
563
  "svg",
531
564
  {
532
565
  xmlns: "http://www.w3.org/2000/svg",
@@ -537,8 +570,8 @@ var SvgUndoIcon = ({
537
570
  "aria-labelledby": titleId,
538
571
  ...props,
539
572
  children: [
540
- title ? /* @__PURE__ */ jsx17("title", { id: titleId, children: title }) : null,
541
- /* @__PURE__ */ jsx17(
573
+ title ? /* @__PURE__ */ jsx18("title", { id: titleId, children: title }) : null,
574
+ /* @__PURE__ */ jsx18(
542
575
  "path",
543
576
  {
544
577
  fill: "currentColor",
@@ -553,12 +586,12 @@ var SvgUndoIcon = ({
553
586
  var UndoIcon_default = SvgUndoIcon;
554
587
 
555
588
  // src/16/WarningFilledIcon.tsx
556
- import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
589
+ import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
557
590
  var SvgWarningFilledIcon = ({
558
591
  title,
559
592
  titleId,
560
593
  ...props
561
- }) => /* @__PURE__ */ jsxs18(
594
+ }) => /* @__PURE__ */ jsxs19(
562
595
  "svg",
563
596
  {
564
597
  xmlns: "http://www.w3.org/2000/svg",
@@ -569,8 +602,8 @@ var SvgWarningFilledIcon = ({
569
602
  "aria-labelledby": titleId,
570
603
  ...props,
571
604
  children: [
572
- title ? /* @__PURE__ */ jsx18("title", { id: titleId, children: title }) : null,
573
- /* @__PURE__ */ jsx18(
605
+ title ? /* @__PURE__ */ jsx19("title", { id: titleId, children: title }) : null,
606
+ /* @__PURE__ */ jsx19(
574
607
  "path",
575
608
  {
576
609
  fill: "currentColor",
@@ -585,12 +618,12 @@ var SvgWarningFilledIcon = ({
585
618
  var WarningFilledIcon_default = SvgWarningFilledIcon;
586
619
 
587
620
  // src/16/XIcon.tsx
588
- import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
621
+ import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
589
622
  var SvgXIcon = ({
590
623
  title,
591
624
  titleId,
592
625
  ...props
593
- }) => /* @__PURE__ */ jsxs19(
626
+ }) => /* @__PURE__ */ jsxs20(
594
627
  "svg",
595
628
  {
596
629
  xmlns: "http://www.w3.org/2000/svg",
@@ -601,8 +634,8 @@ var SvgXIcon = ({
601
634
  "aria-labelledby": titleId,
602
635
  ...props,
603
636
  children: [
604
- title ? /* @__PURE__ */ jsx19("title", { id: titleId, children: title }) : null,
605
- /* @__PURE__ */ jsx19("g", { clipPath: "url(#x-icon_svg__a)", children: /* @__PURE__ */ jsx19(
637
+ title ? /* @__PURE__ */ jsx20("title", { id: titleId, children: title }) : null,
638
+ /* @__PURE__ */ jsx20("g", { clipPath: "url(#x-icon_svg__a)", children: /* @__PURE__ */ jsx20(
606
639
  "path",
607
640
  {
608
641
  fill: "currentColor",
@@ -611,7 +644,7 @@ var SvgXIcon = ({
611
644
  clipRule: "evenodd"
612
645
  }
613
646
  ) }),
614
- /* @__PURE__ */ jsx19("defs", { children: /* @__PURE__ */ jsx19("clipPath", { id: "x-icon_svg__a", children: /* @__PURE__ */ jsx19("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
647
+ /* @__PURE__ */ jsx20("defs", { children: /* @__PURE__ */ jsx20("clipPath", { id: "x-icon_svg__a", children: /* @__PURE__ */ jsx20("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
615
648
  ]
616
649
  }
617
650
  );
@@ -628,6 +661,7 @@ export {
628
661
  ErrorFilledIcon_default as ErrorFilledIcon,
629
662
  InfoFilledIcon_default as InfoFilledIcon,
630
663
  MinusIcon_default as MinusIcon,
664
+ MoreIcon_default as MoreIcon,
631
665
  NoneIcon_default as NoneIcon,
632
666
  PlusIcon_default as PlusIcon,
633
667
  ReadOnlyIcon_default as ReadOnlyIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@baseline-ui/icons",
3
- "version": "0.7.0",
3
+ "version": "0.7.2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -21,7 +21,7 @@
21
21
  "@react-aria/utils": "^3.23.0",
22
22
  "dompurify": "^3.0.8",
23
23
  "react-aria": "^3.31.1",
24
- "@baseline-ui/utils": "0.7.0"
24
+ "@baseline-ui/utils": "0.7.2"
25
25
  },
26
26
  "devDependencies": {
27
27
  "@svgr/cli": "^8.1.0",