maru_design2 2.26.0 → 2.26.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.
- package/CHANGELOG.md +16 -0
- package/dist/components/atoms/icon/iconmap.d.ts +3 -1
- package/dist/index.js +62 -20
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.26.2](https://github.com/42maru-ai/maru-design2/compare/v2.26.1...v2.26.2) (2025-06-11)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* :bento: Icon - add dh connection icons [#402](https://github.com/42maru-ai/maru-design2/issues/402) ([13f57fe](https://github.com/42maru-ai/maru-design2/commit/13f57fe468010e3b8ae774c5741a482ab1ebf31e))
|
|
9
|
+
* :bento: Icon - add dh connection icons again.. ([8770653](https://github.com/42maru-ai/maru-design2/commit/877065320f6d1e62323f7aa15593c3683fb553cb))
|
|
10
|
+
|
|
11
|
+
## [2.26.1](https://github.com/42maru-ai/maru-design2/compare/v2.26.0...v2.26.1) (2025-05-20)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* :bento: Icon - add AlertCircle_s1610 ([c868546](https://github.com/42maru-ai/maru-design2/commit/c868546e42eb3e8385e85346b2340d8d213f8097))
|
|
17
|
+
* :bento: Icon - delete AlertCircleBg_s1610 ([ee64358](https://github.com/42maru-ai/maru-design2/commit/ee643587bc7d45c36f0bfd128bcb55c1f4e70f0b))
|
|
18
|
+
|
|
3
19
|
## [2.26.0](https://github.com/42maru-ai/maru-design2/compare/v2.25.3...v2.26.0) (2025-05-13)
|
|
4
20
|
|
|
5
21
|
|
|
@@ -37,8 +37,8 @@ export declare const iconmap: {
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
export declare const ICONS: {
|
|
40
|
-
readonly AlertCircleBg_s1610: "AlertCircleBg_s1610";
|
|
41
40
|
readonly AlertCircle_s1413: "AlertCircle_s1413";
|
|
41
|
+
readonly AlertCircle_s1610: "AlertCircle_s1610";
|
|
42
42
|
readonly AlertCircle_s1615: "AlertCircle_s1615";
|
|
43
43
|
readonly AlertTriangleBg_s2410: "AlertTriangleBg_s2410";
|
|
44
44
|
readonly AlertTriangle_s1615: "AlertTriangle_s1615";
|
|
@@ -66,6 +66,7 @@ export declare const ICONS: {
|
|
|
66
66
|
readonly CalendarDate_s2420: "CalendarDate_s2420";
|
|
67
67
|
readonly Calendar_s1615: "Calendar_s1615";
|
|
68
68
|
readonly CheckCircleBg_s1612: "CheckCircleBg_s1612";
|
|
69
|
+
readonly CheckCircleBg_s1810: "CheckCircleBg_s1810";
|
|
69
70
|
readonly CheckCircleBg_s2410: "CheckCircleBg_s2410";
|
|
70
71
|
readonly CheckCircle_s1210: "CheckCircle_s1210";
|
|
71
72
|
readonly CheckCircle_s1413: "CheckCircle_s1413";
|
|
@@ -348,6 +349,7 @@ export declare const ICONS: {
|
|
|
348
349
|
readonly XCircle_s1413: "XCircle_s1413";
|
|
349
350
|
readonly XCircle_s1613: "XCircle_s1613";
|
|
350
351
|
readonly XCircle_s2420: "XCircle_s2420";
|
|
352
|
+
readonly XDiamondBg_s2015: "XDiamondBg_s2015";
|
|
351
353
|
readonly XDiamondBg_s2415: "XDiamondBg_s2415";
|
|
352
354
|
readonly X_s1410: "X_s1410";
|
|
353
355
|
readonly X_s1613: "X_s1613";
|
package/dist/index.js
CHANGED
|
@@ -262,23 +262,6 @@ var useColor = function useColor(color) {
|
|
|
262
262
|
/* eslint-disable quotes */
|
|
263
263
|
/* eslint-disable quote-props */
|
|
264
264
|
var iconmap = {
|
|
265
|
-
"AlertCircleBg_s1610": {
|
|
266
|
-
"width": "16",
|
|
267
|
-
"height": "16",
|
|
268
|
-
"viewBox": "0 0 16 16",
|
|
269
|
-
"fill": "none",
|
|
270
|
-
"paths": [{
|
|
271
|
-
"d": "M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z",
|
|
272
|
-
"fill": "#E53E3E"
|
|
273
|
-
}],
|
|
274
|
-
"circles": [{
|
|
275
|
-
"cx": "8",
|
|
276
|
-
"cy": "8",
|
|
277
|
-
"r": "6",
|
|
278
|
-
"fill": "white"
|
|
279
|
-
}],
|
|
280
|
-
"rects": []
|
|
281
|
-
},
|
|
282
265
|
"AlertCircle_s1413": {
|
|
283
266
|
"width": "14",
|
|
284
267
|
"height": "15",
|
|
@@ -294,6 +277,24 @@ var iconmap = {
|
|
|
294
277
|
"circles": [],
|
|
295
278
|
"rects": []
|
|
296
279
|
},
|
|
280
|
+
"AlertCircle_s1610": {
|
|
281
|
+
"width": "16",
|
|
282
|
+
"height": "16",
|
|
283
|
+
"viewBox": "0 0 16 16",
|
|
284
|
+
"fill": "none",
|
|
285
|
+
"paths": [{
|
|
286
|
+
"d": "M7.99992 4C7.46451 4 7.04615 4.46229 7.09943 4.99504L7.45017 8.50248C7.47842 8.78492 7.71608 9 7.99992 9C8.28377 9 8.52143 8.78492 8.54968 8.50248L8.90042 4.99504C8.9537 4.46228 8.53533 4 7.99992 4ZM8.00146 10C7.44918 10 7.00146 10.4477 7.00146 11C7.00146 11.5523 7.44918 12 8.00146 12C8.55375 12 9.00146 11.5523 9.00146 11C9.00146 10.4477 8.55375 10 8.00146 10Z",
|
|
287
|
+
"fill": "#8C8C8C"
|
|
288
|
+
}],
|
|
289
|
+
"circles": [{
|
|
290
|
+
"cx": "8",
|
|
291
|
+
"cy": "8",
|
|
292
|
+
"r": "7.5",
|
|
293
|
+
"fill": "#ffffff",
|
|
294
|
+
"stroke": "#8C8C8C"
|
|
295
|
+
}],
|
|
296
|
+
"rects": []
|
|
297
|
+
},
|
|
297
298
|
"AlertCircle_s1615": {
|
|
298
299
|
"width": "16",
|
|
299
300
|
"height": "16",
|
|
@@ -741,6 +742,20 @@ var iconmap = {
|
|
|
741
742
|
}],
|
|
742
743
|
"rects": []
|
|
743
744
|
},
|
|
745
|
+
"CheckCircleBg_s1810": {
|
|
746
|
+
"width": "18",
|
|
747
|
+
"height": "18",
|
|
748
|
+
"viewBox": "0 0 18 18",
|
|
749
|
+
"fill": "none",
|
|
750
|
+
"paths": [{
|
|
751
|
+
"d": "M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM6.64416 8.16203C6.75396 8.20919 6.85328 8.27776 6.9363 8.36372L8.1 9.52742L11.0637 6.56372C11.1467 6.47776 11.246 6.40919 11.3558 6.36203C11.4656 6.31486 11.5837 6.29003 11.7032 6.28899C11.8227 6.28795 11.9412 6.31073 12.0519 6.35598C12.1625 6.40123 12.2629 6.46806 12.3475 6.55256C12.432 6.63707 12.4988 6.73755 12.544 6.84816C12.5893 6.95877 12.6121 7.07728 12.611 7.19678C12.61 7.31628 12.5852 7.43438 12.538 7.54418C12.4908 7.65399 12.4223 7.7533 12.3363 7.83632L8.7363 11.4363C8.56752 11.605 8.33864 11.6998 8.1 11.6998C7.86135 11.6998 7.63247 11.605 7.4637 11.4363L5.6637 9.63632C5.57774 9.5533 5.50917 9.45399 5.46201 9.34418C5.41484 9.23438 5.39001 9.11628 5.38897 8.99678C5.38793 8.87728 5.41071 8.75877 5.45596 8.64816C5.50121 8.53755 5.56804 8.43707 5.65254 8.35256C5.73705 8.26806 5.83753 8.20123 5.94814 8.15598C6.05875 8.11073 6.17726 8.08795 6.29676 8.08899C6.41626 8.09003 6.53436 8.11486 6.64416 8.16203Z",
|
|
752
|
+
"fill": "#308ACC",
|
|
753
|
+
"fillRule": "evenodd",
|
|
754
|
+
"clipRule": "evenodd"
|
|
755
|
+
}],
|
|
756
|
+
"circles": [],
|
|
757
|
+
"rects": []
|
|
758
|
+
},
|
|
744
759
|
"CheckCircleBg_s2410": {
|
|
745
760
|
"width": "24",
|
|
746
761
|
"height": "24",
|
|
@@ -5888,6 +5903,31 @@ var iconmap = {
|
|
|
5888
5903
|
"circles": [],
|
|
5889
5904
|
"rects": []
|
|
5890
5905
|
},
|
|
5906
|
+
"XDiamondBg_s2015": {
|
|
5907
|
+
"width": "20",
|
|
5908
|
+
"height": "20",
|
|
5909
|
+
"viewBox": "0 0 20 20",
|
|
5910
|
+
"fill": "none",
|
|
5911
|
+
"paths": [{
|
|
5912
|
+
"d": "M12.4 7L7 12.4M7 7L12.4 12.4",
|
|
5913
|
+
"stroke": "white",
|
|
5914
|
+
"strokeWidth": "1.5",
|
|
5915
|
+
"strokeLinecap": "round",
|
|
5916
|
+
"strokeLinejoin": "round"
|
|
5917
|
+
}],
|
|
5918
|
+
"circles": [],
|
|
5919
|
+
"rects": [{
|
|
5920
|
+
"x": "10",
|
|
5921
|
+
"width": "14",
|
|
5922
|
+
"height": "14",
|
|
5923
|
+
"rx": "2",
|
|
5924
|
+
"transform": "rotate(45 10 0)",
|
|
5925
|
+
"fill": "#E53E3E",
|
|
5926
|
+
"stroke": "white",
|
|
5927
|
+
"strokeWidth": "1.5",
|
|
5928
|
+
"strokeLinecap": "round"
|
|
5929
|
+
}]
|
|
5930
|
+
},
|
|
5891
5931
|
"XDiamondBg_s2415": {
|
|
5892
5932
|
"width": "24",
|
|
5893
5933
|
"height": "24",
|
|
@@ -6031,8 +6071,8 @@ var iconmap = {
|
|
|
6031
6071
|
}
|
|
6032
6072
|
};
|
|
6033
6073
|
var ICONS = {
|
|
6034
|
-
"AlertCircleBg_s1610": "AlertCircleBg_s1610",
|
|
6035
6074
|
"AlertCircle_s1413": "AlertCircle_s1413",
|
|
6075
|
+
"AlertCircle_s1610": "AlertCircle_s1610",
|
|
6036
6076
|
"AlertCircle_s1615": "AlertCircle_s1615",
|
|
6037
6077
|
"AlertTriangleBg_s2410": "AlertTriangleBg_s2410",
|
|
6038
6078
|
"AlertTriangle_s1615": "AlertTriangle_s1615",
|
|
@@ -6060,6 +6100,7 @@ var ICONS = {
|
|
|
6060
6100
|
"CalendarDate_s2420": "CalendarDate_s2420",
|
|
6061
6101
|
"Calendar_s1615": "Calendar_s1615",
|
|
6062
6102
|
"CheckCircleBg_s1612": "CheckCircleBg_s1612",
|
|
6103
|
+
"CheckCircleBg_s1810": "CheckCircleBg_s1810",
|
|
6063
6104
|
"CheckCircleBg_s2410": "CheckCircleBg_s2410",
|
|
6064
6105
|
"CheckCircle_s1210": "CheckCircle_s1210",
|
|
6065
6106
|
"CheckCircle_s1413": "CheckCircle_s1413",
|
|
@@ -6342,6 +6383,7 @@ var ICONS = {
|
|
|
6342
6383
|
"XCircle_s1413": "XCircle_s1413",
|
|
6343
6384
|
"XCircle_s1613": "XCircle_s1613",
|
|
6344
6385
|
"XCircle_s2420": "XCircle_s2420",
|
|
6386
|
+
"XDiamondBg_s2015": "XDiamondBg_s2015",
|
|
6345
6387
|
"XDiamondBg_s2415": "XDiamondBg_s2415",
|
|
6346
6388
|
"X_s1410": "X_s1410",
|
|
6347
6389
|
"X_s1613": "X_s1613",
|
|
@@ -6386,14 +6428,14 @@ function Icon(_a) {
|
|
|
6386
6428
|
* circle.fill은 지정 색이 아니라 white로 고정시켜야함
|
|
6387
6429
|
*/
|
|
6388
6430
|
var staticCircleFill = useMemo(function () {
|
|
6389
|
-
return name === ICONS.
|
|
6431
|
+
return name === ICONS.QuestionCircleBg_s1610 || name === ICONS.AlertCircle_s1610;
|
|
6390
6432
|
}, [name]);
|
|
6391
6433
|
/**
|
|
6392
6434
|
* 마지막 path.stroke를 svg에 있는대로 두고 싶으면 true
|
|
6393
6435
|
* 마지막 path.stroke은 지정 색이 아니라 white로 고정시켜야함
|
|
6394
6436
|
*/
|
|
6395
6437
|
var staticPathStorke = useMemo(function () {
|
|
6396
|
-
return name === ICONS.ChevronLeftCircleBg_s2415 || name === ICONS.ChevronRightCircleBg_s2415 || name === ICONS.CheckCircleBg_s1612 || name === ICONS.XCircleBg_s1612 || name === ICONS.XDiamondBg_s2415 || name === ICONS.UserCircleBg_s2415 || name === ICONS.BarChartSquare01Bg_s1810;
|
|
6438
|
+
return name === ICONS.ChevronLeftCircleBg_s2415 || name === ICONS.ChevronRightCircleBg_s2415 || name === ICONS.CheckCircleBg_s1612 || name === ICONS.XCircleBg_s1612 || name === ICONS.XDiamondBg_s2415 || name === ICONS.XDiamondBg_s2015 || name === ICONS.UserCircleBg_s2415 || name === ICONS.BarChartSquare01Bg_s1810;
|
|
6397
6439
|
}, [name]);
|
|
6398
6440
|
/**
|
|
6399
6441
|
* path.fill를 svg에 있는대로 두고 싶으면 true
|