@mirohq/design-system-icons 0.53.0-button-api-changes.2 → 0.53.1
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 +141 -21
- package/dist/main.js.map +1 -1
- package/dist/module.js +139 -22
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +7 -1
- package/package.json +2 -2
- package/react/ai-text.tsx +45 -0
- package/react/google-drive.tsx +35 -0
- package/react/index.ts +3 -0
- package/react/monitor.tsx +5 -4
- package/react/person-in-circle.tsx +47 -0
- package/react/rectangle-line.tsx +6 -5
- package/react/stacked-circles.tsx +15 -12
- package/svg/24/ai-text.svg +2 -0
- package/svg/24/google-drive.svg +2 -0
- package/svg/24/monitor.svg +1 -1
- package/svg/24/person-in-circle.svg +2 -0
- package/svg/24/rectangle-line.svg +1 -1
- package/svg/24/stacked-circles.svg +1 -1
- package/svg/meta.json +28 -0
package/dist/main.js
CHANGED
|
@@ -142,6 +142,46 @@ const IconAddLineRight = react.forwardRef(
|
|
|
142
142
|
);
|
|
143
143
|
IconAddLineRight[designSystemBaseIcon.iconSymbol] = true;
|
|
144
144
|
|
|
145
|
+
const IconAiText = react.forwardRef(
|
|
146
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
147
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
148
|
+
return react.createElement(
|
|
149
|
+
StyledIcon,
|
|
150
|
+
{
|
|
151
|
+
...props,
|
|
152
|
+
weight,
|
|
153
|
+
debug,
|
|
154
|
+
"aria-hidden": true,
|
|
155
|
+
size,
|
|
156
|
+
viewBox: "0 0 24 24",
|
|
157
|
+
fill: "none",
|
|
158
|
+
ref: forwardRef2
|
|
159
|
+
},
|
|
160
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
161
|
+
"rect",
|
|
162
|
+
{
|
|
163
|
+
width: 18,
|
|
164
|
+
height: 18,
|
|
165
|
+
x: 3,
|
|
166
|
+
y: 3,
|
|
167
|
+
stroke: "currentColor",
|
|
168
|
+
strokeLinecap: "round",
|
|
169
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
170
|
+
rx: 2
|
|
171
|
+
}
|
|
172
|
+
),
|
|
173
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
174
|
+
"path",
|
|
175
|
+
{
|
|
176
|
+
fill: "currentColor",
|
|
177
|
+
d: "m10.2509 10.434-.891 2.497h1.793l-.902-2.497Zm-3.707 5.566 2.926-7.7h1.562l2.937 7.7h-1.716l-.605-1.683h-2.783l-.605 1.683h-1.716ZM14.6743 16v-7.7h1.661v7.7h-1.661Z"
|
|
178
|
+
}
|
|
179
|
+
)
|
|
180
|
+
);
|
|
181
|
+
}
|
|
182
|
+
);
|
|
183
|
+
IconAiText[designSystemBaseIcon.iconSymbol] = true;
|
|
184
|
+
|
|
145
185
|
const IconAlignBottom = react.forwardRef(
|
|
146
186
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
147
187
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -6653,6 +6693,33 @@ const IconGlobe = react.forwardRef(
|
|
|
6653
6693
|
);
|
|
6654
6694
|
IconGlobe[designSystemBaseIcon.iconSymbol] = true;
|
|
6655
6695
|
|
|
6696
|
+
const IconGoogleDrive = react.forwardRef(
|
|
6697
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
6698
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
6699
|
+
return react.createElement(
|
|
6700
|
+
StyledIcon,
|
|
6701
|
+
{
|
|
6702
|
+
...props,
|
|
6703
|
+
weight,
|
|
6704
|
+
debug,
|
|
6705
|
+
"aria-hidden": true,
|
|
6706
|
+
size,
|
|
6707
|
+
viewBox: "0 0 24 24",
|
|
6708
|
+
fill: "none",
|
|
6709
|
+
ref: forwardRef2
|
|
6710
|
+
},
|
|
6711
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6712
|
+
"path",
|
|
6713
|
+
{
|
|
6714
|
+
fill: "currentColor",
|
|
6715
|
+
d: "m6.835 21 3.08-6h12.072l-3.331 6h-11.821Zm8.49-7h6.662l-6.662-11h-6.663l6.663 11Zm-13.325 1 3.331 6 5.663-11-3.332-6-5.662 11Z"
|
|
6716
|
+
}
|
|
6717
|
+
)
|
|
6718
|
+
);
|
|
6719
|
+
}
|
|
6720
|
+
);
|
|
6721
|
+
IconGoogleDrive[designSystemBaseIcon.iconSymbol] = true;
|
|
6722
|
+
|
|
6656
6723
|
const IconGraduationCap = react.forwardRef(
|
|
6657
6724
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
6658
6725
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -8983,10 +9050,11 @@ const IconMonitor = react.forwardRef(
|
|
|
8983
9050
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8984
9051
|
"path",
|
|
8985
9052
|
{
|
|
8986
|
-
|
|
8987
|
-
|
|
8988
|
-
|
|
8989
|
-
|
|
9053
|
+
stroke: "currentColor",
|
|
9054
|
+
strokeLinecap: "round",
|
|
9055
|
+
strokeLinejoin: "round",
|
|
9056
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
9057
|
+
d: "M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z"
|
|
8990
9058
|
}
|
|
8991
9059
|
)
|
|
8992
9060
|
);
|
|
@@ -10116,6 +10184,51 @@ const IconPeopleList = react.forwardRef(
|
|
|
10116
10184
|
);
|
|
10117
10185
|
IconPeopleList[designSystemBaseIcon.iconSymbol] = true;
|
|
10118
10186
|
|
|
10187
|
+
const IconPersonInCircle = react.forwardRef(
|
|
10188
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
10189
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
10190
|
+
return react.createElement(
|
|
10191
|
+
StyledIcon,
|
|
10192
|
+
{
|
|
10193
|
+
...props,
|
|
10194
|
+
weight,
|
|
10195
|
+
debug,
|
|
10196
|
+
"aria-hidden": true,
|
|
10197
|
+
size,
|
|
10198
|
+
viewBox: "0 0 24 24",
|
|
10199
|
+
fill: "none",
|
|
10200
|
+
ref: forwardRef2
|
|
10201
|
+
},
|
|
10202
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10203
|
+
"path",
|
|
10204
|
+
{
|
|
10205
|
+
fill: "currentColor",
|
|
10206
|
+
d: "M13.5 7.5a1.5 1.5 0 1 1-3 .0001 1.5 1.5 0 0 1 3-.0001Z"
|
|
10207
|
+
}
|
|
10208
|
+
),
|
|
10209
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10210
|
+
"path",
|
|
10211
|
+
{
|
|
10212
|
+
fill: "currentColor",
|
|
10213
|
+
fillRule: "evenodd",
|
|
10214
|
+
d: "m8.1048 9.0449-.0027-.001a.822.822 0 0 0-.637.0472.8573.8573 0 0 0-.4215.4927l-.0008.0008a.8766.8766 0 0 0 .0453.6533.8534.8534 0 0 0 .1996.2638.8299.8299 0 0 0 .2802.1643l.0024.0009a24.1744 24.1744 0 0 0 .855.2641l.0025.0007.0741.0213c.1879.0535.3763.1047.5654.1536l.0034.0008.0199.0052c.4842.1249 1.061.2558 1.6419.3448a12.5272 12.5272 0 0 1-.0419.5725c-.0464.4737-.113.8373-.1756 1.1025l-1.7595 3.612a.8765.8765 0 0 0-.0343.6449.8487.8487 0 0 0 .4148.4857.8139.8139 0 0 0 .6273.0497.8394.8394 0 0 0 .4825-.4146l1.7552-3.6034 1.7553 3.6034a.854.854 0 0 0 .1972.2714.828.828 0 0 0 .2842.1716.8155.8155 0 0 0 .3269.0451.8174.8174 0 0 0 .3183-.0887.8369.8369 0 0 0 .2599-.2084.864.864 0 0 0 .1608-.2956.8757.8757 0 0 0-.0571-.6611l-1.7586-3.612c-.0632-.2652-.13-.6288-.1764-1.1024a11.7527 11.7527 0 0 1-.0419-.5726c.5809-.089 1.1577-.2199 1.6419-.3448l.0181-.0047.0053-.0014a23.7984 23.7984 0 0 0 1.5034-.4422c.0064-.0023.0128-.0046.0191-.0071.4104-.1576.6412-.6428.5019-1.0725-.07-.2152-.2203-.3931-.4181-.4945a.8138.8138 0 0 0-.6362-.0462l-.0106.0034a22.3211 22.3211 0 0 1-1.3863.4063l-.0225.0058c-.0002 0 .0002 0 0 0-.4711.1194-.9861.2326-1.475.307a9.9457 9.9457 0 0 1-.192.0274 7.2518 7.2518 0 0 1-.5698.0543 4.789 4.789 0 0 1-.2478.0068 4.7852 4.7852 0 0 1-.2477-.0068 7.238 7.238 0 0 1-.5698-.0543 9.8363 9.8363 0 0 1-.192-.0274c-.4893-.0745-1.004-.1879-1.4743-.3079-.0002 0 .0002 0 0 0l-.0224-.0057a22.2454 22.2454 0 0 1-1.3725-.4023l-.0175-.0057Z",
|
|
10215
|
+
clipRule: "evenodd"
|
|
10216
|
+
}
|
|
10217
|
+
),
|
|
10218
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10219
|
+
"path",
|
|
10220
|
+
{
|
|
10221
|
+
stroke: "currentColor",
|
|
10222
|
+
strokeLinecap: "round",
|
|
10223
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
10224
|
+
d: "M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z"
|
|
10225
|
+
}
|
|
10226
|
+
)
|
|
10227
|
+
);
|
|
10228
|
+
}
|
|
10229
|
+
);
|
|
10230
|
+
IconPersonInCircle[designSystemBaseIcon.iconSymbol] = true;
|
|
10231
|
+
|
|
10119
10232
|
const IconPlaceholder = react.forwardRef(
|
|
10120
10233
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
10121
10234
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -11558,13 +11671,14 @@ const IconRectangleLine = react.forwardRef(
|
|
|
11558
11671
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11559
11672
|
"path",
|
|
11560
11673
|
{
|
|
11561
|
-
|
|
11562
|
-
|
|
11563
|
-
|
|
11564
|
-
|
|
11674
|
+
stroke: "currentColor",
|
|
11675
|
+
strokeLinecap: "round",
|
|
11676
|
+
strokeLinejoin: "round",
|
|
11677
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
11678
|
+
d: "M6 4h14c.5523 0 1 .4477 1 1v10m-17-8h13c.5523 0 1 .4477 1 1v11c0 .5523-.4477 1-1 1h-13c-.5523 0-1-.4477-1-1v-11c0-.5523.4477-1 1-1Z"
|
|
11565
11679
|
}
|
|
11566
11680
|
),
|
|
11567
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M3 8h15v2h-
|
|
11681
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M3 8h15v2h-15z" })
|
|
11568
11682
|
);
|
|
11569
11683
|
}
|
|
11570
11684
|
);
|
|
@@ -14488,28 +14602,31 @@ const IconStackedCircles = react.forwardRef(
|
|
|
14488
14602
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14489
14603
|
"path",
|
|
14490
14604
|
{
|
|
14491
|
-
|
|
14492
|
-
|
|
14493
|
-
|
|
14494
|
-
|
|
14605
|
+
stroke: "currentColor",
|
|
14606
|
+
strokeLinecap: "round",
|
|
14607
|
+
strokeLinejoin: "round",
|
|
14608
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
14609
|
+
d: "M12 12c4.5563 0 8.25-2.0147 8.25-4.5s-3.6937-4.5-8.25-4.5c-4.5564 0-8.25 2.0147-8.25 4.5s3.6936 4.5 8.25 4.5Z"
|
|
14495
14610
|
}
|
|
14496
14611
|
),
|
|
14497
14612
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14498
14613
|
"path",
|
|
14499
14614
|
{
|
|
14500
|
-
|
|
14501
|
-
|
|
14502
|
-
|
|
14503
|
-
|
|
14615
|
+
stroke: "currentColor",
|
|
14616
|
+
strokeLinecap: "round",
|
|
14617
|
+
strokeLinejoin: "round",
|
|
14618
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
14619
|
+
d: "M3.75 7.5v4.5c0 2.4853 3.6936 4.5 8.25 4.5 4.5563 0 8.25-2.0147 8.25-4.5v-4.5"
|
|
14504
14620
|
}
|
|
14505
14621
|
),
|
|
14506
14622
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14507
14623
|
"path",
|
|
14508
14624
|
{
|
|
14509
|
-
|
|
14510
|
-
|
|
14511
|
-
|
|
14512
|
-
|
|
14625
|
+
stroke: "currentColor",
|
|
14626
|
+
strokeLinecap: "round",
|
|
14627
|
+
strokeLinejoin: "round",
|
|
14628
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
14629
|
+
d: "M3.75 12v4.5c0 2.4853 3.6936 4.5 8.25 4.5 4.5563 0 8.25-2.0147 8.25-4.5v-4.5"
|
|
14513
14630
|
}
|
|
14514
14631
|
)
|
|
14515
14632
|
);
|
|
@@ -17315,6 +17432,7 @@ IconWallet[designSystemBaseIcon.iconSymbol] = true;
|
|
|
17315
17432
|
exports.IconActivity = IconActivity;
|
|
17316
17433
|
exports.IconAddLineBottom = IconAddLineBottom;
|
|
17317
17434
|
exports.IconAddLineRight = IconAddLineRight;
|
|
17435
|
+
exports.IconAiText = IconAiText;
|
|
17318
17436
|
exports.IconAlignBottom = IconAlignBottom;
|
|
17319
17437
|
exports.IconAlignCenterHorizontal = IconAlignCenterHorizontal;
|
|
17320
17438
|
exports.IconAlignCenterVertical = IconAlignCenterVertical;
|
|
@@ -17497,6 +17615,7 @@ exports.IconGauge = IconGauge;
|
|
|
17497
17615
|
exports.IconGavel = IconGavel;
|
|
17498
17616
|
exports.IconGift = IconGift;
|
|
17499
17617
|
exports.IconGlobe = IconGlobe;
|
|
17618
|
+
exports.IconGoogleDrive = IconGoogleDrive;
|
|
17500
17619
|
exports.IconGraduationCap = IconGraduationCap;
|
|
17501
17620
|
exports.IconGrid = IconGrid;
|
|
17502
17621
|
exports.IconGridFour = IconGridFour;
|
|
@@ -17594,6 +17713,7 @@ exports.IconPenTip = IconPenTip;
|
|
|
17594
17713
|
exports.IconPenUnderline = IconPenUnderline;
|
|
17595
17714
|
exports.IconPentagon = IconPentagon;
|
|
17596
17715
|
exports.IconPeopleList = IconPeopleList;
|
|
17716
|
+
exports.IconPersonInCircle = IconPersonInCircle;
|
|
17597
17717
|
exports.IconPlaceholder = IconPlaceholder;
|
|
17598
17718
|
exports.IconPlanet = IconPlanet;
|
|
17599
17719
|
exports.IconPlay = IconPlay;
|