@mirohq/design-system-icons 1.3.0 → 1.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.
- package/dist/main.js +57 -47
- package/dist/main.js.map +1 -1
- package/dist/module.js +54 -45
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +7 -5
- package/package.json +2 -2
- package/react/align-bottom.tsx +1 -5
- package/react/align-top.tsx +1 -5
- package/react/arrow-box-left.tsx +2 -2
- package/react/index.ts +4 -3
- package/react/{video-camera-simple-circle.tsx → mic-lines-dot.tsx} +4 -4
- package/react/squares-two-overlap.tsx +4 -2
- package/react/{microphone-document.tsx → video-camera-dot.tsx} +4 -8
- package/react/{video-camera-simple-mic.tsx → video-camera-lines-dot.tsx} +4 -8
- package/react/video-camera-lines.tsx +40 -0
- package/svg/24/align-bottom.svg +1 -1
- package/svg/24/align-top.svg +1 -1
- package/svg/24/arrow-box-left.svg +1 -1
- package/svg/24/mic-lines-dot.svg +2 -0
- package/svg/24/squares-two-overlap.svg +1 -1
- package/svg/24/video-camera-dot.svg +2 -0
- package/svg/24/video-camera-lines-dot.svg +2 -0
- package/svg/24/video-camera-lines.svg +2 -0
- package/svg/meta.json +1 -26
- package/svg/24/microphone-document.svg +0 -2
- package/svg/24/video-camera-simple-circle.svg +0 -2
- package/svg/24/video-camera-simple-mic.svg +0 -2
package/dist/main.js
CHANGED
|
@@ -187,14 +187,7 @@ const IconAlignBottom = react.forwardRef(
|
|
|
187
187
|
"path",
|
|
188
188
|
{
|
|
189
189
|
fill: "currentColor",
|
|
190
|
-
d: "M3 22v-2h18v2h-18ZM10.9998
|
|
191
|
-
}
|
|
192
|
-
),
|
|
193
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
194
|
-
"path",
|
|
195
|
-
{
|
|
196
|
-
fill: "currentColor",
|
|
197
|
-
d: "m16.293 11.293-4.293 4.2929-4.293-4.2929-1.414 1.414 5 5h1.414l5-5-1.414-1.414Z"
|
|
190
|
+
d: "M3 22v-2h18v2h-18ZM10.9998 4v10.5857l-3.2928-3.2927-1.414 1.414 5 5h1.414l5-5-1.414-1.414-3.2932 3.2932v-10.5862h-2Z"
|
|
198
191
|
}
|
|
199
192
|
)
|
|
200
193
|
);
|
|
@@ -376,14 +369,7 @@ const IconAlignTop = react.forwardRef(
|
|
|
376
369
|
"path",
|
|
377
370
|
{
|
|
378
371
|
fill: "currentColor",
|
|
379
|
-
d: "M21 3v2h-18v-
|
|
380
|
-
}
|
|
381
|
-
),
|
|
382
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
383
|
-
"path",
|
|
384
|
-
{
|
|
385
|
-
fill: "currentColor",
|
|
386
|
-
d: "m7.707 13.707 4.293-4.293 4.293 4.293 1.414-1.414-5-5h-1.414l-5 5 1.414 1.414Z"
|
|
372
|
+
d: "M21 3v2h-18v-2h18ZM16.293 13.707l-3.2928-3.2927v10.5857h-2v-10.5862l-3.2932 3.2932-1.414-1.414 5-5h1.414l5 5-1.414 1.414Z"
|
|
387
373
|
}
|
|
388
374
|
)
|
|
389
375
|
);
|
|
@@ -645,14 +631,14 @@ const IconArrowBoxLeft = react.forwardRef(
|
|
|
645
631
|
"path",
|
|
646
632
|
{
|
|
647
633
|
fill: "currentColor",
|
|
648
|
-
d: "
|
|
634
|
+
d: "M5.0001 19v-5h2v5c0 .5523.4477 1 1 1h11c.5523 0 1-.4477 1-1v-11c0-.5523-.4477-1-1-1h-5v-2h5c1.6569 0 3 1.3431 3 3v11c0 1.6569-1.3431 3-3 3h-11c-1.6568 0-3-1.3431-3-3Z"
|
|
649
635
|
}
|
|
650
636
|
),
|
|
651
637
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
652
638
|
"path",
|
|
653
639
|
{
|
|
654
640
|
fill: "currentColor",
|
|
655
|
-
d: "m4.0003 11.0003-.
|
|
641
|
+
d: "m4.0003 11.0003-.0006-5.5865 8.2936 8.2936 1.4142-1.4142-8.2928-8.2929h5.5855v-1.9998l-7.9998-.0007-1 1v8.0005h1.9999Z"
|
|
656
642
|
}
|
|
657
643
|
)
|
|
658
644
|
);
|
|
@@ -8290,7 +8276,7 @@ const IconMermaid = react.forwardRef(
|
|
|
8290
8276
|
);
|
|
8291
8277
|
IconMermaid[designSystemBaseIcon.iconSymbol] = true;
|
|
8292
8278
|
|
|
8293
|
-
const
|
|
8279
|
+
const IconMicLinesDot = react.forwardRef(
|
|
8294
8280
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
8295
8281
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
8296
8282
|
return react.createElement(
|
|
@@ -8308,27 +8294,20 @@ const IconMicrophoneDocument = react.forwardRef(
|
|
|
8308
8294
|
"path",
|
|
8309
8295
|
{
|
|
8310
8296
|
fill: "currentColor",
|
|
8311
|
-
d: "
|
|
8297
|
+
d: "M11.5 12c0 2.2937 1.9703 4 4.5 4s4.5-1.7062 4.5-4v-1h2v1c0 3.287-2.5331 5.5844-5.5 6v2h-2v-2c-2.9669-.4156-5.5-2.713-5.5-6v-1h2v1Z"
|
|
8312
8298
|
}
|
|
8313
8299
|
),
|
|
8314
8300
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8315
8301
|
"path",
|
|
8316
8302
|
{
|
|
8317
8303
|
fill: "currentColor",
|
|
8318
|
-
d: "
|
|
8319
|
-
}
|
|
8320
|
-
),
|
|
8321
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8322
|
-
"path",
|
|
8323
|
-
{
|
|
8324
|
-
fill: "currentColor",
|
|
8325
|
-
d: "M15 6.5v-.5h2v.5c0 1.3807 1.1193 2.5 2.5 2.5s2.5-1.1193 2.5-2.5v-.5h2v.5c0 2.1415-1.4962 3.9318-3.5 4.3867v2.1133h-2v-2.1133c-2.0038-.4549-3.5-2.2452-3.5-4.3867Z"
|
|
8304
|
+
d: "M16 4c1.3595 0 2.5 1.2023 2.5 2.5v5c0 1.2977-1.1405 2.5-2.5 2.5s-2.5-1.2023-2.5-2.5v-5c0-1.2977 1.1405-2.5 2.5-2.5ZM6 13h-4v-2h4v2ZM10 9h-8v-2h8v2ZM7 5h-5v-2h5v2ZM10 5h-2v-2h2v2Z"
|
|
8326
8305
|
}
|
|
8327
8306
|
)
|
|
8328
8307
|
);
|
|
8329
8308
|
}
|
|
8330
8309
|
);
|
|
8331
|
-
|
|
8310
|
+
IconMicLinesDot[designSystemBaseIcon.iconSymbol] = true;
|
|
8332
8311
|
|
|
8333
8312
|
const IconMicrophoneSlash = react.forwardRef(
|
|
8334
8313
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
@@ -13954,14 +13933,16 @@ const IconSquaresTwoOverlap = react.forwardRef(
|
|
|
13954
13933
|
"path",
|
|
13955
13934
|
{
|
|
13956
13935
|
fill: "currentColor",
|
|
13957
|
-
|
|
13936
|
+
fillRule: "evenodd",
|
|
13937
|
+
d: "M13.1543 6.004c1.5851.0802 2.8457 1.3909 2.8457 2.996v10c0 1.6569-1.3431 3-3 3h-8c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h8l.1543.004Zm-8.1543 1.996c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h8c.5523 0 1-.4477 1-1v-10c0-.5177-.3933-.9438-.8975-.9951l-.1025-.0049h-8Z",
|
|
13938
|
+
clipRule: "evenodd"
|
|
13958
13939
|
}
|
|
13959
13940
|
),
|
|
13960
13941
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13961
13942
|
"path",
|
|
13962
13943
|
{
|
|
13963
13944
|
fill: "currentColor",
|
|
13964
|
-
d: "
|
|
13945
|
+
d: "M19.1543 2.004c1.5851.0802 2.8457 1.3909 2.8457 2.996v10c0 1.6569-1.3431 3-3 3h-1v-2h1c.5523 0 1-.4477 1-1v-10c0-.5177-.3933-.9438-.8975-.9951l-.1025-.0049h-8c-.5523 0-1 .4477-1 1h-2c0-1.6568 1.3431-3 3-3h8l.1543.004Z"
|
|
13965
13946
|
}
|
|
13966
13947
|
)
|
|
13967
13948
|
);
|
|
@@ -16543,7 +16524,7 @@ const IconUsers = react.forwardRef(
|
|
|
16543
16524
|
);
|
|
16544
16525
|
IconUsers[designSystemBaseIcon.iconSymbol] = true;
|
|
16545
16526
|
|
|
16546
|
-
const
|
|
16527
|
+
const IconVideoCameraDot = react.forwardRef(
|
|
16547
16528
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
16548
16529
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
16549
16530
|
return react.createElement(
|
|
@@ -16561,22 +16542,22 @@ const IconVideoCameraSimpleCircle = react.forwardRef(
|
|
|
16561
16542
|
"path",
|
|
16562
16543
|
{
|
|
16563
16544
|
fill: "currentColor",
|
|
16564
|
-
d: "
|
|
16545
|
+
d: "M12 6h-7c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1v-6.5h2v2.5303l2.3633 1.9697h.6367v-6h2v7l-1 1h-2.3623l-.2783-.2314-1.3594-1.1329v1.3643c0 1.6569-1.3431 3-3 3h-9c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h7v2Z"
|
|
16565
16546
|
}
|
|
16566
16547
|
),
|
|
16567
16548
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16568
16549
|
"path",
|
|
16569
16550
|
{
|
|
16570
16551
|
fill: "currentColor",
|
|
16571
|
-
d: "
|
|
16552
|
+
d: "M17.5 2c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5-3.5-1.567-3.5-3.5 1.567-3.5 3.5-3.5Z"
|
|
16572
16553
|
}
|
|
16573
16554
|
)
|
|
16574
16555
|
);
|
|
16575
16556
|
}
|
|
16576
16557
|
);
|
|
16577
|
-
|
|
16558
|
+
IconVideoCameraDot[designSystemBaseIcon.iconSymbol] = true;
|
|
16578
16559
|
|
|
16579
|
-
const
|
|
16560
|
+
const IconVideoCameraLinesDot = react.forwardRef(
|
|
16580
16561
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
16581
16562
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
16582
16563
|
return react.createElement(
|
|
@@ -16594,22 +16575,22 @@ const IconVideoCameraSimpleError = react.forwardRef(
|
|
|
16594
16575
|
"path",
|
|
16595
16576
|
{
|
|
16596
16577
|
fill: "currentColor",
|
|
16597
|
-
d: "
|
|
16578
|
+
d: "M12 6h-7c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1v-6.5h2v2.5303l2.3633 1.9697h.6367v-6h2v7l-1 1h-2.3623l-.2783-.2314-1.3594-1.1329v1.3643c0 1.6569-1.3431 3-3 3h-9c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h7v2Z"
|
|
16598
16579
|
}
|
|
16599
16580
|
),
|
|
16600
16581
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16601
16582
|
"path",
|
|
16602
16583
|
{
|
|
16603
16584
|
fill: "currentColor",
|
|
16604
|
-
d: "
|
|
16585
|
+
d: "M10 13v2h-4v-2h4ZM13 13v2h-2v-2h2ZM13 9v2h-7v-2h7ZM17.5 2c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5-3.5-1.567-3.5-3.5 1.567-3.5 3.5-3.5Z"
|
|
16605
16586
|
}
|
|
16606
16587
|
)
|
|
16607
16588
|
);
|
|
16608
16589
|
}
|
|
16609
16590
|
);
|
|
16610
|
-
|
|
16591
|
+
IconVideoCameraLinesDot[designSystemBaseIcon.iconSymbol] = true;
|
|
16611
16592
|
|
|
16612
|
-
const
|
|
16593
|
+
const IconVideoCameraLines = react.forwardRef(
|
|
16613
16594
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
16614
16595
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
16615
16596
|
return react.createElement(
|
|
@@ -16627,27 +16608,55 @@ const IconVideoCameraSimpleMic = react.forwardRef(
|
|
|
16627
16608
|
"path",
|
|
16628
16609
|
{
|
|
16629
16610
|
fill: "currentColor",
|
|
16630
|
-
d: "
|
|
16611
|
+
d: "M10 13v2h-4v-2h4ZM13 13v2h-2v-2h2ZM13 9v2h-7v-2h7Z"
|
|
16631
16612
|
}
|
|
16632
16613
|
),
|
|
16633
16614
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16634
16615
|
"path",
|
|
16635
16616
|
{
|
|
16636
16617
|
fill: "currentColor",
|
|
16637
|
-
|
|
16618
|
+
fillRule: "evenodd",
|
|
16619
|
+
d: "M14 4c1.6569 0 3 1.3431 3 3v1.3652l1.6377-1.3652h2.3623l1 1v8l-1 1h-2.3623l-1.6377-1.3652v1.3652c0 1.6569-1.3431 3-3 3h-9c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h9Zm-9 2c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-9Zm12 4.9688v2.0624l2.3623 1.9688h.6377v-6h-.6377l-2.3623 1.9688Z",
|
|
16620
|
+
clipRule: "evenodd"
|
|
16621
|
+
}
|
|
16622
|
+
)
|
|
16623
|
+
);
|
|
16624
|
+
}
|
|
16625
|
+
);
|
|
16626
|
+
IconVideoCameraLines[designSystemBaseIcon.iconSymbol] = true;
|
|
16627
|
+
|
|
16628
|
+
const IconVideoCameraSimpleError = react.forwardRef(
|
|
16629
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
16630
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
16631
|
+
return react.createElement(
|
|
16632
|
+
StyledIcon,
|
|
16633
|
+
{
|
|
16634
|
+
...props,
|
|
16635
|
+
debug,
|
|
16636
|
+
"aria-hidden": true,
|
|
16637
|
+
size,
|
|
16638
|
+
viewBox: "0 0 24 24",
|
|
16639
|
+
fill: "none",
|
|
16640
|
+
ref: forwardRef2
|
|
16641
|
+
},
|
|
16642
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16643
|
+
"path",
|
|
16644
|
+
{
|
|
16645
|
+
fill: "currentColor",
|
|
16646
|
+
d: "M14 4c1.6569 0 3 1.3431 3 3v1.3643l1.3594-1.1329.2783-.2314h2.3623l1 1v8l-1 1h-2.3623l-.2783-.2314-1.3594-1.1329v1.3643c0 1.6569-1.3431 3-3 3v-2c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-9c-.5523 0-1 .4477-1 1v1h-2v-1c0-1.6569 1.3432-3 3-3h9Zm5.3633 5-2.3633 1.9688v2.0615l2.3633 1.9697h.6367v-6h-.6367ZM8 17c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z"
|
|
16638
16647
|
}
|
|
16639
16648
|
),
|
|
16640
16649
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16641
16650
|
"path",
|
|
16642
16651
|
{
|
|
16643
16652
|
fill: "currentColor",
|
|
16644
|
-
d: "
|
|
16653
|
+
d: "M11 15c0-2.2091-1.7909-4-4-4-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4Zm-3-3v3h-2v-3h2Zm5 3c0 3.3137-2.6863 6-6 6s-6-2.6863-6-6 2.6863-6 6-6 6 2.6863 6 6Z"
|
|
16645
16654
|
}
|
|
16646
16655
|
)
|
|
16647
16656
|
);
|
|
16648
16657
|
}
|
|
16649
16658
|
);
|
|
16650
|
-
|
|
16659
|
+
IconVideoCameraSimpleError[designSystemBaseIcon.iconSymbol] = true;
|
|
16651
16660
|
|
|
16652
16661
|
const IconVideoCameraSimpleSlash = react.forwardRef(
|
|
16653
16662
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
@@ -17288,8 +17297,8 @@ exports.IconMagnifyingGlassPlus = IconMagnifyingGlassPlus;
|
|
|
17288
17297
|
exports.IconMap = IconMap;
|
|
17289
17298
|
exports.IconMegaphone = IconMegaphone;
|
|
17290
17299
|
exports.IconMermaid = IconMermaid;
|
|
17300
|
+
exports.IconMicLinesDot = IconMicLinesDot;
|
|
17291
17301
|
exports.IconMicrophone = IconMicrophone;
|
|
17292
|
-
exports.IconMicrophoneDocument = IconMicrophoneDocument;
|
|
17293
17302
|
exports.IconMicrophoneSlash = IconMicrophoneSlash;
|
|
17294
17303
|
exports.IconMinus = IconMinus;
|
|
17295
17304
|
exports.IconMobile = IconMobile;
|
|
@@ -17557,10 +17566,11 @@ exports.IconUserTickDown = IconUserTickDown;
|
|
|
17557
17566
|
exports.IconUsers = IconUsers;
|
|
17558
17567
|
exports.IconUsersThree = IconUsersThree;
|
|
17559
17568
|
exports.IconVideoCamera = IconVideoCamera;
|
|
17569
|
+
exports.IconVideoCameraDot = IconVideoCameraDot;
|
|
17570
|
+
exports.IconVideoCameraLines = IconVideoCameraLines;
|
|
17571
|
+
exports.IconVideoCameraLinesDot = IconVideoCameraLinesDot;
|
|
17560
17572
|
exports.IconVideoCameraSimple = IconVideoCameraSimple;
|
|
17561
|
-
exports.IconVideoCameraSimpleCircle = IconVideoCameraSimpleCircle;
|
|
17562
17573
|
exports.IconVideoCameraSimpleError = IconVideoCameraSimpleError;
|
|
17563
|
-
exports.IconVideoCameraSimpleMic = IconVideoCameraSimpleMic;
|
|
17564
17574
|
exports.IconVideoCameraSimpleSlash = IconVideoCameraSimpleSlash;
|
|
17565
17575
|
exports.IconViewCenter = IconViewCenter;
|
|
17566
17576
|
exports.IconViewSideLeft = IconViewSideLeft;
|