@mirohq/design-system-icons 0.2.2 → 0.3.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/dist/main.js +593 -18
- package/dist/main.js.map +1 -1
- package/dist/module.js +572 -19
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +45 -1
- package/package.json +1 -1
- package/react/arrow-down.tsx +1 -1
- package/react/arrow-fat-right.tsx +32 -0
- package/react/arrow-up.tsx +1 -1
- package/react/chat.tsx +32 -0
- package/react/circle-motion-x.tsx +33 -0
- package/react/circle.tsx +32 -0
- package/react/exclamation-point-circle.tsx +2 -2
- package/react/funnel.tsx +33 -0
- package/react/index.ts +22 -0
- package/react/information-mark-circle.tsx +1 -1
- package/react/line-diagonal.tsx +33 -0
- package/react/microphone-slash.tsx +33 -0
- package/react/microphone.tsx +33 -0
- package/react/parallelogram.tsx +32 -0
- package/react/pause-circle.tsx +33 -0
- package/react/play-circle.tsx +26 -0
- package/react/playback-speed-circle.tsx +31 -0
- package/react/rhombus.tsx +32 -0
- package/react/shapes.tsx +33 -0
- package/react/sliders-x.tsx +33 -0
- package/react/sliders-y.tsx +33 -0
- package/react/speaker-cross.tsx +33 -0
- package/react/speaker-high.tsx +33 -0
- package/react/square-rounded.tsx +32 -0
- package/react/square.tsx +32 -0
- package/react/stop-circle.tsx +25 -0
- package/react/triangle.tsx +32 -0
- package/react/wallet.tsx +1 -1
- package/svg/24/arrow-down.svg +1 -1
- package/svg/24/arrow-fat-right.svg +1 -0
- package/svg/24/arrow-up.svg +1 -1
- package/svg/24/chat.svg +1 -0
- package/svg/24/circle-motion-x.svg +1 -0
- package/svg/24/circle.svg +1 -0
- package/svg/24/exclamation-point-circle.svg +1 -1
- package/svg/24/funnel.svg +1 -0
- package/svg/24/information-mark-circle.svg +1 -1
- package/svg/24/line-diagonal.svg +1 -0
- package/svg/24/microphone-slash.svg +1 -0
- package/svg/24/microphone.svg +1 -0
- package/svg/24/parallelogram.svg +1 -0
- package/svg/24/pause-circle.svg +1 -0
- package/svg/24/play-circle.svg +1 -0
- package/svg/24/playback-speed-circle.svg +1 -0
- package/svg/24/rhombus.svg +1 -0
- package/svg/24/shapes.svg +1 -0
- package/svg/24/sliders-x.svg +1 -0
- package/svg/24/sliders-y.svg +1 -0
- package/svg/24/speaker-cross.svg +1 -0
- package/svg/24/speaker-high.svg +1 -0
- package/svg/24/square-rounded.svg +1 -0
- package/svg/24/square.svg +1 -0
- package/svg/24/stop-circle.svg +1 -0
- package/svg/24/triangle.svg +1 -0
- package/svg/24/wallet.svg +1 -1
- package/svg/meta.json +143 -0
package/dist/module.js
CHANGED
|
@@ -94,11 +94,36 @@ const IconArrowDown = forwardRef(
|
|
|
94
94
|
stroke: "currentColor",
|
|
95
95
|
strokeLinecap: "round",
|
|
96
96
|
strokeWidth: 2,
|
|
97
|
-
d: "M12
|
|
97
|
+
d: "M12.205 3.205v17m-7-6.41 7 7 7-7"
|
|
98
98
|
})
|
|
99
99
|
)
|
|
100
100
|
);
|
|
101
101
|
|
|
102
|
+
const IconArrowFatRight = forwardRef(
|
|
103
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
104
|
+
StyledIcon,
|
|
105
|
+
{
|
|
106
|
+
...props,
|
|
107
|
+
size,
|
|
108
|
+
viewBox: "0 0 24 24",
|
|
109
|
+
fill: "none",
|
|
110
|
+
ref: forwardRef2
|
|
111
|
+
},
|
|
112
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
113
|
+
clipPath: "url(#a)"
|
|
114
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
115
|
+
stroke: "currentColor",
|
|
116
|
+
strokeWidth: 2,
|
|
117
|
+
d: "M11 7H3.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25H11v3.937c0 .216.257.33.418.185L21.5 12 11.418 2.878a.25.25 0 0 0-.418.185V7Z"
|
|
118
|
+
})),
|
|
119
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
120
|
+
id: "a"
|
|
121
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
122
|
+
d: "M0 0h24v24H0z"
|
|
123
|
+
})))
|
|
124
|
+
)
|
|
125
|
+
);
|
|
126
|
+
|
|
102
127
|
const IconArrowLeft = forwardRef(
|
|
103
128
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
104
129
|
StyledIcon,
|
|
@@ -189,7 +214,7 @@ const IconArrowUp = forwardRef(
|
|
|
189
214
|
stroke: "currentColor",
|
|
190
215
|
strokeLinecap: "round",
|
|
191
216
|
strokeWidth: 2,
|
|
192
|
-
d: "M12
|
|
217
|
+
d: "M12.205 20.795v-17m7 6.41-7-7-7 7"
|
|
193
218
|
})
|
|
194
219
|
)
|
|
195
220
|
);
|
|
@@ -213,6 +238,31 @@ const IconBarThree = forwardRef(
|
|
|
213
238
|
)
|
|
214
239
|
);
|
|
215
240
|
|
|
241
|
+
const IconChat = forwardRef(
|
|
242
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
243
|
+
StyledIcon,
|
|
244
|
+
{
|
|
245
|
+
...props,
|
|
246
|
+
size,
|
|
247
|
+
viewBox: "0 0 24 24",
|
|
248
|
+
fill: "none",
|
|
249
|
+
ref: forwardRef2
|
|
250
|
+
},
|
|
251
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
252
|
+
clipPath: "url(#a)"
|
|
253
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
254
|
+
stroke: "currentColor",
|
|
255
|
+
strokeWidth: 2,
|
|
256
|
+
d: "m12 18.5-3.847 2.404A.1.1 0 0 1 8 20.82V18.5H5.5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2H12Z"
|
|
257
|
+
})),
|
|
258
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
259
|
+
id: "a"
|
|
260
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
261
|
+
d: "M0 0h24v24H0z"
|
|
262
|
+
})))
|
|
263
|
+
)
|
|
264
|
+
);
|
|
265
|
+
|
|
216
266
|
const IconCheckMark = forwardRef(
|
|
217
267
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
218
268
|
StyledIcon,
|
|
@@ -308,6 +358,57 @@ const IconChevronUp = forwardRef(
|
|
|
308
358
|
)
|
|
309
359
|
);
|
|
310
360
|
|
|
361
|
+
const IconCircleMotionX = forwardRef(
|
|
362
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
363
|
+
StyledIcon,
|
|
364
|
+
{
|
|
365
|
+
...props,
|
|
366
|
+
size,
|
|
367
|
+
viewBox: "0 0 24 24",
|
|
368
|
+
fill: "none",
|
|
369
|
+
ref: forwardRef2
|
|
370
|
+
},
|
|
371
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
372
|
+
clipPath: "url(#a)"
|
|
373
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
374
|
+
stroke: "currentColor",
|
|
375
|
+
strokeLinecap: "round",
|
|
376
|
+
strokeWidth: 2,
|
|
377
|
+
d: "M3.5 6H5m3 0h7m0 0a6 6 0 1 0 0 12 6 6 0 0 0 0-12ZM2.5 10H9m-6 4h1m3 0h2m-5 4h10.5"
|
|
378
|
+
})),
|
|
379
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
380
|
+
id: "a"
|
|
381
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
382
|
+
d: "M0 0h24v24H0z"
|
|
383
|
+
})))
|
|
384
|
+
)
|
|
385
|
+
);
|
|
386
|
+
|
|
387
|
+
const IconCircle = forwardRef(
|
|
388
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
389
|
+
StyledIcon,
|
|
390
|
+
{
|
|
391
|
+
...props,
|
|
392
|
+
size,
|
|
393
|
+
viewBox: "0 0 24 24",
|
|
394
|
+
fill: "none",
|
|
395
|
+
ref: forwardRef2
|
|
396
|
+
},
|
|
397
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
398
|
+
clipPath: "url(#a)"
|
|
399
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
400
|
+
stroke: "currentColor",
|
|
401
|
+
strokeWidth: 2,
|
|
402
|
+
d: "M20.5 12c0 4.97-3.53 8.5-8.5 8.5-4.97 0-8.5-3.53-8.5-8.5 0-4.97 3.53-8.5 8.5-8.5 4.97 0 8.5 3.53 8.5 8.5Z"
|
|
403
|
+
})),
|
|
404
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
405
|
+
id: "a"
|
|
406
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
407
|
+
d: "M0 0h24v24H0z"
|
|
408
|
+
})))
|
|
409
|
+
)
|
|
410
|
+
);
|
|
411
|
+
|
|
311
412
|
const IconCog = forwardRef(
|
|
312
413
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
313
414
|
StyledIcon,
|
|
@@ -402,21 +503,45 @@ const IconExclamationPointCircle = forwardRef(
|
|
|
402
503
|
fill: "none",
|
|
403
504
|
ref: forwardRef2
|
|
404
505
|
},
|
|
405
|
-
/* @__PURE__ */ React.createElement("circle", {
|
|
406
|
-
cx: 12,
|
|
407
|
-
cy: 15.5,
|
|
408
|
-
r: 1,
|
|
409
|
-
fill: "currentColor"
|
|
410
|
-
}),
|
|
411
506
|
/* @__PURE__ */ React.createElement("path", {
|
|
412
507
|
stroke: "currentColor",
|
|
413
508
|
strokeLinecap: "round",
|
|
414
509
|
strokeWidth: 2,
|
|
415
510
|
d: "M12 8v4m9 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
|
|
511
|
+
}),
|
|
512
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
513
|
+
fill: "currentColor",
|
|
514
|
+
d: "M13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
|
|
416
515
|
})
|
|
417
516
|
)
|
|
418
517
|
);
|
|
419
518
|
|
|
519
|
+
const IconFunnel = forwardRef(
|
|
520
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
521
|
+
StyledIcon,
|
|
522
|
+
{
|
|
523
|
+
...props,
|
|
524
|
+
size,
|
|
525
|
+
viewBox: "0 0 24 24",
|
|
526
|
+
fill: "none",
|
|
527
|
+
ref: forwardRef2
|
|
528
|
+
},
|
|
529
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
530
|
+
clipPath: "url(#a)"
|
|
531
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
532
|
+
stroke: "currentColor",
|
|
533
|
+
strokeLinecap: "round",
|
|
534
|
+
strokeWidth: 2,
|
|
535
|
+
d: "M19.772 4H4.228a.1.1 0 0 0-.073.168L10 10.5V19l3.447-1.724a1 1 0 0 0 .553-.894V10.5l5.845-6.332A.1.1 0 0 0 19.772 4Z"
|
|
536
|
+
})),
|
|
537
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
538
|
+
id: "a"
|
|
539
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
540
|
+
d: "M0 0h24v24H0z"
|
|
541
|
+
})))
|
|
542
|
+
)
|
|
543
|
+
);
|
|
544
|
+
|
|
420
545
|
const IconGlobe = forwardRef(
|
|
421
546
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
422
547
|
StyledIcon,
|
|
@@ -463,11 +588,9 @@ const IconInformationMarkCircle = forwardRef(
|
|
|
463
588
|
fill: "none",
|
|
464
589
|
ref: forwardRef2
|
|
465
590
|
},
|
|
466
|
-
/* @__PURE__ */ React.createElement("
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
r: 1,
|
|
470
|
-
fill: "currentColor"
|
|
591
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
592
|
+
fill: "currentColor",
|
|
593
|
+
d: "M13 8.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
|
|
471
594
|
}),
|
|
472
595
|
/* @__PURE__ */ React.createElement("path", {
|
|
473
596
|
stroke: "currentColor",
|
|
@@ -478,6 +601,32 @@ const IconInformationMarkCircle = forwardRef(
|
|
|
478
601
|
)
|
|
479
602
|
);
|
|
480
603
|
|
|
604
|
+
const IconLineDiagonal = forwardRef(
|
|
605
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
606
|
+
StyledIcon,
|
|
607
|
+
{
|
|
608
|
+
...props,
|
|
609
|
+
size,
|
|
610
|
+
viewBox: "0 0 24 24",
|
|
611
|
+
fill: "none",
|
|
612
|
+
ref: forwardRef2
|
|
613
|
+
},
|
|
614
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
615
|
+
clipPath: "url(#a)"
|
|
616
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
617
|
+
stroke: "currentColor",
|
|
618
|
+
strokeLinecap: "round",
|
|
619
|
+
strokeWidth: 2,
|
|
620
|
+
d: "M4 20 20 4"
|
|
621
|
+
})),
|
|
622
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
623
|
+
id: "a"
|
|
624
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
625
|
+
d: "M0 0h24v24H0z"
|
|
626
|
+
})))
|
|
627
|
+
)
|
|
628
|
+
);
|
|
629
|
+
|
|
481
630
|
const IconLink = forwardRef(
|
|
482
631
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
483
632
|
StyledIcon,
|
|
@@ -566,6 +715,58 @@ const IconMagnifyingGlass = forwardRef(
|
|
|
566
715
|
)
|
|
567
716
|
);
|
|
568
717
|
|
|
718
|
+
const IconMicrophoneSlash = forwardRef(
|
|
719
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
720
|
+
StyledIcon,
|
|
721
|
+
{
|
|
722
|
+
...props,
|
|
723
|
+
size,
|
|
724
|
+
viewBox: "0 0 24 24",
|
|
725
|
+
fill: "none",
|
|
726
|
+
ref: forwardRef2
|
|
727
|
+
},
|
|
728
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
729
|
+
clipPath: "url(#a)"
|
|
730
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
731
|
+
stroke: "currentColor",
|
|
732
|
+
strokeLinecap: "round",
|
|
733
|
+
strokeWidth: 2,
|
|
734
|
+
d: "M19 8v3a7 7 0 0 1-7 7m0 0v3m0-3a6.984 6.984 0 0 1-5.284-2.409M15 7v4a3 3 0 0 1-5.387 1.818M15 7 4 18M15 7l4-4M5 8v3c0 .34.024.673.07 1M9 7.5V6a3 3 0 0 1 4.5-2.599"
|
|
735
|
+
})),
|
|
736
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
737
|
+
id: "a"
|
|
738
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
739
|
+
d: "M0 0h24v24H0z"
|
|
740
|
+
})))
|
|
741
|
+
)
|
|
742
|
+
);
|
|
743
|
+
|
|
744
|
+
const IconMicrophone = forwardRef(
|
|
745
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
746
|
+
StyledIcon,
|
|
747
|
+
{
|
|
748
|
+
...props,
|
|
749
|
+
size,
|
|
750
|
+
viewBox: "0 0 24 24",
|
|
751
|
+
fill: "none",
|
|
752
|
+
ref: forwardRef2
|
|
753
|
+
},
|
|
754
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
755
|
+
clipPath: "url(#a)"
|
|
756
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
757
|
+
stroke: "currentColor",
|
|
758
|
+
strokeLinecap: "round",
|
|
759
|
+
strokeWidth: 2,
|
|
760
|
+
d: "M5 8v3a7 7 0 0 0 7 7m7-10v3a7 7 0 0 1-7 7m0 0v3m3-15v5a3 3 0 1 1-6 0V6a3 3 0 1 1 6 0Z"
|
|
761
|
+
})),
|
|
762
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
763
|
+
id: "a"
|
|
764
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
765
|
+
d: "M0 0h24v24H0z"
|
|
766
|
+
})))
|
|
767
|
+
)
|
|
768
|
+
);
|
|
769
|
+
|
|
569
770
|
const IconMinus = forwardRef(
|
|
570
771
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
571
772
|
StyledIcon,
|
|
@@ -585,6 +786,57 @@ const IconMinus = forwardRef(
|
|
|
585
786
|
)
|
|
586
787
|
);
|
|
587
788
|
|
|
789
|
+
const IconParallelogram = forwardRef(
|
|
790
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
791
|
+
StyledIcon,
|
|
792
|
+
{
|
|
793
|
+
...props,
|
|
794
|
+
size,
|
|
795
|
+
viewBox: "0 0 24 24",
|
|
796
|
+
fill: "none",
|
|
797
|
+
ref: forwardRef2
|
|
798
|
+
},
|
|
799
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
800
|
+
clipPath: "url(#a)"
|
|
801
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
802
|
+
stroke: "currentColor",
|
|
803
|
+
strokeWidth: 2,
|
|
804
|
+
d: "M21.68 4H6.195a.25.25 0 0 0-.242.19l-3.875 15.5a.25.25 0 0 0 .242.31h15.485a.25.25 0 0 0 .242-.19l3.875-15.5A.25.25 0 0 0 21.68 4Z"
|
|
805
|
+
})),
|
|
806
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
807
|
+
id: "a"
|
|
808
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
809
|
+
d: "M0 0h24v24H0z"
|
|
810
|
+
})))
|
|
811
|
+
)
|
|
812
|
+
);
|
|
813
|
+
|
|
814
|
+
const IconPauseCircle = forwardRef(
|
|
815
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
816
|
+
StyledIcon,
|
|
817
|
+
{
|
|
818
|
+
...props,
|
|
819
|
+
size,
|
|
820
|
+
viewBox: "0 0 24 24",
|
|
821
|
+
fill: "none",
|
|
822
|
+
ref: forwardRef2
|
|
823
|
+
},
|
|
824
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
825
|
+
clipPath: "url(#a)"
|
|
826
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
827
|
+
stroke: "currentColor",
|
|
828
|
+
strokeLinecap: "round",
|
|
829
|
+
strokeWidth: 2,
|
|
830
|
+
d: "M13.889 9.167v5.666M10.11 9.167v5.666M20.5 12a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"
|
|
831
|
+
})),
|
|
832
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
833
|
+
id: "a"
|
|
834
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
835
|
+
d: "M0 0h24v24H0z"
|
|
836
|
+
})))
|
|
837
|
+
)
|
|
838
|
+
);
|
|
839
|
+
|
|
588
840
|
const IconPlaceholder = forwardRef(
|
|
589
841
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
590
842
|
StyledIcon,
|
|
@@ -604,6 +856,55 @@ const IconPlaceholder = forwardRef(
|
|
|
604
856
|
)
|
|
605
857
|
);
|
|
606
858
|
|
|
859
|
+
const IconPlayCircle = forwardRef(
|
|
860
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
861
|
+
StyledIcon,
|
|
862
|
+
{
|
|
863
|
+
...props,
|
|
864
|
+
size,
|
|
865
|
+
viewBox: "0 0 24 24",
|
|
866
|
+
fill: "none",
|
|
867
|
+
ref: forwardRef2
|
|
868
|
+
},
|
|
869
|
+
/* @__PURE__ */ React.createElement("circle", {
|
|
870
|
+
cx: 12,
|
|
871
|
+
cy: 12,
|
|
872
|
+
r: 8.5,
|
|
873
|
+
stroke: "currentColor",
|
|
874
|
+
strokeWidth: 2
|
|
875
|
+
}),
|
|
876
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
877
|
+
fill: "currentColor",
|
|
878
|
+
stroke: "currentColor",
|
|
879
|
+
d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
|
|
880
|
+
})
|
|
881
|
+
)
|
|
882
|
+
);
|
|
883
|
+
|
|
884
|
+
const IconPlaybackSpeedCircle = forwardRef(
|
|
885
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
886
|
+
StyledIcon,
|
|
887
|
+
{
|
|
888
|
+
...props,
|
|
889
|
+
size,
|
|
890
|
+
viewBox: "0 0 24 24",
|
|
891
|
+
fill: "none",
|
|
892
|
+
ref: forwardRef2
|
|
893
|
+
},
|
|
894
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
895
|
+
stroke: "currentColor",
|
|
896
|
+
strokeLinecap: "round",
|
|
897
|
+
strokeWidth: 2,
|
|
898
|
+
d: "M10.583 3.618a8.5 8.5 0 1 1 .173 16.792M7.3 4.917a8.547 8.547 0 0 0-2.222 2.15m-1.444 3.421a8.55 8.55 0 0 0-.016 2.929m1.479 3.543a8.55 8.55 0 0 0 1.709 1.769"
|
|
899
|
+
}),
|
|
900
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
901
|
+
fill: "currentColor",
|
|
902
|
+
stroke: "currentColor",
|
|
903
|
+
d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
|
|
904
|
+
})
|
|
905
|
+
)
|
|
906
|
+
);
|
|
907
|
+
|
|
607
908
|
const IconPlug = forwardRef(
|
|
608
909
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
609
910
|
StyledIcon,
|
|
@@ -661,6 +962,109 @@ const IconQuestionMarkCircle = forwardRef(
|
|
|
661
962
|
)
|
|
662
963
|
);
|
|
663
964
|
|
|
965
|
+
const IconRhombus = forwardRef(
|
|
966
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
967
|
+
StyledIcon,
|
|
968
|
+
{
|
|
969
|
+
...props,
|
|
970
|
+
size,
|
|
971
|
+
viewBox: "0 0 24 24",
|
|
972
|
+
fill: "none",
|
|
973
|
+
ref: forwardRef2
|
|
974
|
+
},
|
|
975
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
976
|
+
clipPath: "url(#a)"
|
|
977
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
978
|
+
stroke: "currentColor",
|
|
979
|
+
strokeWidth: 2,
|
|
980
|
+
d: "m11.823 3.177-8.646 8.646a.25.25 0 0 0 0 .354l8.646 8.646a.25.25 0 0 0 .354 0l8.646-8.646a.25.25 0 0 0 0-.354l-8.646-8.646a.25.25 0 0 0-.354 0Z"
|
|
981
|
+
})),
|
|
982
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
983
|
+
id: "a"
|
|
984
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
985
|
+
d: "M0 0h24v24H0z"
|
|
986
|
+
})))
|
|
987
|
+
)
|
|
988
|
+
);
|
|
989
|
+
|
|
990
|
+
const IconShapes = forwardRef(
|
|
991
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
992
|
+
StyledIcon,
|
|
993
|
+
{
|
|
994
|
+
...props,
|
|
995
|
+
size,
|
|
996
|
+
viewBox: "0 0 24 24",
|
|
997
|
+
fill: "none",
|
|
998
|
+
ref: forwardRef2
|
|
999
|
+
},
|
|
1000
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1001
|
+
clipPath: "url(#a)"
|
|
1002
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1003
|
+
stroke: "currentColor",
|
|
1004
|
+
strokeLinecap: "round",
|
|
1005
|
+
strokeWidth: 2,
|
|
1006
|
+
d: "M8 9.5a6.5 6.5 0 1 1 6.5 6.5M3.25 10h10.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25H3.25a.25.25 0 0 1-.25-.25v-10.5a.25.25 0 0 1 .25-.25Z"
|
|
1007
|
+
})),
|
|
1008
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1009
|
+
id: "a"
|
|
1010
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1011
|
+
d: "M0 0h24v24H0z"
|
|
1012
|
+
})))
|
|
1013
|
+
)
|
|
1014
|
+
);
|
|
1015
|
+
|
|
1016
|
+
const IconSlidersX = forwardRef(
|
|
1017
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1018
|
+
StyledIcon,
|
|
1019
|
+
{
|
|
1020
|
+
...props,
|
|
1021
|
+
size,
|
|
1022
|
+
viewBox: "0 0 24 24",
|
|
1023
|
+
fill: "none",
|
|
1024
|
+
ref: forwardRef2
|
|
1025
|
+
},
|
|
1026
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1027
|
+
clipPath: "url(#a)"
|
|
1028
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1029
|
+
stroke: "currentColor",
|
|
1030
|
+
strokeLinecap: "round",
|
|
1031
|
+
strokeWidth: 2,
|
|
1032
|
+
d: "M20 8h-5M9 8H4m11.5 8H4m8-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm6 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
|
|
1033
|
+
})),
|
|
1034
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1035
|
+
id: "a"
|
|
1036
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1037
|
+
d: "M0 0h24v24H0z"
|
|
1038
|
+
})))
|
|
1039
|
+
)
|
|
1040
|
+
);
|
|
1041
|
+
|
|
1042
|
+
const IconSlidersY = forwardRef(
|
|
1043
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1044
|
+
StyledIcon,
|
|
1045
|
+
{
|
|
1046
|
+
...props,
|
|
1047
|
+
size,
|
|
1048
|
+
viewBox: "0 0 24 24",
|
|
1049
|
+
fill: "none",
|
|
1050
|
+
ref: forwardRef2
|
|
1051
|
+
},
|
|
1052
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1053
|
+
clipPath: "url(#a)"
|
|
1054
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1055
|
+
stroke: "currentColor",
|
|
1056
|
+
strokeLinecap: "round",
|
|
1057
|
+
strokeWidth: 2,
|
|
1058
|
+
d: "M5 5v4m0 6v4m7-14v10m0 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7-5.5V19M7 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm14-5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
|
|
1059
|
+
})),
|
|
1060
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1061
|
+
id: "a"
|
|
1062
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1063
|
+
d: "M0 0h24v24H0z"
|
|
1064
|
+
})))
|
|
1065
|
+
)
|
|
1066
|
+
);
|
|
1067
|
+
|
|
664
1068
|
const IconSocialFacebook = forwardRef(
|
|
665
1069
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
666
1070
|
StyledIcon,
|
|
@@ -752,6 +1156,157 @@ const IconSocialYoutube = forwardRef(
|
|
|
752
1156
|
)
|
|
753
1157
|
);
|
|
754
1158
|
|
|
1159
|
+
const IconSpeakerCross = forwardRef(
|
|
1160
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1161
|
+
StyledIcon,
|
|
1162
|
+
{
|
|
1163
|
+
...props,
|
|
1164
|
+
size,
|
|
1165
|
+
viewBox: "0 0 24 24",
|
|
1166
|
+
fill: "none",
|
|
1167
|
+
ref: forwardRef2
|
|
1168
|
+
},
|
|
1169
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1170
|
+
clipPath: "url(#a)"
|
|
1171
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1172
|
+
stroke: "currentColor",
|
|
1173
|
+
strokeLinecap: "round",
|
|
1174
|
+
strokeWidth: 2,
|
|
1175
|
+
d: "m21 9.5-5 5m0-5 5 5M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"
|
|
1176
|
+
})),
|
|
1177
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1178
|
+
id: "a"
|
|
1179
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1180
|
+
d: "M0 0h24v24H0z"
|
|
1181
|
+
})))
|
|
1182
|
+
)
|
|
1183
|
+
);
|
|
1184
|
+
|
|
1185
|
+
const IconSpeakerHigh = forwardRef(
|
|
1186
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1187
|
+
StyledIcon,
|
|
1188
|
+
{
|
|
1189
|
+
...props,
|
|
1190
|
+
size,
|
|
1191
|
+
viewBox: "0 0 24 24",
|
|
1192
|
+
fill: "none",
|
|
1193
|
+
ref: forwardRef2
|
|
1194
|
+
},
|
|
1195
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1196
|
+
clipPath: "url(#a)"
|
|
1197
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1198
|
+
stroke: "currentColor",
|
|
1199
|
+
strokeLinecap: "round",
|
|
1200
|
+
strokeWidth: 2,
|
|
1201
|
+
d: "M16 10v4m3-8.5V18M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"
|
|
1202
|
+
})),
|
|
1203
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1204
|
+
id: "a"
|
|
1205
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1206
|
+
d: "M0 0h24v24H0z"
|
|
1207
|
+
})))
|
|
1208
|
+
)
|
|
1209
|
+
);
|
|
1210
|
+
|
|
1211
|
+
const IconSquareRounded = forwardRef(
|
|
1212
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1213
|
+
StyledIcon,
|
|
1214
|
+
{
|
|
1215
|
+
...props,
|
|
1216
|
+
size,
|
|
1217
|
+
viewBox: "0 0 24 24",
|
|
1218
|
+
fill: "none",
|
|
1219
|
+
ref: forwardRef2
|
|
1220
|
+
},
|
|
1221
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1222
|
+
clipPath: "url(#a)"
|
|
1223
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1224
|
+
stroke: "currentColor",
|
|
1225
|
+
strokeWidth: 2,
|
|
1226
|
+
d: "M16 4H8a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4Z"
|
|
1227
|
+
})),
|
|
1228
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1229
|
+
id: "a"
|
|
1230
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1231
|
+
d: "M0 0h24v24H0z"
|
|
1232
|
+
})))
|
|
1233
|
+
)
|
|
1234
|
+
);
|
|
1235
|
+
|
|
1236
|
+
const IconSquare = forwardRef(
|
|
1237
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1238
|
+
StyledIcon,
|
|
1239
|
+
{
|
|
1240
|
+
...props,
|
|
1241
|
+
size,
|
|
1242
|
+
viewBox: "0 0 24 24",
|
|
1243
|
+
fill: "none",
|
|
1244
|
+
ref: forwardRef2
|
|
1245
|
+
},
|
|
1246
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1247
|
+
clipPath: "url(#a)"
|
|
1248
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1249
|
+
stroke: "currentColor",
|
|
1250
|
+
strokeWidth: 2,
|
|
1251
|
+
d: "M19.75 4H4.25a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h15.5a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"
|
|
1252
|
+
})),
|
|
1253
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1254
|
+
id: "a"
|
|
1255
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1256
|
+
d: "M0 0h24v24H0z"
|
|
1257
|
+
})))
|
|
1258
|
+
)
|
|
1259
|
+
);
|
|
1260
|
+
|
|
1261
|
+
const IconStopCircle = forwardRef(
|
|
1262
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1263
|
+
StyledIcon,
|
|
1264
|
+
{
|
|
1265
|
+
...props,
|
|
1266
|
+
size,
|
|
1267
|
+
viewBox: "0 0 24 24",
|
|
1268
|
+
fill: "none",
|
|
1269
|
+
ref: forwardRef2
|
|
1270
|
+
},
|
|
1271
|
+
/* @__PURE__ */ React.createElement("circle", {
|
|
1272
|
+
cx: 12,
|
|
1273
|
+
cy: 12,
|
|
1274
|
+
r: 8.5,
|
|
1275
|
+
stroke: "currentColor",
|
|
1276
|
+
strokeWidth: 2
|
|
1277
|
+
}),
|
|
1278
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
1279
|
+
fill: "currentColor",
|
|
1280
|
+
d: "M9 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4Z"
|
|
1281
|
+
})
|
|
1282
|
+
)
|
|
1283
|
+
);
|
|
1284
|
+
|
|
1285
|
+
const IconTriangle = forwardRef(
|
|
1286
|
+
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
1287
|
+
StyledIcon,
|
|
1288
|
+
{
|
|
1289
|
+
...props,
|
|
1290
|
+
size,
|
|
1291
|
+
viewBox: "0 0 24 24",
|
|
1292
|
+
fill: "none",
|
|
1293
|
+
ref: forwardRef2
|
|
1294
|
+
},
|
|
1295
|
+
/* @__PURE__ */ React.createElement("g", {
|
|
1296
|
+
clipPath: "url(#a)"
|
|
1297
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1298
|
+
stroke: "currentColor",
|
|
1299
|
+
strokeWidth: 2,
|
|
1300
|
+
d: "M20.58 20.526H3.4a.25.25 0 0 1-.225-.359l8.138-16.729a.25.25 0 0 1 .445-.01l9.043 16.73a.25.25 0 0 1-.22.368Z"
|
|
1301
|
+
})),
|
|
1302
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
|
|
1303
|
+
id: "a"
|
|
1304
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
1305
|
+
d: "M0 0h24v24H0z"
|
|
1306
|
+
})))
|
|
1307
|
+
)
|
|
1308
|
+
);
|
|
1309
|
+
|
|
755
1310
|
const IconUserAdd = forwardRef(
|
|
756
1311
|
({ size = "medium", ...props }, forwardRef2) => createElement(
|
|
757
1312
|
StyledIcon,
|
|
@@ -825,14 +1380,12 @@ const IconWallet = forwardRef(
|
|
|
825
1380
|
strokeWidth: 2,
|
|
826
1381
|
d: "M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z"
|
|
827
1382
|
}),
|
|
828
|
-
/* @__PURE__ */ React.createElement("
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
r: 1.5,
|
|
832
|
-
fill: "currentColor"
|
|
1383
|
+
/* @__PURE__ */ React.createElement("path", {
|
|
1384
|
+
fill: "currentColor",
|
|
1385
|
+
d: "M17 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
|
|
833
1386
|
})
|
|
834
1387
|
)
|
|
835
1388
|
);
|
|
836
1389
|
|
|
837
|
-
export { IconArrowBoxOut, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpLeft, IconArrowUpRight, IconBarThree, IconCheckMark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCog, IconCross, IconCrossCircle, IconEnvelope, IconExclamationPointCircle, IconGlobe, IconHouse, IconInformationMarkCircle, IconLink, IconLockClosed, IconLockOpen, IconMagnifyingGlass, IconMinus, IconPlaceholder, IconPlug, IconPlus, IconQuestionMarkCircle, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconUser, IconUserAdd, IconUsers, IconWallet };
|
|
1390
|
+
export { IconArrowBoxOut, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowFatRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpLeft, IconArrowUpRight, IconBarThree, IconChat, IconCheckMark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircle, IconCircleMotionX, IconCog, IconCross, IconCrossCircle, IconEnvelope, IconExclamationPointCircle, IconFunnel, IconGlobe, IconHouse, IconInformationMarkCircle, IconLineDiagonal, IconLink, IconLockClosed, IconLockOpen, IconMagnifyingGlass, IconMicrophone, IconMicrophoneSlash, IconMinus, IconParallelogram, IconPauseCircle, IconPlaceholder, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconQuestionMarkCircle, IconRhombus, IconShapes, IconSlidersX, IconSlidersY, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconSpeakerCross, IconSpeakerHigh, IconSquare, IconSquareRounded, IconStopCircle, IconTriangle, IconUser, IconUserAdd, IconUsers, IconWallet };
|
|
838
1391
|
//# sourceMappingURL=module.js.map
|